/* Shared shell, openings, evidence ledgers and registers.
   Component geometry lives here; style.css retains data-widget primitives and
   the accepted homepage. No hidden incumbent openings or stacked fidelity passes. */

.site-open-canvas {
  color-scheme: light;
  --paper: #f3f7f6;
  --paper-bright: #fbfcfa;
  --ink: #14242b;
  --ink-soft: #50636b;
  --muted: #50636b;
  --water: #08789d;
  --water-blue: #08789d;
  --graphite-soft: #50636b;
  --rule: #93a8ad;
  --rule-pale: #cbd7d8;
  --rule-soft: #cbd7d8;
  --wash: #ddecf0;
  --svg-muted: #50636b;
  --svg-accent: #08789d;
  --rising: #08789d;
  --falling: #a33f28;
  --display: var(--serif);
  color: var(--ink);
  font: 400 16px/1.45 var(--sans);
  -webkit-font-smoothing: antialiased;
}
.site-open-canvas h1 { font-family: var(--display); }
.site-open-canvas :is(h1,h2,h3,h4,strong,b,th,summary) { font-weight: 400; }
.site-open-canvas { font-synthesis: none; }
body.site-open-canvas #results { columns: auto; max-height: 340px; overflow-y: auto; }
body.site-open-canvas #results li { padding: 0; border-bottom: 1px solid var(--rule-pale); }
body.site-open-canvas #results li a { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 13px 16px; font: 400 17px/1.4 var(--serif); text-decoration: none; }
body.site-open-canvas #results .search-result-name { min-width: 0; overflow-wrap: anywhere; }
body.site-open-canvas #results .search-result-state { flex-shrink: 0; color: var(--muted); font: inherit; font-size: 15px; white-space: nowrap; }
body.site-open-canvas #results a:hover, body.site-open-canvas #results a:focus-visible { background: var(--wash); }
.site-open-canvas h2, .site-open-canvas h3 { background: none; }
.site-open-canvas > .site-header {
  margin-top: 0;
  border-top: 0;
  border-bottom: 1px solid var(--ink);
  background: var(--paper-bright);
}
.site-open-canvas .shared-masthead {
  min-height: 78px;
  padding: 0 32px;
  display: grid;
  grid-template-columns: minmax(300px, 1fr) auto;
  align-items: center;
  gap: 28px;
}
.brand-lockup { display: flex; align-items: center; gap: 20px; }
.shared-masthead .brand { font: 400 30px/1 var(--display); letter-spacing: -.055em; }
.shared-masthead .brand-note {
  margin: 0; padding: 3px 0 3px 20px;
  font: 400 11px/1.35 var(--sans);
  letter-spacing: .14em; color: var(--ink-soft);
}
.shared-masthead .main-nav { display: flex; gap: 32px; align-items: center; }
.shared-masthead .main-nav a { font: 400 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.shared-masthead .icon-button { display: grid; place-items: center; width: 40px; height: 40px; }
.hub-nav-menu { position: relative; }
.hub-nav-menu > summary {
  display: flex; align-items: center; gap: 7px; list-style: none; cursor: pointer;
  font: 400 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase;
}
.hub-nav-menu > summary::-webkit-details-marker { display: none; }
.hub-nav-menu > summary::after { content: ""; width: 5px; height: 5px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.hub-nav-menu[open] > summary { color: var(--water); }
.hub-nav-menu[open] > summary::after { transform: translateY(2px) rotate(225deg); }
.hub-nav-panel {
  position: absolute; z-index: 80; top: calc(100% + 18px); right: -18px; width: 224px;
  border: 1px solid var(--ink); background: var(--paper-bright); box-shadow: 0 12px 24px rgba(20,36,43,.12);
}
.main-nav .hub-nav-panel a {
  min-height: 43px; padding: 0 15px; display: grid; grid-template-columns: 27px 1fr; align-items: center;
  border-bottom: 1px solid var(--rule-pale); color: var(--ink); font: 400 14px/1.15 var(--display);
  letter-spacing: 0; text-transform: none;
}
.main-nav .hub-nav-panel a:last-child { border-bottom: 0; }
.main-nav .hub-nav-panel a:hover, .main-nav .hub-nav-panel a:focus-visible { color: var(--ink); background: var(--water-pale); }
.hub-nav-panel a span { color: var(--water); font: 400 9px/1 var(--sans); letter-spacing: .08em; }
.saved-nav-menu { position: relative; }
.saved-nav-menu > summary {
  display: flex; align-items: center; gap: 7px; list-style: none; cursor: pointer;
  font: 400 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase;
}
.saved-nav-menu > summary::-webkit-details-marker { display: none; }
.saved-nav-count { min-width: 17px; height: 17px; padding: 0 4px; display: grid; place-items: center; border: 1px solid var(--rule); font: 400 9px/1 var(--sans); letter-spacing: 0; }
.saved-nav-menu[open] > summary { color: var(--water); }
.saved-nav-panel {
  position: absolute; z-index: 80; top: calc(100% + 18px); right: -18px; width: 250px;
  border: 1px solid var(--ink); background: var(--paper-bright); box-shadow: 0 12px 24px rgba(20,36,43,.12);
}
.main-nav .saved-nav-panel a { min-height: 48px; padding: 8px 14px; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--rule-pale); color: var(--ink); font: 400 15px/1.15 var(--display); letter-spacing: 0; text-transform: none; }
.main-nav .saved-nav-panel a:last-child { border-bottom: 0; }
.main-nav .saved-nav-panel a:hover, .main-nav .saved-nav-panel a:focus-visible { color: var(--ink); background: var(--water-pale); }
.saved-nav-panel small { flex: none; color: var(--muted); font: 400 10px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.saved-nav-empty { margin: 0; padding: 14px; color: var(--muted); font: 400 14px/1.35 var(--display); letter-spacing: 0; text-transform: none; }
@media (min-width:761px) { .saved-strip-wrap { display: none !important; } }
.site-open-canvas > .breadcrumb-bar {
  display: flex; justify-content: space-between; align-items: center;
  min-height: 0; padding: 5px 32px 4px; gap: 20px;
  border-bottom: 1px solid var(--rule);
}
.breadcrumb-bar .crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0; font: 400 13px/1.35 var(--serif); }
.breadcrumb-meta { flex: none; font: 400 9px/1.3 var(--mono); text-transform: uppercase; letter-spacing: .13em; color: var(--muted); }
.crumb-separator { color: var(--muted); }
.site-open-canvas > main.wrap { background: var(--paper); }
.site-open-canvas > .site-footer { border-top: 1px solid var(--rule); }
.site-footer .wrap { min-height: 68px; font-size: 12px; }
.skip-link { position: fixed; left: 12px; top: -70px; z-index: 100; background: var(--paper-bright); padding: 12px 20px; border: 1px solid var(--ink); }
.skip-link:focus { top: 8px; }
.national-field-atlas-home .more-places { display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 14px 0 0; border-top: 1px solid var(--rule-pale); }
.national-field-atlas-home .more-places > span { font: 400 11px/1.5 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.national-field-atlas-home .more-places > a { font: 400 16px/1.2 var(--serif); }
:is(a, button, input, select, summary):focus-visible { outline: 2px solid var(--water); outline-offset: 3px; border-radius: 0; }

/* Opening: equal-weight place and measurement, followed by facts and a true
   crop of the immutable source. Container units keep crops independent of
   the browser canvas (including the wide-screen ad margins). */
.atlas-detail > main.wrap { padding: 0; }
.report-type-row {
  padding: 9px 32px; border-bottom: 1px solid var(--rule);
  font: 400 12px/1 var(--sans); letter-spacing: .17em;
  text-transform: uppercase; white-space: nowrap;
}
.atlas-opening { margin: 0; width: 100%; }
.atlas-lockup { display: grid; grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr); gap: 30px; align-items: center; min-height: 150px; padding: 30px 40px 24px; }
.atlas-lockup h1, .atlas-primary-value { margin: 0; font: 400 clamp(32px, 3.9vw, 56px)/1.05 var(--display); letter-spacing: -.045em; font-variant-numeric: lining-nums proportional-nums; }
.atlas-lockup h1 { text-wrap: balance; overflow-wrap: break-word; }
.atlas-lockup-rule { width: 1px; height: 76px; background: var(--ink); }
.atlas-primary { min-width: 0; }
.atlas-detail .atlas-primary-value { font-family: var(--display); }
.atlas-primary-context, .atlas-fact-label, .atlas-rail-label { margin: 7px 0 0; font: 400 11px/1.25 var(--sans); letter-spacing: .15em; text-transform: uppercase; color: var(--ink); }
.atlas-meta-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 40px; padding: 9px 0; border-block: 1px solid var(--rule); }
.atlas-meta { margin: 0; font: 400 10px/1.5 var(--mono); text-transform: uppercase; letter-spacing: .025em; }
.atlas-save:empty { display: none; }
.atlas-save .save-btn { min-width: 36px; min-height: 32px; padding: 2px 8px; margin: -5px 0; border: 0; border-radius: 0; }
.atlas-save .save-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.atlas-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 40px; padding: 12px 0 17px; }
.atlas-facts > div { min-width: 0; text-align: center; padding: 4px 12px; }
.atlas-facts > div + div { border-left: 1px solid var(--rule); }
.atlas-fact-label { margin: 0; }
.atlas-fact-value { margin: 7px 0 0; font: 400 16px/1.25 var(--mono); overflow-wrap: break-word; }
.atlas-fact-value.atlas-fact-word { font: 400 21px/1.1 var(--display); letter-spacing: -.025em; }
.atlas-art { container-type: inline-size; position: relative; height: clamp(280px, 29vw, 410px); margin: 0; overflow: hidden; border-bottom: 1px solid var(--rule); background: var(--paper); }
.atlas-art img { position: absolute; display: block; max-width: none; width: 155%; height: auto; left: -53%; top: -14cqw; }
.atlas-art::after { content: ""; position: absolute; inset: 0 0 auto; height: 42px; background: linear-gradient(var(--paper), transparent); pointer-events: none; }
.atlas-river .atlas-art img { width: 170%; left: -68%; top: -8.6cqw; }
.atlas-tide .atlas-art img { width: 161%; left: -57%; top: -8.6cqw; }
.atlas-marine .atlas-art img { width: 166%; left: -64%; top: -9.3cqw; }
.atlas-stocking .atlas-art img { width: 100%; left: 0; top: -12cqw; }
.atlas-rail { margin: 0; border-bottom: 1px solid var(--rule); }
.atlas-rail-row { display: grid; min-height: 62px; }
.atlas-rail-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 1px solid var(--rule); }
.atlas-rail-secondary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.atlas-rail-cell { min-width: 0; padding: 11px 8px; text-align: center; }
.atlas-rail-cell + .atlas-rail-cell { border-left: 1px solid var(--rule); }
.atlas-rail-label { margin: 0 0 6px; }
.atlas-rail-value { margin: 0; font: 400 18px/1.15 var(--mono); overflow-wrap: break-word; }
.atlas-rail-word { font-family: var(--display); }
.atlas-rail-note { margin: 5px 0 0; font: 400 10px/1.3 var(--mono); color: var(--muted); }

