:root{font-family:Inter,"Segoe UI",sans-serif;color:#243c36;background:#f8f8f2;--ink:#243c36;--muted:#65756d;--green:#23644f;--line:#dce2d7;--paper:#fff;--tint:#edf2e7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:10px 14px;min-height:42px}button:hover{background:var(--tint);border-color:#93ad9b}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}input,select,textarea{border:1px solid #bccbbc;border-radius:7px;background:#fff;color:var(--ink);padding:11px;min-width:0}input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c28a40;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:clamp(44px,5.4vw,76px);line-height:1.05;letter-spacing:-3px;margin-bottom:24px}h1 em{font-weight:400;color:#528267}h2{font-size:clamp(30px,3vw,42px);letter-spacing:-1.1px;margin-bottom:0}h3{font-size:18px;margin-bottom:8px}p{line-height:1.65}.site-header{height:94px;margin:auto;max-width:1440px;padding:0 5%;display:flex;align-items:center;gap:60px;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:23px;letter-spacing:-1px;text-decoration:none;display:flex;gap:10px;align-items:center}.brand-mark{background:var(--green);color:white;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-family:Georgia,serif;font-size:29px}nav{display:flex;gap:8px}.nav-button{border:0;background:transparent;font-size:14px}.nav-button.active{background:#e8eee2;color:#265b43}.nav-button span{font-size:11px;margin-left:4px;background:#dce7d7;padding:2px 6px;border-radius:10px}.header-note{margin-left:auto;font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:15px}.shell{max-width:1280px;width:90%;margin:auto}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding:70px 0 58px;align-items:center}.eyebrow{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;color:#55705e}.hero-copy{font-size:16px;color:var(--muted);margin-bottom:26px}.search-form{display:flex;padding:6px;border:1px solid var(--line);background:#fff;border-radius:10px;max-width:620px;box-shadow:0 5px 20px #20382706}.search-form input{border:0;flex:1;width:100px;background:transparent}.search-form button{background:var(--green);color:white;border:0;font-size:13px}.search-form button span{margin-left:20px}.error{color:#a13b2a;font-size:13px;margin:6px 0 0;min-height:21px}.hero-art{position:relative;height:310px;overflow:hidden;background:radial-gradient(ellipse,#e9edde 0%,transparent 70%);border-radius:50%}.art-caption,.art-bottom{position:absolute;width:100%;text-align:center;color:#788575;font-size:9px;letter-spacing:2px;top:16px}.art-bottom{top:auto;bottom:12px;font-family:Georgia,serif;font-style:italic;font-size:14px;letter-spacing:0}.orbit{position:absolute;inset:45px 20px;border:1px solid #ccd6c4;border-radius:50%;transform:rotate(-27deg)}.orbit-two{inset:35px 70px;transform:rotate(35deg)}.art-name{position:absolute;font-family:Georgia,serif;font-size:29px;background:#f8faf4;border:1px solid #d9e1d2;border-radius:50%;padding:17px 32px;box-shadow:0 9px 16px #50634008}.name-one{top:42px;left:36px;transform:rotate(-9deg)}.name-two{right:14px;top:124px;transform:rotate(8deg);background:#e3ecd9}.name-three{bottom:37px;left:30px;font-size:25px;transform:rotate(-5deg)}.art-star{position:absolute;left:49%;top:136px;color:#bc8957;font-size:43px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 30px}.section-heading .eyebrow{margin-bottom:12px}.badge{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:9px 13px;white-space:nowrap;color:var(--muted)}.explorer-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.filter-panel{padding:23px;background:#edf1e7;border:1px solid #dce4d4;border-radius:12px;position:sticky;top:20px}.filter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.filter-heading h3{font-size:14px;margin:0}.text-button{background:none;border:0;padding:4px;min-height:32px;font-size:12px;text-decoration:underline}.filter-panel>label,legend{display:block;font-size:12px;font-weight:650;margin:20px 0 9px}.filter-panel>input,.filter-panel>select{width:100%;font-size:13px}fieldset{padding:0;margin:0;border:0;min-width:0}.year-inputs{display:flex;gap:7px;align-items:center}.year-inputs label{font-size:10px;color:var(--muted);flex:1;min-width:0}.year-inputs input{width:100%;margin:6px 0 8px;font-size:14px;padding:8px}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}input[type=range]{accent-color:var(--green);width:100%;padding:0;min-height:24px;cursor:pointer}.presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.presets button{font-size:10px;padding:6px 9px;min-height:32px;background:#f9fbf5;border-radius:20px}.presets button.active{background:var(--green);color:white}.filter-note{font-size:11px;color:var(--muted);margin:22px 0 0}.results-panel{border:1px solid var(--line);border-radius:12px;background:white;padding:24px}.results-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.results-heading h3{font-size:20px;font-family:Georgia,serif;font-weight:400}.muted{color:var(--muted);font-size:13px}.results-heading p{margin-bottom:0;font-size:11px}.result-controls{display:flex;gap:9px}.result-controls label{font-size:10px;color:var(--muted)}.result-controls select{display:block;margin-top:5px;font-size:11px;padding:8px;max-width:155px}.list-key{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:16px 0 12px;border-bottom:1px solid var(--line)}.name-row{display:grid;grid-template-columns:25px minmax(90px,1fr) 100px 86px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0e9}.position{font-size:11px;color:#7b887c}.name-button{font-family:Georgia,serif;font-size:20px;border:0;background:transparent;padding:0;min-height:29px;text-align:left}.row-sex{font-size:10px;font-family:Inter,"Segoe UI",sans-serif;color:var(--muted);margin-left:7px}.bar-track{height:4px;background:#f1f4ec;border-radius:4px;margin-top:7px;max-width:95%}.bar{height:100%;background:#91b291;border-radius:4px;transition:width .25s}.row-numbers{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.row-numbers small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.row-actions{display:flex;justify-content:end;gap:5px}.icon-button{padding:0;min-width:38px;min-height:38px;font-size:18px;border-color:transparent;background:#f5f7f0}.icon-button.selected{background:#e2eedb;color:#285f43;border-color:#adbf9e}.fine-print{font-size:10px;color:var(--muted);margin:20px 0 0}.hidden{display:none!important}.notice{background:#edf2e7;border:1px solid #bdcfb3;border-radius:8px;padding:12px 18px;font-size:13px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:25px;padding:6px 14px;font-size:13px;background:white}.chip button{border:0;background:transparent;padding:0 4px;min-height:28px}.swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.card{background:white;padding:28px;border:1px solid var(--line);border-radius:12px;margin-top:22px}.chart-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.segmented{display:flex;gap:4px;flex-wrap:wrap}.segmented button{font-size:12px;border:0;background:#f0f3eb;min-height:36px}.segmented button.active,.sex-tab.active{background:var(--green);color:#fff}.chart-svg{display:block;width:100%;height:auto;min-height:200px}.chart-svg text{fill:#66776b;font-family:Inter,"Segoe UI",sans-serif;font-size:12px}.chart-readout{font-size:12px;min-height:40px;line-height:1.8}.chart-year{display:flex;align-items:center;gap:18px;font-size:12px}.chart-year input{flex:1}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-weight:600;color:var(--muted);font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.metric{background:#edf2e7;border-radius:9px;padding:24px}.metric-label{display:block;color:var(--muted);font-size:11px}.metric-value{display:block;font-size:29px;font-family:Georgia,serif;font-weight:400;margin:12px 0 7px}.metric-sub{font-size:11px;color:var(--muted)}.profile{padding-top:40px;margin-top:50px;border-top:1px solid var(--line);scroll-margin-top:20px}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.saved-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.saved-card h3{font-family:Georgia,serif;font-size:28px;font-weight:400}.saved-card label{display:block;font-size:11px;color:var(--muted);margin:16px 0}.saved-card input,.saved-card textarea{display:block;width:100%;margin-top:7px;font-size:13px}.saved-card textarea{resize:vertical;min-height:80px}.saved-card .actions{display:flex;gap:8px;flex-wrap:wrap}.saved-card button{font-size:12px}.empty{padding:55px 20px;text-align:center;border:1px dashed #c4d0bd;border-radius:12px;grid-column:1/-1}.empty h3{font-family:Georgia,serif;font-weight:400;font-size:26px}.empty p{color:var(--muted);font-size:14px}.saved-filter-label{font-size:12px}.saved-filter-label select{margin-left:12px}footer{margin-top:70px;padding:30px 0 45px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer .brand{color:var(--ink);font-size:18px}footer p{margin-top:15px}details{max-width:800px}summary{cursor:pointer;min-height:35px;padding-top:8px}.skip-link{position:absolute;top:-60px;left:12px;background:white;padding:12px;z-index:5}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1400px){.hero{padding-top:85px;padding-bottom:75px}}
@media(max-width:1000px){.site-header{gap:20px}.header-note{display:none}.hero-art{height:270px}.art-name{font-size:23px;padding:16px 22px}.explorer-layout{grid-template-columns:220px 1fr;gap:18px}.results-heading{align-items:flex-start;flex-direction:column}.saved-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{height:auto;min-height:108px;flex-wrap:wrap;padding:18px 5%;gap:12px;justify-content:space-between}.brand{font-size:21px}nav{width:100%;justify-content:space-between}.nav-button{flex:1;padding:8px}.hero{grid-template-columns:1fr;padding:40px 0 28px;gap:0}.hero-art{display:none}h1{letter-spacing:-1.8px}.hero-copy{font-size:14px}.desktop{display:none}.search-form button span{display:none}.search-form button{padding:10px}.search-form input{font-size:13px;padding:10px}.section-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:22px}.explorer-layout{grid-template-columns:1fr}.filter-panel{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:18px}.filter-heading,fieldset,.presets,.filter-note{grid-column:1/-1}.filter-panel>label{margin:10px 0 0}.filter-panel>label[for=sex],.filter-panel>#sex{grid-column:1/-1}.filter-panel>label[for=prefix]{grid-column:1;grid-row:6}.filter-panel>label[for=length]{grid-column:2;grid-row:6}.filter-panel>#prefix{grid-column:1;grid-row:7}.filter-panel>#length{grid-column:2;grid-row:7}.filter-note{margin-top:8px}input[type=range]{min-height:30px}.results-panel{padding:16px}.name-row{grid-template-columns:20px minmax(60px,1fr) 76px 78px;gap:7px}.name-button{font-size:18px}.row-numbers{font-size:11px}.icon-button{min-width:35px}.list-key{font-size:9px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:17px}.metric-value{font-size:25px}.card{padding:16px}.saved-grid{grid-template-columns:1fr}.chart-svg{min-height:0}.badge{font-size:10px}.profile{margin-top:35px}.result-controls{width:100%}.result-controls label:last-child{flex:1}.result-controls select{max-width:none;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Separate destinations with a compact shared search above the active content. */
#browse-invitation{border-top:1px solid var(--line);padding:28px 0;display:flex;align-items:center;gap:24px;color:var(--muted)}
#browse-invitation p{margin:0}
.compact-header .hero{display:block;padding:22px 0 8px}
.compact-header .hero .eyebrow,.compact-header .hero h1,.compact-header .hero-copy,.compact-header .hero-art{display:none}
.compact-header .search-form{margin:0;max-width:680px}
.compact-header .profile{margin:0;padding:0;border-top:0}
.compact-header .profile>.section-heading{margin-top:12px}
.compact-header .hero .error:empty{display:none}
.compact-header .hero .error{margin-bottom:12px}
@media(max-width:700px){#browse-invitation{align-items:flex-start;flex-direction:column;gap:12px}.nav-button{font-size:12px;padding:8px 5px}.compact-header .hero{padding-top:16px}.site-header nav{gap:2px}}
.search-form,.compare-add>label:first-child{position:relative}
.suggestions{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:5px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #243c3620;overflow:hidden}
.suggestion-status{font-size:11px;color:var(--muted);padding:10px 14px;margin:0;background:#f5f7f0}
.suggestions [role=option]{padding:10px 16px;cursor:pointer;font-size:15px;border-top:1px solid #f1f3ed}
.suggestions [role=option]:hover,.suggestions [aria-selected=true]{background:#e4eedc}
.compare-add,.compare-period{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.compare-add label,.compare-period label{display:grid;gap:7px;font-size:12px;color:var(--muted)}
.compare-add>label:first-child{flex:1;min-width:180px}
.compare-add input,.compare-add select{width:100%}
.compare-period input{width:130px}
.comparison-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}
.summary-card{background:white;border:1px solid var(--line);border-top:3px solid;padding:18px;border-radius:9px}
.summary-card h3{font-family:Georgia,serif;font-weight:400;font-size:23px}
.summary-card h3 small{font:11px Inter,"Segoe UI",sans-serif;color:var(--muted)}
.summary-card strong{font-size:23px;font-weight:500}.summary-card p,.summary-card>small{font-size:11px;color:var(--muted);margin:8px 0}
@media(max-width:700px){.compare-add>label:first-child{flex-basis:100%}.compare-period{gap:9px}.compare-period input{width:120px}.comparison-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{padding:13px}.summary-card h3{font-size:20px;overflow-wrap:anywhere}}
.atlas-controls,.atlas-sliders{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:16px 0}.atlas-controls label,.atlas-sliders label,.atlas-measure,.atlas-pick-label,.atlas-sort-label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.atlas-controls input{width:130px}.atlas-sliders label{flex:1;min-width:120px}.atlas-sliders{max-width:520px}.atlas-status{font-size:13px;color:var(--muted)}.atlas-legend{display:flex;flex-direction:column;gap:7px;font-size:11px;max-width:390px;margin:20px 0}.atlas-scale{display:flex;height:14px;border-radius:3px;overflow:hidden}.atlas-scale span{flex:1}.atlas-ticks{display:flex;justify-content:space-between}.atlas-missing{display:flex;gap:8px;align-items:center}.atlas-missing i{width:17px;height:14px;background:#fff;border:1px solid #99aa9a}.atlas-maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px}.atlas-map-card{min-width:0}.atlas-map-card h4{font:26px Georgia,serif;margin:14px 0}.atlas-map-card h4 small{font:11px Inter,"Segoe UI",sans-serif;color:var(--muted);margin-left:8px}.atlas-map-card svg{display:block;width:100%;height:auto;background:#f6f8f3;border-radius:8px}.atlas-state{stroke:#819884;stroke-width:.7;cursor:pointer;vector-effect:non-scaling-stroke}.atlas-state.inspected,.atlas-state:focus-visible{stroke:#c06420;stroke-width:2;outline:none}.atlas-label{font:13px Inter,"Segoe UI",sans-serif;fill:#193825;paint-order:stroke;stroke:#fff;stroke-width:2px;stroke-opacity:.8;pointer-events:none;text-anchor:middle;dominant-baseline:middle}.atlas-dc{cursor:pointer}.atlas-dc rect{stroke:#819884}.atlas-dc.inspected rect,.atlas-dc:focus-visible rect{stroke:#c06420;stroke-width:3}.atlas-dc text{font:16px Inter,"Segoe UI",sans-serif;fill:#142b1c;paint-order:stroke;stroke:white;stroke-width:2px}.atlas-pick-label{margin-top:16px}.atlas-detail{min-height:76px;font-size:12px;line-height:1.6;background:#f1f5ec;border-radius:6px;padding:12px;margin:12px 0}.atlas-sort-label{max-width:210px;margin:12px 0}.atlas-table caption{text-align:left;padding:12px;font-size:12px}.atlas-map-card details{font-size:13px}.atlas-maps[aria-busy=true]{opacity:.5}
@media(max-width:700px){.atlas-controls{gap:10px}.atlas-controls input{width:115px}.atlas-measure{width:100%}.atlas-detail{min-height:0}.atlas-maps{gap:20px}.atlas-map-card h4{font-size:23px}}
.atlas-label{font-size:19px}.atlas-ticks{font-variant-numeric:tabular-nums}
.alphabet{display:flex;flex-wrap:wrap;gap:5px;margin:22px 0;width:auto}.alphabet button{font-size:12px;padding:6px 9px;min-width:34px;min-height:36px}.alphabet [aria-pressed=true]{background:var(--green);color:white}.directory-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:20px;background:var(--tint);border-radius:10px}.directory-filters label,.similar-controls label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.directory-filters input,.directory-filters select{width:100%}.directory-status{margin:20px 0;font-size:14px}.directory-list{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 20px}.directory-list:empty{display:none}.directory-list[aria-busy=true]{opacity:.5}.directory-row{display:grid;grid-template-columns:1fr 240px auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.directory-row:last-child{border:0}.directory-row>div>small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.directory-row .row-actions button{min-width:40px}.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0}.page-label{font-size:13px}.page-jump{display:flex;gap:8px;align-items:end;margin-left:auto}.page-jump label{font-size:12px;display:grid;gap:6px}.page-jump input{width:100px}.similar-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.similar-controls input{width:115px}.similar-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.similar-card{border:1px solid var(--line);border-radius:10px;padding:18px}.similar-card h4{margin:0 0 10px}.similar-card p{font-size:12px;color:var(--muted)}.similar-card .actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.similar-card details{font-size:12px}.similar-spark{display:block;width:100%;max-height:150px}.original-key{color:#23644f}.match-key{color:#aa582a}.profile-insight{background:#f0f3e9;border-left:3px solid #7a9973;padding:16px 20px;font-size:14px;margin-top:18px}
@media(max-width:1000px){.directory-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{gap:14px}.site-header .header-note{display:none}}
@media(max-width:700px){.directory-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px}.directory-row{grid-template-columns:1fr auto;gap:10px}.directory-row .row-numbers{grid-column:1;text-align:left}.directory-row .row-actions{grid-column:2;grid-row:1/3}.directory-row .name-button{font-size:20px}.similar-results{grid-template-columns:1fr}.similar-controls>label:first-child{width:100%}.pagination{gap:7px}.page-jump{margin-left:0;width:100%}.site-header .nav-button{font-size:11px}.alphabet{gap:4px}.alphabet button{flex:none}.directory-list{padding:0 14px}}
.shortlist-tools{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:24px 0 12px}.shortlist-tools label{display:grid;gap:7px;font-size:12px}.file-import input{font-size:12px;max-width:260px}.saved-card .select-favorite{display:flex;align-items:center;gap:8px;margin:0 0 16px}.saved-card .select-favorite input{width:18px;height:18px;margin:0;accent-color:var(--green)}.full-name-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.full-name-fields label{display:grid;gap:8px;font-size:12px}.full-name-fields input{width:100%}#full-preview{font:clamp(28px,4vw,48px) Georgia,serif;margin:30px 0 12px;overflow-wrap:anywhere}@media(max-width:700px){.full-name-fields{grid-template-columns:1fr}.shortlist-tools{align-items:stretch;flex-direction:column}}
.atlas-animation{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.atlas-animation label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.atlas-frame-control{min-width:180px;flex:1}.atlas-show-history{margin:0 0 12px;font-size:12px}.atlas-history:not(:empty){border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.state-history-chart{display:block;width:100%;max-height:360px}.state-history-chart text{font:12px Inter,sans-serif;fill:var(--muted)}
.directory-primary { grid-template-columns: repeat(3,minmax(0,1fr)); }
.alphabet { justify-content:flex-start; }
.directory-advanced { border:1px solid var(--line, #deded1); border-radius:14px; padding:16px 20px; margin:18px 0; }
.directory-advanced summary { cursor:pointer; font-weight:600; }
.directory-advanced .directory-filters { margin-top:18px; }
.advanced-count { color:#267452; font-size:.85em; }
.directory-query-summary { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.active-query { color:#53665b; font-size:.85rem; }
.directory-row .row-numbers { max-width:360px; }
@media(max-width:650px) { .directory-primary { grid-template-columns:repeat(2,minmax(0,1fr)); } .directory-primary label:first-child { grid-column:1 / -1; } }

.directory-advanced { max-width:none; width:100%; }
.directory-advanced .directory-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:650px) { .directory-advanced .directory-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }

.directory-connections { border:1px solid var(--line); border-radius:14px; padding:20px; margin:20px 0; background:#fff; }
.connections-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.connections-heading h3 { margin:0; font-size:21px; }
.directory-connections .directory-filters { padding:0; background:transparent; grid-template-columns:repeat(3,minmax(0,1fr)); }
.directory-connections .connection-inputs { grid-template-columns:repeat(2,minmax(0,1fr)); }
.connection-reference { position:relative; }
.connection-reference .suggestions { top:100%; left:0; right:0; }
.connection-options { border-top:1px solid var(--line); margin-top:18px; padding-top:18px; }
.connection-threshold output { font-size:13px; color:var(--ink); font-variant-numeric:tabular-nums; }
.connection-threshold input { padding:0; accent-color:var(--green); }
.connection-evidence { color:var(--green)!important; }
.similar-all { display:inline-block; margin:10px 0; color:var(--green); }
@media(max-width:650px) { .directory-connections { padding:16px; } .directory-connections .directory-filters { grid-template-columns:1fr; } }

/* Alpha identity: semantic roles permit later user theme sets without rewriting components. */
:root { --brand:#183e30; --positive:#267452; --negative:#ae583c; --stable:#556bc0; --focus:#a86e19; --surface:#fff; --space-1:8px; --space-2:16px; --space-3:24px; --space-4:40px; --radius:14px; }
body { font-family:Segoe UI,system-ui,sans-serif; }
.brand { letter-spacing:-.04em; color:var(--brand); }
.brand-icon { width:36px;height:36px; }
.alpha-badge { font:600 10px Segoe UI,system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; background:#e7efe7; color:var(--brand); border-radius:5px; padding:5px 7px; }
button,input,select { min-height:44px; }
button:disabled { opacity:.5; cursor:not-allowed; }
:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.analysis-tools { display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0 32px;font-size:12px; }
.analysis-tools span { flex:1;min-width:200px;color:var(--muted); }
.analysis-tools button { font-size:12px; }
.fingerprint-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0; }
.fingerprint-grid span { display:block;color:var(--muted);font-size:13px; }
.fingerprint-grid strong { display:block;font-size:24px;font-variant-numeric:tabular-nums;margin-top:8px; }
.metric-value,.row-numbers,td,.chart-readout { font-variant-numeric:tabular-nums; }
.methodology { max-width:1000px;padding-top:32px; }
.methodology h1 { font:clamp(32px,5vw,56px) Georgia,serif;line-height:1.1;margin-top:24px; }
.methodology p,.methodology dd { line-height:1.7; }
.methodology dt { font-weight:600;margin-top:16px; }
.pattern-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
.pattern-grid svg { width:100%;stroke:var(--positive);stroke-width:3;fill:none; }
.privacy-choice { margin:32px 0;font-size:13px; }
.check-label { display:flex;gap:10px;align-items:center; }
.check-label input { width:20px;min-height:20px;flex:none; }
dialog { width:min(560px,calc(100% - 32px));border:1px solid var(--line);border-radius:var(--radius);padding:24px;max-height:90dvh;overflow:auto;color:var(--ink); }
dialog::backdrop { background:#14251dcc; }
dialog label { display:grid;gap:8px;margin:16px 0; }
dialog input,dialog textarea,dialog select { width:100%; }
#feedback-context-preview { overflow-wrap:anywhere; }
.directory-list[aria-busy=true],.atlas-maps[aria-busy=true] { min-height:220px;background:linear-gradient(90deg,#f3f5ef,#fff,#f3f5ef); }
@media(max-width:650px) {
 .site-header { flex-wrap:wrap;padding:16px 20px;gap:12px; }
 .site-header nav { width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:3px; }
 .nav-button { min-height:48px;padding:8px 4px!important; }
 .analysis-tools { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
 .analysis-tools span { grid-column:1/-1; }
 .analysis-tools a { min-height:44px;display:flex;align-items:center; }
 .fingerprint-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
 .fingerprint-grid strong { font-size:21px; }
 .chart-header { align-items:stretch;flex-direction:column; }
 .chart-svg text { font-size:18px; }
 .chart-readout { display:grid;gap:8px;line-height:1.6; }
 .pattern-grid { grid-template-columns:1fr; }
 .comparison-summary { grid-template-columns:1fr!important; }
 .atlas-animation { display:grid;grid-template-columns:1fr 1fr; }
 .atlas-frame-control,.atlas-animation label { grid-column:1/-1; }
 .directory-primary label:last-child { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }

.chart-readout { display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px; }
.chart-series-value { display:inline-block; }

#report-dialog { width:min(620px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:24px; }
#report-dialog label { display:flex;gap:12px;align-items:center;margin:12px 0; }
#report-dialog::backdrop { background:#183e30aa; }

.aligned-histories { max-width:none;border-top:1px solid var(--line);margin-top:18px;padding-top:8px; }
.aligned-histories>section { margin:24px 0;border-bottom:1px solid var(--line);padding-bottom:16px; }
.atlas-frame-year { font-size:1.35rem;font-weight:750; }
.comparison-fingerprints { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:24px;margin:24px 0; }
.comparison-fingerprints article { border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-width:0; }
.comparison-fingerprints h4 { font-size:22px;margin:0 0 12px; }
.comparison-fingerprints h4 small { display:block;font-size:13px;color:var(--muted);margin-top:6px; }
.comparison-fingerprints dl div { display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0; }
.comparison-fingerprints dt { font-size:13px;color:var(--muted); }
.comparison-fingerprints dd { margin:0;font-weight:650;font-variant-numeric:tabular-nums; }
.comparison-fingerprints details { margin-top:16px; }
.comparison-fingerprints details p { font-size:13px;line-height:1.6; }
.directory-filter-panel { max-width:none;border:1px solid var(--line);border-radius:var(--radius);padding:12px 20px;margin:20px 0; }
.directory-filter-panel>summary { font-weight:650;min-height:44px; }
.directory-filter-body { padding:12px 0; }
.directory-reading { margin:12px 0; }
.pattern-controls { display:flex;flex-wrap:wrap;gap:16px;align-items:end; }
.pattern-controls label { display:grid;gap:8px;flex:1;min-width:150px; }
.pattern-controls label[hidden] { display:none; }
.pattern-controls input,.pattern-controls select { width:100%; }
.pattern-actions { display:flex;flex-wrap:wrap;align-items:center;gap:16px; }
#pattern-chart[aria-busy=true] { min-height:180px;background:#f3f5ef; }
@media(max-width:650px) { .directory-filter-panel { padding:10px 14px; } .alphabet button { min-width:44px; } }

.preference-workspace { margin:24px 0; }
.saved-exploration { border-top:1px solid var(--line);padding:16px 0; }
.saved-exploration h3 { margin:0;overflow-wrap:anywhere; }
.saved-exploration p { overflow-wrap:anywhere; }
#explorations-dialog form[hidden] { display:none; }
#explorations-dialog > .section-heading { display:flex;flex-wrap:nowrap;gap:12px;align-items:center; }
#explorations-dialog h2 { font-size:24px;flex:1; }
#explorations-dialog [data-close] { flex:0 0 44px; }
.saved-exploration .actions,.preference-workspace .actions { display:flex;gap:12px;align-items:center;flex-wrap:wrap; }
.preference-row > label { display:flex;align-items:center;gap:10px;min-height:44px; }
.preference-row input[type=checkbox] { width:20px;min-height:20px;flex:0 0 20px; }
.preference-workspace > summary { font-size:1.25rem;font-weight:650;cursor:pointer;padding:8px 0; }
.preference-sources,.preference-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.preference-sources fieldset { min-width:0;border:1px solid var(--border,#d7dfd5);border-radius:12px;padding:16px; }
.preference-sources label { display:grid;gap:6px;margin:12px 0; }
.preference-sources input,.preference-sources select { width:100%;min-width:0; }
.preference-sources input[type=file],.preference-workspace input[type=file] { max-width:100%; }
.preference-tools { display:flex;gap:16px;flex-wrap:wrap;align-items:end; }
.preference-tools label { display:grid;gap:6px;flex:1;min-width:150px; }
.preference-row { border-top:1px solid var(--border,#d7dfd5);padding:20px 0; }
.preference-row h4 { margin:0;font-size:1.2rem; }
.preference-row h4 small { display:block;font-size:.8rem;font-weight:400; }
.preference-row h5 { font-size:1rem;margin:10px 0; }
.preference-row .section-heading { margin-bottom:10px; }
.preference-columns section { min-width:0;background:#f4f6f0;border-radius:10px;padding:12px 16px; }
.preference-entry + .preference-entry { border-top:1px solid #d7dfd5;margin-top:12px;padding-top:8px; }
.preference-entry p { overflow-wrap:anywhere; }
.preference-note { white-space:pre-wrap; }
.preference-membership { color:var(--brand,#183e30);font-weight:600; }
.preference-pagination { display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap; }
@media(max-width:650px) { .preference-sources,.preference-columns { grid-template-columns:1fr; } .preference-tools>* { width:100%; } }