/* One dispatch band. Both forms keep their labels, validation and privacy link. */
.atlas-detail .signup { margin: 0; padding: 16px 24px; border-block: 1px solid var(--rule); background: var(--wash); border-radius: 0; }
.atlas-detail .signup-inline { border-top: 0; text-align: center; }
.atlas-detail .signup .search-label { display: none; }
.atlas-detail .signup .signup-ask { display: block; margin: 0 0 10px; font: 400 20px/1.25 var(--serif); color: var(--water); }
.atlas-detail .signup .signup-row { display: flex; flex-wrap: nowrap; gap: 0; }
.atlas-detail .signup-form, .atlas-detail .signup-form > * { min-width: 0; }
.atlas-detail .signup .signup-email { min-width: 0; height: 42px; padding: 0 14px; border: 1px solid var(--rule); background: var(--paper-bright); border-radius: 0; font: 400 15px var(--serif); }
.atlas-detail .signup .signup-btn { flex: 0 0 118px; width: auto; padding: 0 14px; white-space: nowrap; border: 1px solid var(--water); border-radius: 0; background: var(--water); color: white; font: 400 16px var(--serif); }
.atlas-detail .signup .signup-fine { margin: 6px 0 0; font: 400 11px/1.35 var(--sans); color: var(--muted); }
.signup-msg:empty { display: none; }
.atlas-detail .signup:not(.signup-inline) .signup-form { display: grid; grid-template-columns: 1fr 1.2fr; gap: 0 22px; align-items: center; }
.atlas-detail .signup:not(.signup-inline) .signup-ask { margin: 0; }
.atlas-detail .signup:not(.signup-inline) .signup-fine { grid-column: 2; }

/* Evidence is a continuous ruled ledger on plain paper. The labels organize;
   chart axes and table values use mono, explanatory prose uses the serif. */
.atlas-detail :is(h2, .chart-card h3) { margin: 0 0 10px; padding: 0; border: 0; background: none; font: 400 12px/1.35 var(--sans); letter-spacing: .16em; text-transform: uppercase; }
.atlas-detail h2 > span { font-weight: 400; letter-spacing: .07em; }
.atlas-detail .h-row { margin: 0 0 12px; padding: 0; background: none; border: 0; gap: 16px; }
.atlas-detail .h-row h2 { margin: 0; }
.atlas-detail .printbtn, .atlas-detail .showall { border-radius: 0; font: 400 12px/1.35 var(--sans); }
.forecast-ledger .rowtoggle:focus-visible ~ .h-row .showall-open,
.forecast-ledger .rowtoggle:focus-visible ~ .h-row .showall-close { outline: 2px solid var(--water); outline-offset: 3px; }
.atlas-detail .chart-card { min-width: 0; width: auto; margin: 0; padding: 16px 24px 12px; border-bottom: 1px solid var(--rule); }
.atlas-detail .chartfig { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; border-radius: 0; }
.atlas-detail .chart { display: block; width: 100%; height: auto; }
.atlas-detail .atlas-plot .chart { max-height: none; }
.atlas-detail > main > .chart-card .atlas-plot .chart { max-height: 280px; }
.atlas-detail .chart-labels { display: flex; justify-content: space-between; gap: 12px; margin: 4px 0 0; font: 400 10px/1.3 var(--mono); color: var(--muted); }
.atlas-detail .chartfig .line { stroke: var(--water); }
.atlas-detail .chartfig .area { opacity: .10; }
.atlas-detail .note { font: 400 13px/1.4 var(--sans); color: var(--muted); }
.atlas-detail :is(.evidence-panel, .evidence-full, .atlas-faq-row, .atlas-related-row, .forecast-ledger, .stocking-waters, .stocking-season, .stocking-gauges) { margin: 0; padding: 16px 24px; border-bottom: 1px solid var(--rule); min-width: 0; }
.atlas-detail :is(.evidence-panel, .evidence-full, .atlas-faq-row) > p { margin: 7px 0; }
.atlas-detail > main > section:not([class]) { margin: 0; padding: 18px 24px; border-bottom: 1px solid var(--rule); }
.atlas-detail .atlas-evidence-grid, .lake-history-grid, .lake-statistics-grid, .hydrograph-grid, .marine-transect-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.atlas-detail .atlas-evidence-grid > :nth-child(even), .lake-history-grid > :nth-child(even), .hydrograph-grid > :nth-child(even), .marine-transect-grid > :nth-child(even) { border-left: 1px solid var(--rule); }
.lake-history-grid:not(:has(> :nth-child(2))) { grid-template-columns: 1fr; }
.lake-history-grid > .chart-card { display: flex; flex-direction: column; }
.lake-history-grid > .chart-card .chartfig { margin-top: auto; }
.lake-statistics-grid { grid-template-columns: 1.2fr 1fr; border-bottom: 1px solid var(--rule); }
.lake-statistics, .lake-level-reference { min-width: 0; padding: 16px 24px; }
.lake-level-reference { border-left: 1px solid var(--rule); }
.level-schematic { width: 100%; height: auto; max-height: 255px; }
.atlas-detail .lake-level-reference .note { margin: 0; }
.atlas-detail table { width: 100%; border-collapse: collapse; table-layout: auto; }
.atlas-detail th, .atlas-detail td { padding: 7px 10px; border-bottom: 1px solid var(--rule-pale); border-right: 1px solid var(--rule-pale); font: 400 13px/1.35 var(--mono); vertical-align: top; }
.atlas-detail thead th { font: 400 11px/1.3 var(--sans); letter-spacing: .10em; text-transform: uppercase; }
.atlas-detail th:last-child, .atlas-detail td:last-child { border-right: 0; }
.atlas-detail tbody th { font: 400 15px/1.3 var(--serif); text-transform: none; letter-spacing: 0; }
.atlas-detail tbody tr:last-child > * { border-bottom: 0; }
.atlas-detail .table-wrap { margin: 0; border: 0; }
.atlas-detail .lake-statistics th, .atlas-detail .lake-statistics td { padding: 4px 8px; }
.atlas-detail .lake-statistics th { width: 48%; }
.atlas-detail .stats { display: flex; flex-wrap: wrap; margin: 0; gap: 0; border: 0; }
.atlas-detail .stat { flex: 1 1 130px; min-width: 0; padding: 12px 10px; border-right: 1px solid var(--rule-pale); background: none; }
.atlas-detail .stat:last-child { border-right: 0; }
.atlas-detail .stat .num { margin: 5px 0; font: 400 22px/1.15 var(--mono); }
.atlas-detail .stat .label { color: var(--ink); font: 400 11px/1.25 var(--sans); text-transform: uppercase; letter-spacing: .10em; }
.atlas-detail .faq { margin: 0; }
.atlas-detail .faq details { margin: 0; padding: 0; border-bottom: 1px solid var(--rule-pale); }
.atlas-detail .faq details:last-child { border-bottom: 0; }
.atlas-detail .faq summary { position: relative; padding: 10px 28px 10px 0; list-style: none; font: 400 17px/1.35 var(--serif); cursor: pointer; }
.atlas-detail .faq summary::-webkit-details-marker { display: none; }
.atlas-detail .faq summary::after { content: "+"; position: absolute; right: 4px; color: var(--water); font: 400 22px/1 var(--mono); }
.atlas-detail .faq details[open] summary::after { content: "−"; }
.atlas-detail .faq details > p { max-width: 95ch; margin: 0 0 12px; font: 400 15px/1.5 var(--serif); }
.atlas-detail .cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; }
.atlas-detail .card { padding: 10px 14px; border: 0; border-right: 1px solid var(--rule-pale); border-bottom: 1px solid var(--rule-pale); border-radius: 0; background: none; }
.atlas-detail .card .name { font: 400 17px/1.25 var(--serif); }
.atlas-detail .card .meta { margin-top: 4px; font: 400 11px/1.4 var(--mono); }
.atlas-source-row { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 20px; margin: 0; padding: 16px 24px; border-bottom: 1px solid var(--rule); }
.atlas-source-row p { margin: 0; }
.data-notice { margin: 0; padding: 13px 24px; background: #f5ece5; border-bottom: 1px solid #c9a798; border-left: 3px solid var(--falling); font: 400 15px/1.45 var(--sans); }
.data-notice p:last-child { margin-bottom: 0; }
.datum-note, .observation-provenance, .stocking-scope { margin: 0; padding: 12px 24px; border-bottom: 1px solid var(--rule-pale); }
.observation-provenance p, .stocking-scope p { margin: 0; }
.section-rule-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 10px; }
.section-rule-heading h2 { margin: 0; }
.section-rule-heading > span { font: 400 10px/1.4 var(--mono); color: var(--muted); text-transform: uppercase; }
.stage-profile-grid { display: grid; grid-template-columns: 190px minmax(0, 1fr) 220px; align-items: center; }
.stage-current { padding: 12px 16px 12px 0; }
.stage-current p { margin: 0; font: 400 18px var(--serif); }
.stage-current strong { display: block; margin: 8px 0; font: 400 34px/1.1 var(--display); }
.stage-current span { font: 400 12px/1.4 var(--mono); }
.stage-section-art { min-width: 0; padding: 12px; }
.stage-section-art svg { width: 100%; height: auto; }
.stage-about { padding-left: 18px; border-left: 1px solid var(--rule-pale); }
.stage-about h3 { font: 400 19px var(--serif); }
.stage-about p { font: 400 14px/1.4 var(--serif); }
.hydrograph-grid > article { min-width: 0; padding: 6px 14px; }
.river-range, .river-crests, .river-impacts, .river-nearby { display: inline-block; width: 50%; vertical-align: top; }
.river-crests, .river-nearby { margin-left: -4px !important; border-left: 1px solid var(--rule); }
.tide-today .today-tides caption { display: none; }
.tide-pair { max-width: 900px; margin-inline: auto; }
.atlas-tide .day { padding: 12px; background: none; border: 0; border-right: 1px solid var(--rule-pale); border-bottom: 1px solid var(--rule-pale); border-radius: 0; }
.tide-evidence-grid .days { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.tide-monthly-register { padding: 16px 24px; border-bottom: 1px solid var(--rule); }
.forecast-ledger .period { grid-template-columns: 160px minmax(0, 1fr); padding: 12px 0; border-bottom: 1px solid var(--rule-pale); }
.forecast-ledger .period p { font: 400 15px/1.5 var(--serif); }
.marine-observations, .marine-tides { display: inline-block; width: 50%; vertical-align: top; }
.marine-tides { margin-left: -4px; border-left: 1px solid var(--rule); }
.stocking-evidence-grid { grid-template-columns: 1.1fr .9fr !important; }
.stocking-species { grid-column: 1; grid-row: 1; }
.stocking-history { grid-column: 1; grid-row: 2; }
.stocking-counties { grid-column: 2; grid-row: 1 / span 2; border-left: 1px solid var(--rule); }
.atlas-month-chart { height: 180px; display: flex; align-items: end; gap: 16px; padding: 22px 10px 8px; border-bottom: 1px solid var(--rule); }
.atlas-month-bar { flex: 1; min-width: 0; text-align: center; font: 400 11px/1.3 var(--mono); }
.atlas-month-bar i { display: block; width: 100%; min-height: 3px; margin-bottom: 8px; border-top: 2px solid var(--water); background: #b7dce5; }
.atlas-month-bar.is-peak i { background: #8dc8d7; }

/* Hub: a generous search instrument over a ruled register and working margin. */
.atlas-hub > main.wrap { padding: 0; }
.register-family-nav { display: none; }
.hub-family-links { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border-bottom: 1px solid var(--rule); }
.hub-family-links a { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 18px 14px; border-right: 1px solid var(--rule-pale); font: 400 19px/1.2 var(--serif); text-decoration: none; color: var(--ink); }
.hub-family-links a:last-child { border-right: 0; }
.hub-family-links img { width: 52px; height: 40px; object-fit: contain; flex: none; }
.hub-family-links a:hover, .hub-family-links a[aria-current="page"] { background: #dce8e84d; color: var(--water); }
@media(max-width:760px) {
  .hub-family-links a { flex-direction: column; gap: 8px; padding: 12px 4px; font: 400 13px/1.3 var(--sans); text-align: center; }
  .hub-family-links img { width: 36px; height: 28px; }
}
.register-hero { padding: 36px 36px 26px; min-height: 248px; border-bottom: 1px solid var(--rule); background-image: linear-gradient(transparent 23px, #93a8ad0a 1px), linear-gradient(90deg, transparent 23px, #93a8ad0a 1px); background-size: 24px 24px; }
.register-title-row { display: flex; align-items: center; gap: 40px; }
.register-title-row h1 { flex: 1; margin: 0; font: 400 clamp(36px, 4.8vw, 70px)/1.06 var(--display); letter-spacing: -.045em; text-wrap: balance; }
.register-title-row > p { flex: none; margin: 0; font: 400 11px/1.5 var(--mono); text-transform: uppercase; letter-spacing: .12em; }
.register-intro { margin: 12px 0 16px; font-size: 15px; color: var(--muted); }
.register-search { position: relative; max-width: 1180px; }
.register-search .search-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.register-search .search { height: 56px; padding: 0 20px; border: 1px solid var(--rule); border-radius: 0; background: var(--paper-bright); box-shadow: none; font: 400 20px var(--serif); }
.register-search .linklist:not(:empty) { position: absolute; z-index: 10; top: 55px; left: 0; right: 0; margin: 0; max-height: 360px; overflow-y: auto; border: 1px solid var(--rule); background: var(--paper-bright); box-shadow: 0 8px 16px #14242b14; }
.register-search .linklist li { padding: 8px 16px; border-bottom: 1px solid var(--rule-pale); }
.register-tagline { margin: 10px 0 0; font: 400 10px/1.2 var(--sans); letter-spacing: .16em; text-transform: uppercase; }
.register-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(320px, .94fr); border-bottom: 1px solid var(--rule); }
.register-main { min-width: 0; padding: 16px 22px 24px 36px; border-right: 1px solid var(--rule); }
.register-rail { min-width: 0; padding: 16px 28px 24px 22px; }
.register-heading { display: flex; justify-content: space-between; gap: 4px 20px; flex-wrap: wrap; align-items: baseline; margin: 0 0 10px; padding-bottom: 8px; border-bottom: 1px solid var(--rule-pale); }
.register-heading h2, .register-rail h2, .register-faq h2 { margin: 0; padding: 0; background: none; border: 0; font: 400 27px/1.1 var(--serif); letter-spacing: -.02em; }
.register-heading > p { max-width: none; margin: 0; font: 400 16px/1.4 var(--sans); text-transform: none; text-align: left; color: var(--muted); white-space: nowrap; }
.register-table { margin: 0; border: 0; }
.register-table table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.register-table th, .register-table td { padding: 7px 10px; border-bottom: 1px solid var(--rule-pale); border-right: 1px solid var(--rule-pale); vertical-align: middle; }
.register-table th:last-child, .register-table td:last-child { border-right: 0; }
.register-table th { font: 400 11px/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.register-table td { font: 400 12px/1.35 var(--mono); }
.register-table :is(th, td):first-child { width: 38%; text-align: left; }
.register-table :is(th, td):nth-child(2) { width: 13%; }
.register-table :is(th, td):nth-child(n+2) { text-align: center; }
.register-table td:first-child { position: relative; padding-left: 10px; font: 400 16px/1.25 var(--serif); }
.register-rail section + section { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--rule); }
.rail-caption { margin: 5px 0 8px; font: 400 10px/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.most-checked { list-style: none; counter-reset: rank; margin: 0; padding: 0; }
.most-checked li { counter-increment: rank; display: grid; grid-template-columns: 18px minmax(90px, 1fr) max-content max-content; align-items: baseline; gap: 6px; padding: 7px 0; border-top: 1px solid var(--rule-pale); font: 400 11px/1.3 var(--mono); overflow-wrap: anywhere; }
.most-checked li > * { min-width: 0; }
.most-checked li::before { content: counter(rank, decimal-leading-zero); color: var(--muted); }
.most-checked a { font: 400 16px/1.25 var(--serif); overflow-wrap: break-word; }
.most-checked em, .most-checked li > span { white-space: nowrap; overflow-wrap: normal; }
.most-checked em { text-align: right; font-style: normal; }
.pulse-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pulse-grid > div { min-width: 0; padding: 8px 10px; border-right: 1px solid var(--rule-pale); }
.pulse-grid > div:last-child { border-right: 0; }
.pulse-grid strong { display: block; font: 400 30px/1.1 var(--serif); overflow-wrap: anywhere; }
.atlas-hub-stocking .pulse-grid { grid-template-columns: 1fr 1fr 1.5fr; }
.atlas-hub-stocking .pulse-grid strong { font-size: 24px; }
.register-table th.num { white-space: normal; }
.pulse-grid span, .pulse-grid small { display: block; margin-top: 5px; font: 400 10px/1.35 var(--sans); letter-spacing: .07em; text-transform: uppercase; }
.pulse-grid small { color: var(--muted); }
.register-states { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px 12px; }
.register-states a { font: 400 11px/1.3 var(--mono); }
.bulletin-board { padding: 18px 36px 24px; border-bottom: 1px solid var(--rule); }
.bulletin-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bulletin-grid article { min-width: 0; padding: 10px 16px; border-right: 1px solid var(--rule-pale); }
.bulletin-grid article:first-child { padding-left: 0; }
.bulletin-grid article:last-child { border-right: 0; }
.bulletin-mark { display: flex; gap: 16px; align-items: center; margin-bottom: 12px; }
.bulletin-mark b { font: 400 25px var(--serif); color: var(--water); }
.bulletin-waves { width: 36px; }
.bulletin-waves i { height: 5px; border-top-width: 2px; }
.bulletin-label { margin: 0 0 4px; font: 400 10px/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.bulletin-grid h3 { margin: 0 0 10px; font: 400 21px/1.15 var(--serif); }
.bulletin-grid ul { margin: 0; padding: 0; list-style: none; }
.bulletin-grid li { padding: 7px 0; border-top: 1px solid var(--rule-pale); font: 400 13px/1.35 var(--sans); }
.bulletin-grid li > span { display: none; }
.register-faq { display: block; padding: 28px 36px; }
.register-faq h2 { margin-bottom: 18px; }
.register-faq .faq { margin: 0; }
.register-faq summary { position: relative; padding: 15px 32px 15px 0; font: 400 18px/1.4 var(--serif); list-style: none; }
.register-faq summary::-webkit-details-marker { display: none; }
.register-faq summary::after { content: "+"; position: absolute; right: 4px; top: 15px; font: 400 20px/1.2 var(--sans); color: var(--water); }
.register-faq details[open] summary::after { content: "\2212"; }
.register-faq .faq p { margin: 0; padding: 0 32px 18px 0; max-width: 95ch; font: 400 16px/1.65 var(--serif); }
.register-faq .faq details { margin: 0; padding: 0; border: 0; border-top: 1px solid var(--rule-pale); }

/* Utility pages participate in the same editorial sheet. */
.atlas-utility > main.wrap { padding: 32px 40px 40px; }
.atlas-utility .hero { max-width: 980px; padding: 0 0 20px; }
.atlas-utility .hero h1 { font: 400 clamp(36px, 5vw, 64px)/1.08 var(--display); letter-spacing: -.04em; }
.atlas-utility .hero > p { font: 400 21px/1.45 var(--serif); color: var(--muted); }
.atlas-utility h2 { padding: 12px 0; background: none; font: 400 26px var(--serif); }
.atlas-utility .prose, .atlas-utility main > p { max-width: 85ch; font: 400 17px/1.6 var(--serif); }
.atlas-utility .faq { max-width: 980px; }

@media (max-width: 1050px) {
  .register-layout { grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); }
  .register-main, .register-rail { padding: 18px; }
  .register-heading { display: block; }
  .register-heading > p { margin-top: 6px; text-align: left; max-width: none; }
  .register-states { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .stage-profile-grid { grid-template-columns: 160px minmax(0, 1fr); }
  .stage-about { grid-column: 1 / -1; padding: 10px 0 0; border: 0; }
  .atlas-detail .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .site-open-canvas .shared-masthead { min-height: 58px; padding: 0 18px; grid-template-columns: 1fr auto; }
  .shared-masthead .brand { font-size: 25px; }
  .shared-masthead .brand span { display: inline; }
  .shared-masthead .brand-note, .shared-masthead .masthead-right { display: none; }
  .shared-masthead > .mobile-nav { display: block; position: relative; }
  .shared-masthead > .mobile-nav summary { width: 32px; height: 32px; padding: 7px 3px; display: grid; align-content: space-between; list-style: none; cursor: pointer; }
  .shared-masthead > .mobile-nav summary::-webkit-details-marker { display: none; }
  .shared-masthead > .mobile-nav summary span { display: block; height: 1px; background: var(--ink); }
  .shared-masthead > .mobile-nav nav { position: absolute; z-index: 50; right: 0; top: 36px; width: 180px; display: grid; gap: 0; margin: 0; border: 1px solid var(--ink); background: var(--paper-bright); }
  .shared-masthead > .mobile-nav nav a { padding: 13px 16px; border-bottom: 1px solid var(--rule-pale); font: 400 13px var(--sans); letter-spacing: .1em; text-transform: uppercase; }
  .site-open-canvas > .breadcrumb-bar { padding: 5px 18px 4px; }
  .breadcrumb-bar .crumbs { font-size: 11px; gap: 6px; }
  .breadcrumb-meta { display: none; }
  .report-type-row { padding: 10px 18px; font-size: 10px; }
  .atlas-lockup { min-height: 112px; padding: 24px 18px 20px; gap: 14px; grid-template-columns: minmax(0, 1.15fr) 1px minmax(0, .85fr); }
  .atlas-lockup h1, .atlas-primary-value { font-size: clamp(23px, 6.3vw, 40px); line-height: 1.09; letter-spacing: -.05em; }
  .atlas-lockup-rule { height: 62px; }
  .atlas-primary-context { font-size: 9px; letter-spacing: .09em; }
  .atlas-meta-row { margin: 0 18px; padding: 8px 0; }
  .atlas-meta { font-size: 8px; }
  .atlas-facts { margin: 0 18px; padding: 12px 0 16px; }
  .atlas-fact-label { font-size: 9px; }
  .atlas-fact-value { font-size: 12px; }
  .atlas-fact-value.atlas-fact-word { font-size: 17px; }
  .atlas-art { height: clamp(200px, 54vw, 320px); }
  .atlas-lake .atlas-art img { width: 209%; left: -70%; top: -12.2cqw; }
  .atlas-tide .atlas-art img { width: 200%; left: -63.4%; top: -7.3cqw; }
  .atlas-river .atlas-art img { width: 209%; left: -87.5%; top: -10.5cqw; }
  .atlas-marine .atlas-art img { width: 209%; left: -81.25%; top: -11.7cqw; }
  .atlas-stocking .atlas-art img { width: 120%; left: -10%; top: -5cqw; }
  .atlas-art::after { height: 30px; }
  .atlas-rail-row { min-height: 60px; }
  .atlas-rail-label { font-size: 9px; letter-spacing: .11em; }
  .atlas-rail-value { font-size: 13px; }
  .atlas-rail-note { font-size: 8px; }
  .atlas-detail .signup { padding: 16px 18px; }
  .atlas-detail .signup .signup-ask { font-size: 19px; }
  .atlas-detail .signup .signup-btn { flex-basis: 100px; font-size: 15px; }
  .atlas-detail .signup:not(.signup-inline) .signup-form { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .atlas-detail .signup:not(.signup-inline) .signup-fine { grid-column: 1; margin: 0; }
  .atlas-detail .atlas-evidence-grid, .lake-history-grid, .lake-statistics-grid, .hydrograph-grid, .marine-transect-grid, .stage-profile-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .atlas-detail .atlas-evidence-grid > :nth-child(even), .lake-history-grid > :nth-child(even), .hydrograph-grid > :nth-child(even), .marine-transect-grid > :nth-child(even), .lake-level-reference { border-left: 0; }
  .atlas-detail :is(.chart-card, .evidence-panel, .evidence-full, .atlas-faq-row, .atlas-related-row, .forecast-ledger, .stocking-waters, .stocking-season, .stocking-gauges, .tide-monthly-register, .lake-statistics, .lake-level-reference) { padding: 18px; }
  .lake-statistics { border-bottom: 1px solid var(--rule); }
  .atlas-detail .chartfig { overflow-x: auto; }
  .atlas-detail .atlas-plot .chart { min-width: var(--plot-width, 680px); max-height: none; }
  .atlas-detail .atlas-plot .chart-labels { min-width: var(--plot-width, 680px); }
  .atlas-detail .chartfig::after { content: "Swipe to inspect the full chart →"; display: block; position: sticky; left: 0; margin-top: 10px; font: 400 10px/1.3 var(--mono); color: var(--muted); }
  .atlas-detail .chart-labels { font-size: 9px; }
  .atlas-detail th, .atlas-detail td { padding: 6px; font-size: 11px; }
  .atlas-detail tbody th { font-size: 13px; }
  .atlas-detail .cards { grid-template-columns: 1fr; }
  .atlas-detail .card { border-right: 0; padding-inline: 0; }
  .atlas-detail .faq summary { font-size: 16px; }
  .atlas-detail .faq details > p { font-size: 14px; }
  .atlas-source-row { grid-template-columns: 1fr; gap: 4px; padding: 18px; }
  .section-rule-heading { display: block; }
  .section-rule-heading > span { display: block; margin-top: 6px; }
  .river-range, .river-crests, .river-impacts, .river-nearby, .marine-observations, .marine-tides { display: block; width: auto; margin-left: 0 !important; border-left: 0; }
  .stocking-species, .stocking-history, .stocking-counties { grid-column: auto; grid-row: auto; }
  .stage-current { padding: 0 0 8px; }
  .stage-current strong { font-size: 28px; }
  .stage-section-art { padding: 12px 0; }
  .forecast-ledger .period { grid-template-columns: 1fr; gap: 6px; }
  .atlas-month-chart { gap: 8px; }
  .atlas-month-bar { font-size: 9px; }
  .register-hero { min-height: 0; padding: 28px 18px 22px; }
  .register-title-row { display: block; }
  .register-title-row h1 { font-size: clamp(34px, 9vw, 54px); }
  .register-title-row > p { display: none; }
  .register-intro { font-size: 14px; }
  .register-search .search { font-size: 17px; height: 52px; padding-inline: 12px; }
  .register-layout { grid-template-columns: 1fr; }
  .register-main { border-right: 0; }
  .register-rail { border-top: 1px solid var(--rule); }
  .register-table { overflow: visible; }
  .register-table td:first-child { padding-left: 5px; font-size: 14px; }
  .register-table th, .register-table td { padding: 8px 5px; overflow-wrap: break-word; }
  .register-table th { font-size: 9px; letter-spacing: .05em; }
  .register-table td { font-size: 10px; }
  .register-table :is(th, td):first-child { width: 38%; }
  .register-table :is(th, td):nth-child(2) { width: 14%; }
  .register-states { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .register-states a { padding: 4px 0; }
  .bulletin-board { padding: 18px; }
  .bulletin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bulletin-grid article { padding: 14px 10px; border-bottom: 1px solid var(--rule-pale); }
  .bulletin-grid article:nth-child(even) { border-right: 0; }
  .bulletin-grid h3 { font-size: 19px; }
  .register-faq { grid-template-columns: 1fr; padding: 22px 18px; gap: 16px; }
  .atlas-utility > main.wrap { padding: 28px 18px; }
  .atlas-utility .hero > p { font-size: 18px; }
}
@media (max-width: 350px) {
  .atlas-lockup { grid-template-columns: 1fr; gap: 12px; }
  .atlas-lockup-rule { display: none; }
  .atlas-lockup h1, .atlas-primary-value { font-size: 30px; }
  .atlas-rail-value { font-size: 11px; }
}
@media print {
  .site-open-canvas { background: white; color: black; }
  .site-open-canvas > .site-header, .report-type-row, .atlas-art, .signup, .skip-link, .mobile-nav, .save-btn { display: none !important; }
  .atlas-detail > main.wrap { width: 100%; max-width: none; }
  .atlas-detail .chart-card { display: block !important; }
  .atlas-lockup { padding: 16px 0; }
  .atlas-meta-row, .atlas-facts { margin-inline: 0; }
  .atlas-detail .chartfig { overflow: visible; break-inside: avoid; }
  .atlas-detail .atlas-plot .chart { min-width: 0; width: 100%; }
  .atlas-detail .atlas-plot .chart-labels { min-width: 0; }
  .atlas-detail .chartfig::after { display: none; }
  .atlas-detail .faq details { break-inside: avoid; }
}

/* Hub controls: compact on desktop, touchable and contained on small screens. */
.register-heading > div { display: flex; align-items: center; gap: 10px; }
.register-controls { margin: 12px 0 0; }
.register-sort { display: flex; justify-content: space-between; align-items: center; gap: 12px; font: 400 13px/1.4 var(--sans); }
.register-sort select { border: 0; background: transparent; color: var(--water); font: inherit; cursor: pointer; padding: 5px; }
.register-alphabet { display: flex; flex-wrap: wrap; gap: 2px; padding: 8px 0; border-bottom: 1px solid var(--rule-pale); }
.register-alphabet button, .register-pagination button { border: 0; border-radius: 0; background: transparent; color: var(--water); font: 400 14px/1 var(--sans); cursor: pointer; padding: 8px; }
.register-alphabet button { min-width: 22px; padding: 8px 5px; }
.register-alphabet button[aria-pressed="true"] { background: var(--ink); color: var(--paper-bright); }
.register-alphabet button:disabled, .register-pagination button:disabled { color: var(--muted); opacity: .4; cursor: default; }
.register-alphabet button:focus-visible, .register-pagination button:focus-visible { outline: 2px solid var(--water); outline-offset: 2px; }
.register-pagination { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; font: 400 13px var(--sans); }
.atlas-hub [hidden] { display: none !important; }
.register-table { overflow-x: auto; }
.register-table table { min-width: 560px; table-layout: auto; }
.register-table td:nth-child(n+2) { white-space: nowrap; }
.register-table :is(th, td):first-child { width: 40%; min-width: 190px; }
.register-table :is(th, td):nth-child(2) { width: 12%; }
.register-table :is(th, td):nth-child(n+3) { width: 24%; }
.register-scroll-hint { display: none; }
.register-table { scrollbar-width: thin; }
.register-rail { align-self: start; }
.popular-mobile-label { display: none; }
.popular-inline-state, .popular-mobile-stat { display: none; }
.atlas-state-hub .register-table :is(th,td):first-child { width: 58%; }
.atlas-state-hub .register-table :is(th,td):nth-child(n+2) { width: 21%; }
@media(max-width:760px) {
 body.site-open-canvas .most-checked li { grid-template-columns: 18px minmax(0,1fr) auto; align-items: baseline; column-gap: 7px; }
 body.site-open-canvas .most-checked li > a { grid-column: 2; grid-row: 1; align-self: baseline; }
 body.site-open-canvas .most-checked li > .popular-state { display: none; }
 body.site-open-canvas .most-checked li > em { grid-column: 3; grid-row: 1; font-size: 10px; align-self: baseline; }
 .popular-inline-state { display: inline; margin-left: 6px; font: 400 10px var(--sans); color: var(--muted); white-space: nowrap; }
 .popular-desktop-stat { display: none; }
 .popular-mobile-stat { display: inline; }
 .atlas-hub .register-controls, .atlas-hub .register-scroll-hint { display: none !important; }
 body.site-open-canvas.atlas-state-hub .register-table :is(th,td):first-child { width: 52% !important; }
 body.site-open-canvas.atlas-state-hub .register-table :is(th,td):nth-child(n+2) { width: 24% !important; }
 .site-open-canvas .site-footer a[href*="#methods"], .site-open-canvas .site-footer .footer-mark > span:empty, .site-open-canvas .site-footer .footer-mark > .cross { display: none; }
}
@media (max-width: 760px) {
  .atlas-national-hub .register-main { display: none; }
  .atlas-national-hub .popular-desktop-label { display: none; }
  .atlas-national-hub .popular-mobile-label { display: inline; }
  .atlas-national-hub .register-rail { border-top: 0; padding: 22px 18px; }
}
.register-fitted { display: flex; flex-direction: column; box-sizing: border-box; }
.register-fitted > :not(.register-table) { flex-shrink: 0; }
.register-fitted .register-table { flex: 1; min-height: 0; overflow-y: auto; }
.register-fitted .register-table thead { position: sticky; top: 0; background: var(--paper); z-index: 1; }
.register-fitted .register-table td:first-child { white-space: nowrap; }
.most-checked { overflow-x: auto; }
.most-checked li { min-width: 290px; }
@media (max-width: 760px) {
  .state-search-label { display: none; }
  .site-open-canvas .most-checked { overflow: visible; }
  .site-open-canvas .most-checked li { min-width: 0; grid-template-columns: 18px minmax(0,1fr) auto; gap: 4px 8px; }
  .site-open-canvas .most-checked li > a { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  .site-open-canvas .most-checked li > span { grid-column: 3; white-space: normal; text-align: right; max-width: 95px; overflow-wrap: anywhere; }
  .site-open-canvas .most-checked li > em { grid-column: 3; white-space: normal; overflow-wrap: anywhere; }
  .site-open-canvas .table-wrap, .site-open-canvas .register-table { min-width: 0; max-width: 100%; overflow-x: visible; }
  .site-open-canvas table { width: 100% !important; min-width: 0 !important; max-width: 100%; table-layout: fixed !important; }
  .site-open-canvas table :is(th,td) { min-width: 0 !important; width: auto !important; white-space: normal !important; overflow-wrap: anywhere; padding-inline: 4px; }
  .site-open-canvas table :is(a,span,strong,em) { white-space: normal !important; overflow-wrap: anywhere; }
}
@media (max-width: 760px) {
  .register-scroll-hint { display: block; margin: 8px 0; font: 400 13px/1.4 var(--sans); color: var(--muted); }
  .register-heading > p { font-size: 13px; letter-spacing: 0; }
  .register-alphabet { gap: 3px; }
  .register-alphabet button { min-width: 30px; min-height: 36px; }
  .register-faq h2 { margin-bottom: 14px; }
  .register-faq summary { font-size: 16px; }
}

/* Shared search and footer geometry. */
.hub-search-form { display: grid; grid-template-columns: minmax(0,1fr) 54px; border: 1px solid var(--rule); background: var(--paper-bright); }
.register-search .hub-search-form .search { border: 0; background: transparent; width: 100%; min-width: 0; height: 54px; }
.hub-search-submit { display: grid; place-items: center; padding: 0; border: 0; border-left: 1px solid var(--rule); background: transparent; color: var(--water); cursor: pointer; }
.hub-search-submit:hover { background: var(--wash); }
.site-open-canvas .site-footer .footer-mark { flex: none; margin: 0; font: 400 20px/1.2 var(--serif); text-decoration: none; }
.site-open-canvas .site-footer .wrap { display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 100%; }
.site-open-canvas .site-footer nav { display: flex; justify-content: flex-end; align-items: center; gap: 18px; margin: 0 0 0 auto; padding: 0; }

/* One clear route for page corrections and feature requests. */
.site-feedback {
 display:flex;align-items:center;justify-content:space-between;gap:28px;
 width:100%;margin:0;padding:22px 32px;border-top:1px solid var(--rule);
 background:#eef5f6;color:var(--ink);
}
.site-feedback h2{margin:0 0 3px;padding:0;border:0;font:400 24px/1.15 var(--serif);text-transform:none;letter-spacing:0}
.site-feedback p{margin:0;font:400 15px/1.35 var(--serif);color:var(--ink-soft)}
.site-feedback>a{flex:none;padding:10px 18px;border:1px solid var(--ink);color:var(--ink);font:400 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.feedback-intro{max-width:none;padding:42px 24px 22px}
.feedback-intro h1{margin:6px 0 12px;font:400 clamp(31px,5vw,62px)/1.02 var(--serif);letter-spacing:-.025em;white-space:nowrap}
.feedback-intro>p:last-child{font:400 19px/1.45 var(--serif)}
.feedback-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;max-width:980px;margin:0 24px 48px;padding:24px;border-block:1px solid var(--rule)}
.feedback-form label{display:grid;gap:7px;font:400 12px/1.25 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.feedback-form .feedback-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.feedback-form label small{font:400 12px/1.25 var(--serif);letter-spacing:0;text-transform:none;color:var(--ink-soft)}
.feedback-form :is(input,select,textarea){width:100%;padding:11px 12px;border:1px solid var(--rule);border-radius:0;background:var(--paper-bright);color:var(--ink);font:400 17px/1.35 var(--serif)}
.feedback-form textarea{resize:vertical}
.feedback-form .feedback-message{grid-column:1/-1}
.feedback-form button{align-self:end;justify-self:start;height:47px;padding:0 20px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--paper-bright);font:400 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.feedback-status{grid-column:1/-1;min-height:18px;margin:0;font:400 14px/1.35 var(--serif)}
.feedback-status.is-good{color:#176145}.feedback-status.is-bad{color:#9a3025}
@media(max-width:760px) {
 .site-feedback{align-items:flex-start;padding:18px 14px;gap:16px}
 .site-feedback h2{font-size:19px}
 .site-feedback p{font-size:13px}
 .site-feedback>a{padding:9px 11px;font-size:10px}
 .feedback-intro{padding:30px 14px 18px}
 .feedback-form{grid-template-columns:1fr;margin:0 14px 36px;padding:18px 0}
 .feedback-form .feedback-message{grid-column:auto}
 .feedback-intro h1{font-size:clamp(25px,7vw,29px)}
 .feedback-form button{width:100%}
 body.site-open-canvas .shared-masthead { min-height: 66px; height: 66px; box-sizing: border-box; }
 .register-hero.with-water-art { height: 360px; min-height: 360px; box-sizing: border-box; }
 .register-search .hub-search-form .search { height: 50px; }
 body.site-open-canvas .most-checked li { grid-template-columns: 18px minmax(0,1fr) 94px; column-gap: 12px; }
 body.site-open-canvas .most-checked li > em { width: 94px; text-align: right; }
 body.site-open-canvas .register-table th { white-space: nowrap !important; font-size: 9px; letter-spacing: 0; }
 body.site-open-canvas .register-table td { padding: 10px 8px; }
 body.site-open-canvas .register-table td:first-child { padding-left: 0; padding-right: 12px; }
 body.site-open-canvas .site-footer, body.site-open-canvas .site-footer .wrap { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 10px; }
 body.site-open-canvas .site-footer { padding: 18px; }
 body.site-open-canvas .site-footer .wrap { padding: 0; min-height: 0; }
 body.site-open-canvas .site-footer .footer-mark { font-size: 17px; white-space: nowrap; }
 body.site-open-canvas .site-footer nav { flex-wrap: nowrap; gap: 10px; font-size: 12px; }
}

.atlas-stocking .atlas-art img { width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; object-position: right center; }

.table-mobile-copy { display: none; }
@media(max-width:760px) {
 .table-desktop-copy { display: none; }
 .table-mobile-copy { display: inline; }
 body.site-open-canvas .register-table th { padding-inline: 8px; }
 body.site-open-canvas .register-table th:first-child { padding-left: 0; }
}

/* Keep measurement tokens together without taking room from adjoining rows. */
@media(max-width:760px) {
 .shared-masthead > .mobile-nav { border: 0; margin: 0; }
 body.site-open-canvas .register-table td.num { padding-inline: 4px; font-size: 10px; }
 body.site-open-canvas .register-table td.num .measurement { white-space: nowrap !important; overflow-wrap: normal; }
 body.site-open-canvas .most-checked li > em { white-space: nowrap; overflow-wrap: normal; }
}

/* Selected table face: the site's regular Baskervville, with lining figures. */
body.site-open-canvas .register-table :is(td,a),body.site-open-canvas .most-checked :is(a,em){font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;font-weight:400}

/* Place and state travel together in Most checked at every viewport. */
body.site-open-canvas .most-checked .popular-inline-state { display:inline; margin-left:6px; font:400 10px var(--sans); color:var(--muted); white-space:nowrap; }
@media(min-width:761px){
 body.site-open-canvas .most-checked li { grid-template-columns:18px minmax(0,1fr) max-content; column-gap:10px; }
}