:root{--ink:#111b79;--ink-2:#25316d;--muted:#687092;--purple:#7656f6;--lavender:#eee8ff;--pink:#ffe5eb;--cream:#fffaf5;--line:#e8dff0;--teal:#0b9d9b;--coral:#f47774;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shadow:0 8px 30px rgba(66,42,130,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:radial-gradient(ellipse at 10% 18%,rgba(255,221,216,.25),transparent 30%),radial-gradient(ellipse at 88% 48%,rgba(213,201,255,.22),transparent 32%),var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}svg.icon{width:20px;height:20px;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#site-header{height:64px;border-bottom:1px solid rgba(226,215,236,.65);background:rgba(255,250,247,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.header-inner{max-width:1420px;height:100%;padding:0 38px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:22px;font-weight:700;white-space:nowrap;letter-spacing:-.7px}.brand-mark{width:25px;height:25px;display:inline-block;position:relative;border-radius:50%;background:linear-gradient(140deg,#7256fa,#5142d8)}.brand-mark i{position:absolute;width:13px;height:13px;background:#ff8ea9;border:1px solid white;border-radius:50%;right:-5px;top:-4px}.main-nav{display:flex;align-items:center;gap:10px;margin-right:auto}.main-nav a{padding:9px 15px;border-radius:22px;font-size:13px}.main-nav a:hover,.main-nav a.active{background:#f0eaff;color:#4435e4}.main-nav a.active{display:flex;gap:7px;align-items:center}.main-nav .icon{width:15px}.search{display:flex;align-items:center;gap:10px;height:38px;width:260px;border:1px solid #e8d8ee;border-radius:24px;padding:0 11px;background:linear-gradient(90deg,#fff7fc,#f7effa)}.search .icon{color:#5137ff;width:18px}.search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.search button{border:0;background:none;color:var(--purple);cursor:pointer}.favorite-head,.favorite{width:42px;height:42px;border:1px solid #f2d9de;background:rgba(255,255,255,.75);border-radius:50%;color:#ff456a;display:grid;place-items:center;cursor:pointer}.favorite-head{width:38px;height:38px}.favorite-head .icon{width:20px}.favorite.is-favorite,.favorite-head.is-favorite{background:#fff0f4}.is-favorite .icon{fill:#ff6886}.menu-toggle{display:none}
#app{max-width:1420px;margin:auto;padding:0 34px 28px}.hero{min-height:326px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:22px 0 20px;overflow:hidden}.hero:before{content:"";position:absolute;z-index:-1;inset:0 -34px;background:radial-gradient(ellipse at 58% 37%,rgba(218,206,255,.8),transparent 33%),radial-gradient(ellipse at 38% 63%,rgba(255,219,214,.68),transparent 40%),radial-gradient(ellipse at 95% 0,rgba(243,229,255,.6),transparent 25%)}.hero-copy{position:relative;z-index:1;padding-left:12px;max-width:620px}.back-link{font-size:11px;color:#555e9a;display:block;margin-bottom:17px}.tag{display:inline-block;padding:3px 12px;border-radius:20px;background:#ffe9dd;color:#493d68;font-size:12px}.name-line{display:flex;align-items:center;gap:20px;margin-top:0}.name-line h1{font:700 clamp(54px,6vw,72px)/1.05 var(--serif);letter-spacing:-2px;margin:0}.favorite{width:42px;height:42px}.pronounce{margin:2px 0 0 4px;font-size:17px;letter-spacing:.03em;color:#3e4777}.pronounce span{margin:0 8px;color:#a49cae}.hero-meaning{font:italic 600 clamp(22px,2.5vw,29px)/1.25 var(--serif);margin:1px 0 0 4px;color:#182a85}.etymology{margin:0 0 2px 4px;color:#4e567d}.etymology strong{color:#ef5069;font-weight:500}.hero-intro{max-width:600px;margin:3px 0 0 4px;color:#38436e;line-height:1.48}.hero-art{min-height:280px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:22px 0}.orb{position:absolute;border-radius:48% 52% 65% 35%/46% 45% 55% 54%;filter:blur(.2px);opacity:.72}.orb-a{width:280px;height:280px;right:33%;top:-57px;background:linear-gradient(135deg,#c6b8ff,#f4dbff);transform:rotate(29deg)}.orb-b{width:190px;height:180px;right:5%;bottom:-48px;background:linear-gradient(150deg,#ffdedb,#ffd4eb);transform:rotate(-21deg)}.orb-c{width:100px;height:105px;left:7%;top:14px;background:linear-gradient(135deg,#fee5dc,#fff5de)}.art-spark{position:absolute;right:7%;top:4%;font-size:20px;color:#ffb567}.art-dots{position:absolute;left:7%;top:35%;width:68px;height:68px;background-image:radial-gradient(#ffb6ae 2px,transparent 2px);background-size:13px 13px;opacity:.62}.glance{width:min(100%,500px);padding:17px 19px 14px;position:relative;z-index:1;border:1px solid #e9dcf2;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);backdrop-filter:blur(8px)}.section-title{display:flex;align-items:flex-start;gap:10px}.section-title>.icon{width:24px;height:24px;color:var(--purple);stroke-width:2.2}.section-title h2{font:700 19px/1.2 var(--serif);letter-spacing:-.25px;margin:0;color:#10196f}.section-title p{font-size:11px;line-height:1.35;color:#505b89;margin:3px 0 0}.glance .section-title{margin-bottom:9px}.glance-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.glance-item{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 0;border-bottom:1px solid #f0eaf2}.glance-item:nth-last-child(-n+2){border-bottom:0}.icon-tile{width:35px;height:35px;border-radius:11px;background:#f2edff;color:#785aff;display:grid;place-items:center}.glance-item:nth-child(4n+1) .icon-tile{color:#15a5a6;background:#e7f6f4}.glance-item:nth-child(4n+2) .icon-tile{color:#fb4d82;background:#fff0f5}.glance-item small,.glance-item b{display:block;line-height:1.25}.glance-item small{font-size:10px;color:#777b99}.glance-item b{font-size:11px;font-weight:600;color:#151b6e;margin-top:2px}
.primary-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:12px;align-items:stretch}.panel{background:rgba(255,255,255,.65);border:1px solid #ede3e3;border-radius:15px;box-shadow:0 5px 20px rgba(95,73,130,.025);position:relative;overflow:hidden}.meaning{padding:17px 19px 15px;min-height:0;background:radial-gradient(ellipse at 99% 103%,rgba(214,202,255,.35),transparent 24%),rgba(255,255,255,.63)}.meaning>.section-title,.stats-panel>.section-title{margin-bottom:7px}.meaning>p{font-size:12px;line-height:1.46;color:#3e486d;margin:8px 0}.meaning-lede{font-size:17px!important;color:#171d70!important;margin:4px 0 6px!important}.meaning-lede em{font:italic 600 21px var(--serif)}.meaning-lede span{color:#453bf5;font-size:14px}.folklore{margin-top:12px;padding:11px 12px;border:1px solid #f0dfdf;background:rgba(255,250,249,.8);border-radius:13px;display:flex;gap:9px;font-size:11px;line-height:1.4;color:#404879}.folklore .icon{color:#ff8179;width:21px}.source-note{margin-top:9px;width:max-content;max-width:100%;padding:6px 12px;background:#f4efff;border-radius:18px;color:#313b92;font-size:11px}.source-note summary{cursor:pointer;font-weight:600}.source-note p{max-width:420px;margin:7px 3px 3px;line-height:1.45}.stats-trend{display:flex;flex-direction:column;gap:10px}.stats-panel{padding:14px 15px 12px}.stats-panel .section-title p{margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:11px}.stat{min-width:0;min-height:100px;text-align:center;padding:9px 5px 8px;border:1px solid #eee4e8;border-radius:13px;background:rgba(255,255,255,.78);display:flex;flex-direction:column;align-items:center;justify-content:center}.stat small{font-size:10px;line-height:1.2;color:#525b82;min-height:24px}.stat strong{font:700 clamp(22px,2.2vw,29px)/1.25 var(--serif);letter-spacing:-1px;color:#171d76;white-space:nowrap}.stat span{font-size:10px;padding:2px 9px;border-radius:14px;background:#f2efff;color:#6551e5;white-space:nowrap}.stat.coral span{background:#e5faf4;color:#138e87}.stat.pink strong{color:#7656f6}.stat.teal strong{color:#009e9b}.stat.rose span{background:#fff0f4;color:#e54c83}.trend-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(190px,.8fr);gap:10px;flex:1}.trend-panel,.timeline{padding:13px 15px}.trend-panel .section-title p{font-size:10px}.chart-legend{position:absolute;right:15px;top:16px;font-size:10px;color:#475184;display:flex;gap:5px;align-items:center}.chart-legend span{display:inline-flex;align-items:center;gap:5px}.chart-legend i{display:inline-block;width:14px;height:3px;border-radius:2px;background:#5143ff}.trend-svg{width:100%;display:block;margin-top:7px;overflow:visible}.gridline{stroke:#e4ddec;stroke-width:1;stroke-dasharray:3 4}.axis{font:10px var(--sans);fill:#5c6691}.chart-line{fill:none;stroke:#5143ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.peak-point{fill:white;stroke:#5044f5;stroke-width:3}.end-point{fill:#5044f5}.peak-label{font:600 10px var(--sans);fill:#5643ed}.timeline .section-title{margin-bottom:9px}.timeline ol{padding:0 0 0 4px;margin:0;list-style:none;position:relative}.timeline ol:before{content:"";position:absolute;left:6px;top:7px;bottom:10px;border-left:1px solid #aa9aff}.timeline li{position:relative;padding:0 0 12px 22px;display:grid;grid-template-columns:48px 1fr;gap:7px;align-items:start;font-size:10px;line-height:1.35;color:#4a527c}.timeline li:before{content:"";position:absolute;left:2px;top:3px;width:8px;height:8px;background:#7d5bff;border-radius:50%;box-shadow:0 0 0 3px #eee9ff}.timeline li b{font-size:11px;color:#19227c}.timeline li span{font-size:10px}
.places-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:12px;margin-top:12px}.places,.world{padding:15px 17px;min-height:240px;background:rgba(255,255,255,.68)}.places .section-title>.icon{color:#fb6681}.state-content{display:grid;grid-template-columns:1.12fr .88fr;gap:15px;align-items:center;margin-top:9px}.us-abstract{height:150px;display:grid;place-items:center;overflow:hidden}.map-shape{width:245px;height:135px;transform:rotate(-5deg);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);gap:2px;clip-path:polygon(1% 15%,14% 9%,22% 14%,31% 7%,42% 13%,48% 4%,59% 15%,71% 10%,79% 20%,94% 18%,98% 35%,88% 48%,94% 65%,84% 72%,78% 89%,61% 86%,53% 96%,39% 86%,31% 92%,20% 80%,11% 84%,5% 68%,0 55%);background:#fff}.map-shape i{background:#fbe8e5;border:1px solid #fff;min-width:0}.map-shape i:nth-child(3n){background:#c3b0ff}.map-shape i:nth-child(5n){background:#e9deff}.map-shape i:nth-child(7n){background:#f9d8d9}.map-shape i:nth-child(11n){background:#957cff}.map-shape i:nth-child(13n){background:#d9ccff}.map-shape i:nth-child(17n){background:#ffeadf}.state-list{list-style:none;padding:0;margin:0;display:grid;gap:2px}.state-list li{display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;font-size:11px;min-width:0}.state-index{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#f4e8ff;color:#4b3fc0;font-size:9px;font-weight:700}.state-list li:nth-child(-n+3) .state-index{background:#ff718c;color:white}.state-list li b{font-weight:500}.state-list li strong{font-weight:600}.state-list a{display:flex;align-items:center;gap:4px;color:#4d3ce8;font-size:10px}.state-list a .icon{width:13px}.world{background:radial-gradient(ellipse at 99% 100%,rgba(255,218,225,.5),transparent 28%),rgba(255,255,255,.68)}.world .section-title p{max-width:460px}.world-table-wrap{overflow-x:auto;margin-top:13px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{border-bottom:1px solid #eee7eb;padding:8px 6px;font-size:11px}thead th{font-size:9px;color:#777d9b;text-transform:uppercase;letter-spacing:.08em;font-weight:500}tbody th{font-weight:500;color:#19206f}tbody th span{font-size:18px;vertical-align:middle;margin-right:8px}tbody td:nth-child(2){color:#b82a9a}tbody td:nth-child(3){color:#1b2488}tbody tr:last-child>*{border-bottom:0}
.finder{margin-top:14px;min-height:174px;padding:19px 22px;display:grid;grid-template-columns:245px minmax(0,1fr) 165px;gap:18px;align-items:center;border:1px solid #e3d8fb;border-radius:18px;background:radial-gradient(ellipse at 92% 50%,rgba(196,179,255,.78),transparent 32%),linear-gradient(100deg,#f0e7ff,#e9ddff 50%,#f2eaff);position:relative;overflow:hidden}.finder:before,.finder:after{content:"✦";position:absolute;color:rgba(111,70,242,.62);font-size:36px;left:20px;top:15px}.finder:after{content:"✧";font-size:67px;left:auto;right:14px;top:auto;bottom:-7px;color:rgba(104,91,226,.35)}.finder-intro{position:relative;padding-left:48px;z-index:1}.finder-spark{position:absolute;left:0;top:1px;color:#7956ff;font-size:30px}.finder-intro h2{font:700 34px/1.04 var(--serif);letter-spacing:-.8px;margin:0 0 7px;color:#101b78}.finder-intro p{margin:0;font-size:11px;line-height:1.4;color:#48517c}.finder-form{z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;padding:13px;border:1px solid #e6dafd;border-radius:14px;background:rgba(255,255,255,.9)}.finder-form label{font-size:10px;color:#525b85;display:grid;gap:3px}.finder-form select{appearance:auto;min-width:0;width:100%;height:34px;padding:0 9px;border:1px solid #ddd6fa;border-radius:8px;background:#fff;color:#1c2473;font-size:11px}.find-button{z-index:1;border:0;border-radius:30px;background:#5542ed;color:white;padding:13px 15px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer;box-shadow:0 8px 18px rgba(87,66,237,.18)}.find-button:hover{background:#402ee0;transform:translateY(-1px)}.find-button .icon{width:17px}.finder-result{grid-column:2/4;z-index:2;font-size:12px;color:#252578}.finder-result:empty{display:none}.finder-result a{color:#4b3cee;font-weight:700;margin:0 5px}.finder-result span{color:#656c91;font-size:10px;margin-left:8px}
.editorial-row{display:grid;grid-template-columns:1.05fr 1fr 1fr .65fr;gap:10px;margin-top:12px}.editorial{padding:13px 14px;min-height:142px}.editorial .section-title{gap:8px}.editorial .section-title>.icon{width:21px;height:21px;color:#f35180}.editorial .section-title h2{font-size:16px}.editorial>p{font-size:11px;line-height:1.45;color:#485175;margin:7px 0}.editorial>small{display:block;font-size:9px;color:#767b98;line-height:1.4}.culture-item{display:flex;gap:8px;align-items:flex-start;margin-top:7px}.culture-item .icon{color:#755aff;width:21px}.culture-item p{margin:0;font-size:10px;line-height:1.35;color:#414b7b}.culture-item b{color:#19217c}.pill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:11px 0}.pill-grid a,.discovery-groups a{padding:5px 7px;border-radius:18px;border:1px solid #f4dce5;background:#fff0f4;color:#3d3d87;font-size:10px;text-align:center;white-space:nowrap}.pill-grid small{color:#787b99;margin-left:4px;font-size:9px}.inline-link{color:#503ff1;font-size:10px;font-weight:600}.related ul{list-style:none;padding:0;margin:9px 0;display:grid;gap:5px}.related li a{display:block;padding:4px 8px;border-radius:16px;background:#fff0f3;border:1px solid #f5dfe5;font-size:10px;color:#39397c}
.discovery-row{display:grid;grid-template-columns:1fr 1.05fr;gap:10px;margin-top:11px}.discovery,.comparison{padding:14px 15px}.discovery .section-title p,.comparison .section-title p{font-size:10px}.discovery-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:9px}.discovery-groups>div{padding:0 10px;border-right:1px solid #eee5ed}.discovery-groups>div:first-child{padding-left:0}.discovery-groups>div:last-child{border:0}.discovery-groups small{display:block;text-transform:uppercase;color:#7b7d98;font-size:9px;letter-spacing:.08em;margin-bottom:5px}.discovery-groups>div>div{display:flex;flex-wrap:wrap;gap:5px}.discovery-groups a{display:block;padding:4px 5px}.table-scroll{overflow:auto;margin-top:9px} .comparison table{min-width:490px}.comparison th,.comparison td{padding:7px 5px;font-size:10px}.comparison thead th{font-size:8px}.comparison tbody th{font-weight:700}.stage{padding:3px 8px;border-radius:13px;background:#ffe4ef;color:#d23b7b;font-size:9px}.stage.rising{background:#e3f8f3;color:#008a82}.stage.early-rise{background:#e5f8f5;color:#168f83}.middle-names{display:flex;align-items:center;gap:17px;padding:12px 18px;margin-top:9px;border-top:1px solid #ebdfe7;border-bottom:1px solid #ebdfe7}.middle-names>b{font:600 15px var(--serif);white-space:nowrap}.middle-names>div{display:flex;gap:20px;flex-wrap:wrap}.middle-names span{font:italic 15px var(--serif);color:#4549a0}
.bottom-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-top:10px}.checklist,.faq,.community{padding:13px 14px}.checklist .section-title>.icon{color:#fb4c88}.checklist .section-title h2,.faq .section-title h2,.community .section-title h2{font-size:16px}.checklist ul{list-style:none;margin:7px 0 0;padding:0}.checklist li{font-size:10px;line-height:1.36;color:#444c76;padding:0 0 6px 18px;position:relative}.checklist li:before{content:"✓";position:absolute;left:1px;color:#19277e;font-weight:700}.consider .section-title>.icon{color:#ff9b48}.consider li:before{content:"✦";color:#ff9b48}.faq .section-title>.icon,.community .section-title>.icon{color:#5265ff}.faq details{border-bottom:1px solid #eee7ef}.faq details:last-child{border-bottom:0}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:10px;color:#1b247c}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:17px;font-weight:600}.faq details[open] summary:after{content:"−"}.faq details p{margin:0;padding:0 8px 8px 0;font-size:10px;line-height:1.4;color:#565d83}.favorite-count{padding:5px 8px;background:#f3edff;border-radius:12px;color:#5143c7;font-size:9px;margin:7px 0}.comments article{margin:7px 0}.comments article b{font-size:9px;color:#172078}.comments article small{font-size:8px;color:#7d8095}.comments article p{font-size:9px;line-height:1.4;color:#50577b;margin:2px 0}.comment-form{display:flex;gap:4px}.comment-form input{min-width:0;width:100%;height:28px;padding:0 7px;border:1px solid #e8dcea;border-radius:8px;font-size:9px}.comment-form button{border:0;border-radius:7px;background:#7357ee;color:white;padding:0 8px;font-size:9px;cursor:pointer}.demo-note{display:block;color:#83859b;font-size:8px;margin-top:4px}.footer-inner{max-width:1420px;margin:0 auto;padding:16px 38px 24px;border-top:1px solid #eadfe9;display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#777a96}.footer-inner .brand{font-size:17px;color:#172174}.footer-inner .brand-mark{width:19px;height:19px}.footer-inner>span{font-size:11px}.footer-inner nav{margin-left:auto;display:flex;gap:17px;font-size:11px}.footer-inner>small{width:100%;font-size:9px}.toast{position:fixed;z-index:40;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 18px;border-radius:24px;background:#1d236f;color:#fff;font-size:12px;box-shadow:0 8px 28px #15194a33;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1400px){#app,.header-inner,.footer-inner{max-width:1480px}.hero{min-height:350px}.meaning>p{font-size:13px}.places,.world{min-height:258px}}
@media(max-width:1100px){#app{padding:0 22px 24px}.header-inner{padding:0 24px;gap:15px}.main-nav{gap:2px}.main-nav a{padding:8px 10px}.search{width:210px}.hero{grid-template-columns:1fr .95fr;gap:15px}.hero-copy{padding-left:4px}.hero-art{min-height:270px}.primary-grid{grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr)}.stats-grid{gap:4px}.stat{padding:7px 3px}.stat small{font-size:9px}.stat span{font-size:9px;padding:2px 5px}.trend-row{grid-template-columns:minmax(0,1.45fr) minmax(170px,.8fr)}.finder{grid-template-columns:200px minmax(0,1fr) 135px;gap:12px;padding:17px}.finder-intro{padding-left:38px}.finder-intro h2{font-size:30px}.editorial-row{grid-template-columns:1fr 1fr 1fr}.related{grid-column:1/-1;min-height:unset}.related ul{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:60px}body{font-size:14px}#site-header{height:58px}.header-inner{padding:0 16px;gap:10px}.brand{font-size:20px}.menu-toggle{display:block;border:0;background:transparent;font-size:20px;color:#25277a;padding:8px;margin-left:auto}.main-nav{display:none;position:absolute;top:57px;left:0;right:0;padding:12px 15px;background:#fffaf8;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:11px}.search{width:38px;height:38px;padding:0;justify-content:center;background:transparent;border:0}.search input,.search button{display:none}.search:focus-within{position:absolute;right:60px;width:min(65vw,300px);padding:0 10px;background:#fff;border:1px solid #e8d8ee}.search:focus-within input{display:block}.search:focus-within button{display:block}.favorite-head{width:34px;height:34px}.favorite-head .icon{width:18px}#app{padding:0 13px 22px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:13px 2px 12px;min-height:unset}.hero:before{inset:0 -13px}.hero-copy{padding:0 5px}.back-link{margin-bottom:11px}.tag{font-size:11px}.name-line h1{font-size:58px}.favorite{width:38px;height:38px}.pronounce{font-size:15px}.hero-meaning{font-size:24px}.hero-intro{font-size:13px}.hero-art{min-height:unset;justify-content:center;padding:10px 0 13px}.orb-a{width:210px;height:190px;right:36%;top:-12px}.orb-b{width:145px;height:130px;right:5%;bottom:0}.orb-c{width:80px;height:76px;left:4%;top:14px}.art-dots{left:4%;top:30%;width:48px;height:48px}.glance{padding:12px 13px;width:100%;border-radius:15px}.glance .section-title h2{font-size:17px}.glance-grid{column-gap:10px}.glance-item{gap:7px;padding:6px 0}.icon-tile{width:30px;height:30px;border-radius:9px}.icon-tile .icon{width:17px}.glance-item b{font-size:10px}.glance-item small{font-size:9px}.primary-grid{grid-template-columns:1fr;gap:10px}.meaning{padding:15px}.meaning>p{font-size:12px}.meaning-lede{font-size:15px!important}.meaning-lede em{font-size:19px}.stats-panel{padding:13px 10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stat{min-height:87px}.stat:last-child{min-height:70px}.stat strong{font-size:27px}.stat small{font-size:10px}.stat span{font-size:10px}.trend-row{grid-template-columns:1fr}.trend-panel,.timeline{padding:13px 12px}.timeline ol{display:grid;grid-template-columns:1fr 1fr;column-gap:5px}.timeline ol:before{bottom:15px}.timeline li{padding-bottom:11px}.trend-svg{margin-top:15px}.chart-legend{top:14px}.places-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.places,.world{padding:14px;min-height:unset}.state-content{grid-template-columns:.95fr 1.05fr;gap:5px}.us-abstract{height:125px}.map-shape{width:min(100%,210px);height:112px}.state-list{gap:4px}.state-list li{font-size:10px}.world-table-wrap{margin-top:8px}.world table{min-width:470px}.world th,.world td{padding:9px 6px}.finder{grid-template-columns:1fr;gap:11px;margin-top:11px;padding:19px 15px}.finder-intro{padding-left:40px;max-width:330px}.finder-intro h2{font-size:31px}.finder-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:9px}.finder-form select{height:39px}.find-button{min-height:45px}.finder-result{grid-column:1}.editorial-row{grid-template-columns:1fr 1fr;gap:8px}.editorial{min-height:unset;padding:12px}.editorial .section-title h2{font-size:15px}.related{grid-column:auto}.related ul{grid-template-columns:1fr}.pairs{grid-column:1/-1}.pill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-row{grid-template-columns:1fr;gap:9px}.discovery,.comparison{padding:13px 12px}.discovery-groups>div{padding:0 6px}.discovery-groups a{font-size:10px}.table-scroll table{min-width:500px}.middle-names{align-items:flex-start;flex-direction:column;gap:7px;padding:12px 5px}.middle-names>div{gap:8px 15px}.middle-names span{font-size:14px}.bottom-row{grid-template-columns:1fr 1fr;gap:8px}.checklist,.faq,.community{padding:12px 10px}.checklist .section-title h2,.faq .section-title h2,.community .section-title h2{font-size:14px}.checklist li{font-size:10px}.faq summary{line-height:1.3}.footer-inner{padding:14px 17px 20px;gap:10px}.footer-inner nav{gap:12px}.footer-inner>span{font-size:10px}}
@media(max-width:430px){#app{padding-left:11px;padding-right:11px}.header-inner{padding:0 11px;gap:7px}.brand{font-size:18px;gap:7px}.brand-mark{width:22px;height:22px}.menu-toggle{padding:6px}.hero-copy{padding:0 3px}.name-line h1{font-size:54px}.hero-meaning{font-size:22px}.hero-intro{font-size:12px}.glance-grid{column-gap:7px}.glance-item{gap:5px}.glance-item b{font-size:9px}.glance-item small{font-size:8px}.icon-tile{width:27px;height:27px}.section-title h2{font-size:17px}.stats-grid{gap:5px}.stat strong{font-size:24px}.trend-svg{min-height:140px}.state-content{grid-template-columns:1fr 1fr}.map-shape{width:172px;height:98px}.state-list li{grid-template-columns:18px 1fr auto;gap:4px;font-size:9px}.state-index{width:15px;height:15px;font-size:8px}.world table{min-width:445px}.finder-intro h2{font-size:29px}.editorial-row{grid-template-columns:1fr 1fr;gap:7px}.editorial{padding:10px 9px}.editorial .section-title{gap:5px}.editorial .section-title>.icon{width:18px;height:18px}.editorial .section-title h2{font-size:14px}.editorial>p{font-size:10px}.pairs{grid-column:1/-1}.related ul{gap:4px}.related li a{font-size:9px}.discovery-groups>div{padding:0 4px}.discovery-groups small{font-size:8px}.discovery-groups a{font-size:9px}.bottom-row{gap:7px}.checklist,.faq,.community{padding:10px 8px}.checklist .section-title h2,.faq .section-title h2,.community .section-title h2{font-size:13px}.checklist .section-title{gap:5px}.checklist .section-title>.icon,.faq .section-title>.icon,.community .section-title>.icon{width:18px;height:18px}.checklist li{font-size:9px;padding-left:14px}.faq summary,.faq details p{font-size:9px}.comments article p{font-size:8.5px}.footer-inner nav{margin-left:0}.favorite-count{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.search-toggle{display:none}
@media(max-width:760px){.search input,.search>svg,.search>button[type=submit]{display:none}.search .search-toggle{display:block;border:0;background:transparent;padding:8px;color:#5137ff}.search.open,.search:focus-within{position:absolute;right:60px;width:min(65vw,300px);padding:0 10px;background:#fff;border:1px solid #e8d8ee}.search.open input,.search:focus-within input{display:block}.search.open>svg,.search:focus-within>svg{display:block}.search.open>button[type=submit],.search:focus-within>button[type=submit]{display:block}.search.open .search-toggle{display:none}}
@media(min-width:761px) and (max-width:820px){#app{padding-left:17px;padding-right:17px}.header-inner{padding-left:18px;padding-right:18px;gap:12px}.brand{font-size:19px}.main-nav{gap:0}.main-nav a{padding:8px}.search{width:165px}.hero{grid-template-columns:1fr;gap:0;padding-top:12px}.hero-art{min-height:235px;justify-content:center;padding:0 0 14px}.glance{width:min(100%,600px)}.primary-grid,.places-grid,.discovery-row{grid-template-columns:1fr}.trend-row{grid-template-columns:minmax(0,1.6fr) minmax(190px,.8fr)}.finder{grid-template-columns:1fr;gap:12px}.finder-intro{padding-left:44px}.finder-form{grid-template-columns:repeat(3,minmax(0,1fr))}.find-button{max-width:190px}.editorial-row{grid-template-columns:repeat(2,minmax(0,1fr))}.related{grid-column:auto}.related ul{grid-template-columns:1fr 1fr}.bottom-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero{min-height:286px}
.hero-art{min-height:245px}
.empty-state{color:#626b8d;font-size:12px;line-height:1.5}
.trend-note{font-size:11px;line-height:1.4;color:#626b8d;margin:4px 0 0}
.data-note{font-size:11px;color:#717895}
@media(max-width:1100px){.hero{min-height:270px}.hero-art{min-height:238px}}
@media(min-width:761px) and (max-width:820px){.hero{min-height:276px}.hero-art{min-height:235px}}
@media(max-width:760px){.hero{min-height:unset}.hero-art{min-height:unset}.meaning>p,.hero-intro,.editorial>p,.culture-item p,.checklist li,.faq summary,.faq details p,.comments article p,.demo-note,.world td,.state-list li{font-size:12px}.section-title p,.stat small,.stat span,.glance-item small,.comments article small,.editorial>small{font-size:11px}.faq summary{padding:9px 0}.checklist li{line-height:1.45;padding-bottom:8px}.comments article{margin:10px 0}}
@media(max-width:430px){.meaning>p,.hero-intro,.editorial>p,.culture-item p,.checklist li,.faq summary,.faq details p,.comments article p,.demo-note,.world td,.state-list li{font-size:11px}.section-title p,.stat small,.stat span,.glance-item small,.comments article small,.editorial>small{font-size:10px}.hero{padding-top:12px}.meaning,.editorial,.checklist,.faq,.community{padding-top:12px;padding-bottom:12px}.comments article{margin:9px 0}}

/* Visual System v1: reusable art layers, real state geometry, and restrained atmosphere. */
.hero.has-name-art .hero-art{isolation:isolate}
.name-illustration{position:absolute;z-index:0;left:-530px;right:auto;top:50%;width:600px;height:300px;object-fit:contain;object-position:right center;transform:translateY(-50%);pointer-events:none;mix-blend-mode:multiply;opacity:.78}
.hero.has-name-art .glance{z-index:2;background:rgba(255,255,255,.86)}
.hero.has-name-art .orb-a{opacity:.38}.hero.has-name-art .orb-b{opacity:.3}.hero.has-name-art .art-dots{opacity:.32}
.map-column{min-width:0}.us-abstract{height:auto;min-height:170px;display:grid;place-items:center;overflow:visible;padding:4px}
.us-state-svg{display:block;width:100%;max-width:440px;height:auto;max-height:200px;overflow:visible;filter:drop-shadow(0 7px 6px rgba(91,68,150,.1))}
.us-state-svg .state-ranking{transition:filter .15s ease}.us-state-svg .state-ranking:hover{filter:brightness(.92)}
.map-legend{display:flex;flex-wrap:wrap;gap:5px 10px;justify-content:center;margin:4px auto 0;color:#505573;font-size:11px;line-height:1.3}
.map-legend span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.map-legend i{display:inline-block;width:10px;height:10px;border:1px solid rgba(72,57,111,.12);border-radius:3px;background:#eee9e5}
.map-legend .rank-band-1{background:#7656f6}.map-legend .rank-band-2{background:#aa97f8}.map-legend .rank-band-3{background:#d0c5f8}.map-legend .rank-band-4{background:#eee8ff}.map-legend .rank-no-data{background:#ddd5cd}
.map-fallback{font-size:13px;line-height:1.5;color:var(--muted);text-align:center}.world{isolation:isolate}.world-globe{position:absolute;z-index:-1;right:8px;top:9px;width:106px;height:106px;opacity:.95;pointer-events:none}.world .section-title,.world-table-wrap{position:relative;z-index:1}.world .section-title>div{padding-right:72px}
.finder{background:radial-gradient(ellipse at 88% 50%,rgba(196,179,255,.72),transparent 30%),radial-gradient(ellipse at 3% 100%,rgba(255,190,169,.42),transparent 24%),linear-gradient(100deg,#f0e7ff,#e9ddff 50%,#f2eaff)}
.finder:before{content:"✦";text-shadow:19px 17px 0 rgba(255,255,255,.7),42px 39px 0 rgba(255,164,145,.42)}.finder:after{text-shadow:-26px -34px 0 rgba(255,255,255,.8),-52px -17px 0 rgba(255,182,160,.5)}
.places .state-list{position:relative;z-index:1}.state-list li{min-height:26px}.us-state-svg path.state-ranking:not([style*="fill"]){fill:#ddd5cd}
@media(min-width:761px){.places,.world{min-height:390px}.state-content{grid-template-columns:minmax(0,1.12fr) minmax(150px,.88fr);gap:10px}.world-table-wrap{padding-right:65px}}
@media(max-width:760px){.name-illustration{position:relative;left:auto;right:auto;top:auto;transform:none;width:100%;height:auto;max-height:210px;object-fit:contain;object-position:center;margin:-5px auto -28px;opacity:.93}.hero.has-name-art .hero-art{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero.has-name-art .glance{order:2}.hero.has-name-art .orb-a{right:18%;top:20px}.hero.has-name-art .art-dots{top:12%;left:10%}.us-abstract{min-height:0;padding:0}.us-state-svg{max-width:100%;max-height:none}.state-content{grid-template-columns:minmax(0,1fr) minmax(124px,.9fr);gap:8px}.map-legend{font-size:10px;gap:4px 7px}.world-globe{width:88px;height:88px;right:5px;top:7px}.world .section-title>div{padding-right:58px}.world-table-wrap{padding-right:0}.finder{background:radial-gradient(ellipse at 92% 30%,rgba(196,179,255,.75),transparent 32%),radial-gradient(ellipse at 2% 100%,rgba(255,190,169,.4),transparent 28%),linear-gradient(125deg,#f0e7ff,#e9ddff 50%,#f2eaff)}}
@media(max-width:430px){.name-illustration{max-height:185px}.state-content{grid-template-columns:minmax(0,1fr) minmax(116px,.85fr);gap:5px}.map-legend{font-size:9px;gap:3px 5px}.map-legend i{width:8px;height:8px}.world-globe{width:75px;height:75px}.world .section-title>div{padding-right:48px}}

/* Editorial readability pass: preserve every section and let content breathe. */
body{font-size:16px;line-height:1.62}
#app{padding-bottom:44px}
.hero{padding-top:30px;padding-bottom:32px;min-height:340px}
.hero-copy{max-width:660px}
.back-link{font-size:13px;margin-bottom:20px}
.tag{font-size:13px;padding:4px 13px}
.pronounce{font-size:17px}
.etymology{font-size:15px;margin-top:3px;margin-bottom:5px}
.hero-intro{font-size:16px;line-height:1.62;margin-top:8px}
.hero-meaning{line-height:1.35;margin-top:5px}
.hero-art{min-height:300px}
.glance{padding:22px 23px 19px}
.glance .section-title{margin-bottom:13px}
.glance-item{padding:10px 0;gap:11px}
.glance-item small{font-size:13px;line-height:1.4}
.glance-item b{font-size:14px;line-height:1.4}
.primary-grid{gap:18px}
.meaning{padding:23px 25px 22px}
.meaning>.section-title,.stats-panel>.section-title{margin-bottom:13px}
.meaning>p{font-size:16px;line-height:1.65;margin:14px 0}
.meaning-lede{font-size:19px!important;line-height:1.5!important;margin:8px 0 12px!important}
.meaning-lede em{font-size:23px}
.meaning-lede span{font-size:16px}
.folklore{margin-top:18px;padding:15px 16px;gap:12px;font-size:15px;line-height:1.6}
.source-note{margin-top:15px;padding:9px 14px;font-size:14px}
.source-note p{font-size:15px;line-height:1.6;margin-top:10px}
.stats-trend{gap:16px}
.stats-panel{padding:21px 20px 19px}
.stats-grid{gap:10px;margin-top:17px}
.stat{min-height:116px;padding:13px 9px 12px}
.stat small{font-size:13px;line-height:1.4;min-height:36px}
.stat strong{font-size:clamp(24px,2.2vw,30px)}
.stat strong{font-size:clamp(22px,1.8vw,26px);line-height:1.15;white-space:normal}
.stat span{white-space:normal;line-height:1.35}
.stat span{font-size:13px;padding:4px 10px}
.trend-row{gap:15px}
.trend-panel,.timeline{padding:20px 20px}
.trend-panel .section-title p,.section-title p{font-size:14px;line-height:1.5}
.chart-legend{font-size:13px;right:19px;top:20px}
.gridline{stroke-width:1.2}
.axis{font-size:12px}
.peak-label{font-size:12px}
.timeline .section-title{margin-bottom:14px}
.timeline li{font-size:14px;line-height:1.55;padding:0 0 16px 24px;grid-template-columns:54px 1fr;gap:9px}
.timeline li b,.timeline li span{font-size:14px;line-height:1.5}
.places-grid{gap:18px;margin-top:20px}
.places,.world{padding:22px 23px;min-height:270px}
.state-content{gap:18px;margin-top:14px}
.us-abstract{height:175px}
.state-list{gap:6px}
.state-list li{font-size:14px;grid-template-columns:23px 1fr auto;gap:9px}
.state-index{width:20px;height:20px;font-size:12px}
.state-list a{font-size:13px}
.world-table-wrap{margin-top:17px}
.world th,.world td{font-size:14px;padding:11px 8px}
.world thead th{font-size:12px}
.finder{margin-top:22px;padding:25px 27px;gap:22px;min-height:194px}
.finder-intro p{font-size:15px;line-height:1.6}
.finder-form{gap:13px 15px;padding:17px}
.finder-form label{font-size:13px;line-height:1.45}
.finder-form select{height:41px;font-size:14px}
.find-button{font-size:15px;min-height:52px}
.finder-result{font-size:14px}
.finder-result span{font-size:13px}
.editorial-row{gap:15px;margin-top:20px}
.editorial{padding:20px 20px;min-height:unset}
.editorial .section-title{gap:10px}
.editorial .section-title h2,.checklist .section-title h2,.faq .section-title h2,.community .section-title h2{font-size:19px;line-height:1.3}
.editorial .section-title>.icon{width:23px;height:23px}
.editorial>p{font-size:15px;line-height:1.62;margin:12px 0}
.editorial>small{font-size:13px;line-height:1.55}
.culture-item{gap:11px;margin-top:12px}
.culture-item p{font-size:14px;line-height:1.55}
.pill-grid{gap:8px;margin:15px 0}
.pill-grid a,.discovery-groups a{font-size:13px;padding:7px 9px}
.pill-grid small{font-size:12px}
.inline-link{font-size:14px}
.related ul{gap:8px;margin:13px 0}
.related li a{font-size:13px;padding:7px 10px}
.discovery-row{gap:16px;margin-top:20px}
.discovery,.comparison{padding:21px 22px}
.discovery .section-title p,.comparison .section-title p{font-size:14px;line-height:1.5}
.discovery-groups{margin-top:14px}
.discovery-groups>div{padding:0 13px}
.discovery-groups small{font-size:12px;margin-bottom:8px}
.discovery-groups>div>div{gap:5px}
.discovery-groups a{padding:7px 8px}
.table-scroll{margin-top:14px}
.comparison table{min-width:620px}
/* The comparison table is legitimately wider than its card at tablet-landscape widths (e.g. Galaxy
   Tab S9, 1138x712) and needs horizontal scroll — it already works (overflow-x:auto), but with no
   visible scrollbar on most OS/browser combos it just looks cut off. Make the affordance visible
   instead of relying on an invisible hover/overlay scrollbar. */
.table-scroll{scrollbar-width:thin;scrollbar-color:var(--purple) transparent}
.table-scroll::-webkit-scrollbar{height:7px}
.table-scroll::-webkit-scrollbar-track{background:transparent}
.table-scroll::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px;opacity:.6}
.comparison th,.comparison td{font-size:14px;padding:11px 9px}
.comparison thead th{font-size:12px}
.stage{font-size:12px;padding:5px 10px}
.middle-names{gap:20px;padding:18px 20px;margin-top:16px}
.middle-names>b{font-size:18px}
.middle-names>div{gap:12px 22px}
.middle-names span{font-size:17px}
.bottom-row{gap:15px;margin-top:20px}
.checklist,.faq,.community{padding:20px 20px}
.checklist ul{margin-top:12px}
.checklist li{font-size:15px;line-height:1.6;padding:0 0 10px 22px}
.faq details{padding:2px 0}
.faq summary{font-size:15px;line-height:1.5;padding:12px 0}
.faq details p{font-size:15px;line-height:1.62;padding:2px 12px 13px 0}
.favorite-count{font-size:13px;padding:7px 10px;margin:11px 0}
.comments article{margin:12px 0}
.comments article b,.comments article small{font-size:13px}
.comments article p{font-size:14px;line-height:1.55}
.comment-form{gap:7px;margin-top:12px}
.comment-form input{height:40px;padding:0 10px;font-size:14px}
.comment-form button{font-size:13px;padding:0 12px}
.demo-note{font-size:12px;margin-top:7px}
.empty-state,.trend-note,.data-note{font-size:14px;line-height:1.55}
.demo-note,.footer-inner>small{font-size:13px;line-height:1.5}
.footer-inner{padding-top:22px;padding-bottom:28px;gap:16px}
.footer-inner>span,.footer-inner nav{font-size:13px}
.footer-inner>small{font-size:12px}

@media(max-width:1100px){
  .hero{min-height:unset;padding-top:25px;padding-bottom:27px}
  .primary-grid{gap:15px}
  .places-grid,.editorial-row,.discovery-row,.bottom-row{gap:13px}
  .editorial-row{margin-top:17px}
  .discovery-row,.bottom-row{margin-top:17px}
}
@media(max-width:760px){
  body{font-size:16px;line-height:1.65}
  #app{padding:0 16px 34px}
  .hero{padding:20px 2px 22px;gap:12px}
  .hero-copy{padding:0 5px}
  .back-link{font-size:13px;margin-bottom:16px}
  .tag{font-size:13px}
  .pronounce{font-size:16px}
  .hero-meaning{font-size:24px;line-height:1.4}
  .etymology{font-size:15px}
  .hero-intro{font-size:16px;line-height:1.65;margin-top:9px}
  .hero-art{padding:14px 0 5px}
  .glance{padding:18px 18px 16px}
  .glance-grid{column-gap:14px}
  .glance-item{gap:9px;padding:9px 0}
  .glance-item small{font-size:13px}
  .glance-item b{font-size:14px}
  .primary-grid,.trend-row,.places-grid,.discovery-row{gap:16px}
  .meaning,.stats-panel,.trend-panel,.timeline,.places,.world,.discovery,.comparison,.editorial,.checklist,.faq,.community{padding:20px}
  .meaning>p{font-size:16px;line-height:1.65;margin:13px 0}
  .meaning-lede{font-size:18px!important}
  .folklore{font-size:15px;line-height:1.6;padding:14px}
  .source-note{font-size:14px}
  .source-note p{font-size:15px;line-height:1.6}
  .section-title h2{font-size:20px;line-height:1.3}
  .section-title p,.stats-panel .section-title p,.discovery .section-title p,.comparison .section-title p{font-size:14px;line-height:1.55}
  .stats-grid{gap:9px}
  .stat{min-height:105px;padding:11px 8px}
  .stat small{font-size:13px;line-height:1.4;min-height:35px}
  .stat span{font-size:13px}
  .stat strong{font-size:27px}
  .trend-panel .section-title p{font-size:14px}
  .chart-legend{font-size:13px}
  .axis,.peak-label{font-size:12px}
  .timeline li{font-size:14px;line-height:1.55;grid-template-columns:52px 1fr;padding-bottom:14px}
  .timeline li b,.timeline li span{font-size:14px}
  .timeline ol{grid-template-columns:1fr}
  .places-grid{margin-top:17px}
  .places,.world{min-height:unset}
  .state-content{gap:10px;margin-top:12px}
  .us-abstract{height:150px}
  .state-list{gap:5px}
  .state-list li{font-size:14px;gap:7px}
  .state-index{width:19px;height:19px;font-size:11px}
  .world th,.world td{font-size:14px;padding:10px 8px}
  .world thead th{font-size:12px}
  .finder{margin-top:18px;padding:22px 18px;gap:16px}
  .finder-intro p{font-size:15px;line-height:1.6}
  .finder-form{gap:12px;padding:14px}
  .finder-form label{font-size:13px}
  .finder-form select{height:42px;font-size:14px}
  .find-button{font-size:15px}
  .editorial-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
  .editorial{padding:17px;min-height:unset}
  .editorial .section-title h2,.checklist .section-title h2,.faq .section-title h2,.community .section-title h2{font-size:18px}
  .editorial>p{font-size:15px;line-height:1.62}
  .culture-item p{font-size:14px;line-height:1.55}
  .editorial>small{font-size:13px}
  .pill-grid a,.discovery-groups a,.related li a{font-size:13px}
  .inline-link{font-size:14px}
  .discovery,.comparison{padding:19px}
  .discovery-groups small{font-size:12px}
  .table-scroll{margin-top:12px}
  .comparison table{min-width:620px}
  .comparison th,.comparison td{font-size:14px;padding:10px 8px}
  .comparison thead th{font-size:12px}
  .middle-names{align-items:flex-start;flex-direction:column;gap:10px;padding:17px 5px}
  .middle-names>b{font-size:18px}
  .middle-names span{font-size:16px}
  .bottom-row{grid-template-columns:1fr;gap:13px;margin-top:17px}
  .checklist,.faq,.community{padding:19px}
  .checklist li{font-size:15px;line-height:1.6;padding-bottom:10px}
  .faq summary,.faq details p{font-size:15px;line-height:1.55}
  .faq summary{padding:12px 0}
  .comments article b,.comments article small{font-size:13px}
  .comments article p{font-size:14px;line-height:1.55}
  .comment-form input{font-size:14px;height:42px}
  .comment-form button{font-size:13px}
  .demo-note{font-size:12px}
  .demo-note,.footer-inner>small{font-size:13px}
}
@media(max-width:430px){
  #app{padding-left:14px;padding-right:14px}
  .hero{padding-top:17px}
  .name-line h1{font-size:54px}
  .hero-meaning{font-size:22px}
  .glance-grid{column-gap:9px}
  .glance-item{gap:7px}
  .glance-item small{font-size:13px}
  .glance-item b{font-size:13px}
  .icon-tile{width:30px;height:30px}
  .section-title h2{font-size:19px}
  .meaning,.stats-panel,.trend-panel,.timeline,.places,.world,.discovery,.comparison,.editorial,.checklist,.faq,.community{padding:17px}
  .meaning>p,.hero-intro,.editorial>p,.checklist li,.faq summary,.faq details p{font-size:16px}
  .culture-item p,.comments article p{font-size:15px}
  .section-title p,.stat small,.stat span,.editorial>small,.world thead th,.comparison thead th{font-size:13px}
  .state-content{grid-template-columns:1fr;gap:12px}
  .us-abstract{height:170px}
  .map-shape{width:min(100%,245px);height:135px}
  .state-list{grid-template-columns:1fr 1fr;column-gap:13px;row-gap:7px}
  .state-list li{font-size:14px}
  .world table{min-width:480px}
  .finder-intro h2{font-size:22px}.finder-intro h2 br{display:none}
  .finder-form{gap:10px}
  .finder-form label{font-size:13px}
  .finder-form select{font-size:14px}
  .editorial-row{grid-template-columns:1fr;gap:12px}
  .editorial .section-title h2,.checklist .section-title h2,.faq .section-title h2,.community .section-title h2{font-size:19px}
  .pairs,.related{grid-column:auto}
  .related ul{grid-template-columns:1fr 1fr}
  .discovery-groups>div{padding:0 8px}
  .discovery-groups{grid-template-columns:1fr;gap:11px}
  .discovery-groups>div,.discovery-groups>div:first-child{padding:0 0 10px;border-right:0;border-bottom:1px solid #eee5ed}
  .discovery-groups>div:last-child{border-bottom:0;padding-bottom:0}
  .state-list{grid-template-columns:1fr}
  .discovery-groups small{font-size:12px}
  .discovery-groups a{font-size:13px}
  .comparison table{min-width:620px}
  .comparison th,.comparison td{font-size:14px}
  .bottom-row{gap:12px}
  .checklist,.faq,.community{padding:17px}
  .favorite-count{font-size:13px}
  .comments article b,.comments article small{font-size:13px}
  .demo-note{font-size:12px}
  .demo-note,.footer-inner>small{font-size:13px}
}

/* Typography & readability v2: strengthen reading copy and its contrast. */
:root{--reading-ink:#26304f;--reading-secondary:#454f70}
body{color:var(--reading-ink);font-weight:450}
.hero-intro,.meaning>p,.folklore,.source-note p,.section-title p,.finder-intro p,.editorial>p,.culture-item p,.timeline li,.state-list li,.world tbody th,.world tbody td,.discovery .section-title p,.comparison .section-title p,.checklist li,.faq summary,.faq details p,.comments article p,.middle-names span{
  color:var(--reading-ink);
  font-weight:450;
}
.section-title p,.trend-panel .section-title p,.discovery .section-title p,.comparison .section-title p,.finder-intro p{font-size:15px;line-height:1.65}
.hero-intro,.meaning>p,.editorial>p,.culture-item p,.checklist li,.faq details p,.comments article p{font-size:16px;line-height:1.68}
.meaning>p,.hero-intro,.editorial>p{margin-top:16px;margin-bottom:16px}
.folklore{font-size:15px;line-height:1.65}
.timeline li{font-size:15px;line-height:1.6}
.state-list li{font-size:15px}
.world tbody th,.world tbody td{font-size:15px}
.comparison tbody th,.comparison tbody td{font-size:15px}
.checklist li{font-weight:450;line-height:1.68;padding-bottom:15px}
.faq summary{font-size:15px;line-height:1.6;padding-top:16px;padding-bottom:16px}
.faq details p{font-size:15px;line-height:1.68;padding-bottom:16px}
.comments article p{font-size:15px;line-height:1.65}
.glance-item small,.stat small,.timeline li b,.state-index,.world thead th,.comparison thead th,.discovery-groups small,.comments article b,.comments article small,.demo-note,.footer-inner>small{color:var(--reading-secondary)}
.glance-item b,.timeline li b,.state-list strong,.world tbody th,.comparison tbody th,.comments article b{font-weight:500}
.chart-legend{color:var(--reading-secondary)}
.axis{fill:#4e5874}
.peak-label{fill:#4938c8}
.middle-names span{font-weight:450}
.footer-inner{color:#565f7c}
.trend-svg{margin-bottom:16px}
.trend-note{margin-top:8px;font-size:15px;line-height:1.65;color:var(--reading-ink);font-weight:450}
@media(max-width:760px){
  .hero-intro,.meaning>p,.editorial>p,.culture-item p,.checklist li,.faq details p,.comments article p{font-size:16px;line-height:1.68}
  .section-title p,.trend-panel .section-title p,.discovery .section-title p,.comparison .section-title p,.finder-intro p{font-size:14px;line-height:1.62}
  .faq summary{font-size:15px;line-height:1.6;padding-top:16px;padding-bottom:16px}
  .faq details p{font-size:15px}
  .trend-svg{margin-bottom:20px}
  .trend-note{font-size:15px;line-height:1.65}
}
@media(max-width:430px){
  .hero-intro,.meaning>p,.editorial>p,.culture-item p,.checklist li,.comments article p{font-size:16px}
  .section-title p,.trend-panel .section-title p,.discovery .section-title p,.comparison .section-title p,.finder-intro p{font-size:14px}
}

/* Second editorial readability pass: use space and line length, not smaller type. */
body{font-size:17px;line-height:1.62}
.hero-intro,.meaning>p,.editorial>p,.culture-item p,.checklist li,.faq summary,.faq details p,.comments article p{font-size:16px;line-height:1.62}
.hero-intro,.meaning>p,.editorial>p{margin-top:15px;margin-bottom:15px}
.back-link,.tag,.etymology,.glance-item small,.glance-item b,.stat small,.stat span,.timeline li,.timeline li b,.timeline li span,.state-list li,.state-list a,.world td,.comparison th,.comparison td,.stage,.editorial>small,.culture-item p,.pill-grid a,.discovery-groups a,.related li a,.middle-names span,.comments article b,.comments article small,.demo-note,.footer-inner>small{font-size:14px}
.section-title p,.trend-panel .section-title p,.discovery .section-title p,.comparison .section-title p{font-size:15px;line-height:1.6}
.section-title{gap:12px}
.section-title h2{line-height:1.3}
.meaning>.section-title,.stats-panel>.section-title,.timeline .section-title{margin-bottom:17px}
.stats-trend{gap:20px}
.primary-grid,.places-grid,.editorial-row,.discovery-row,.bottom-row{gap:18px}
.places-grid,.editorial-row,.discovery-row,.bottom-row{margin-top:23px}
.meaning,.stats-panel,.trend-panel,.timeline,.places,.world,.editorial,.discovery,.comparison,.checklist,.faq,.community{padding:25px}
.stat{min-height:126px;padding:15px 11px}
.stat small{line-height:1.45;min-height:40px}
.stat strong{font-size:25px;line-height:1.2}
.chart-legend{font-size:14px}
.axis,.peak-label{font-size:13px}
.trend-panel .section-title p{font-size:15px;line-height:1.6}
.trend-svg{margin-top:12px}
.timeline li{font-size:15px;line-height:1.6;padding-bottom:18px}
.timeline li b,.timeline li span{font-size:15px;line-height:1.55}
.state-list li{font-size:15px;line-height:1.5}
.world th,.world td{font-size:15px;padding:14px 10px;line-height:1.5}
.world thead th,.comparison thead th{font-size:13px}
.world-table-wrap{margin-top:20px}
.finder{margin-top:24px;padding-top:28px;padding-bottom:28px}
.finder-form{gap:15px 17px;padding:19px}
.finder-form label{font-size:14px;line-height:1.5}
.finder-form select{font-size:15px;height:44px}
.editorial .section-title h2,.checklist .section-title h2,.faq .section-title h2,.community .section-title h2{font-size:20px}
.editorial>p,.culture-item p,.checklist li,.faq summary,.faq details p,.comments article p{font-size:16px;line-height:1.65}
.editorial>p{margin:15px 0}
.culture-item{margin-top:15px}
.related ul{gap:10px;margin-top:16px}
.related li a,.pill-grid a,.discovery-groups a{font-size:14px;padding:8px 10px}
.discovery-groups a{padding:6px 8px}
.discovery-groups small{font-size:13px}
.comparison th,.comparison td{font-size:15px;padding:13px 10px}
.comparison thead th{font-size:13px}
.middle-names{margin-top:20px;padding-top:21px;padding-bottom:21px}
.middle-names>b{font-size:19px}
.middle-names span{font-size:17px}
.bottom-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.checklist,.faq,.community{padding:25px;min-height:100%}
.checklist ul{margin-top:16px}
.checklist li{padding-bottom:13px}
.faq details{padding:3px 0}
.faq summary{font-size:15px;padding:15px 0}
.faq details p{font-size:15px;padding:3px 12px 15px 0}
.favorite-count{font-size:14px;padding:8px 11px;margin:13px 0}
.comments article{margin:15px 0}
.comments article b,.comments article small{font-size:14px}
.comments article p{font-size:15px}
.comment-form{gap:9px;margin-top:15px}
.comment-form input{height:44px;font-size:15px}
.comment-form button{font-size:14px}
.demo-note{font-size:13px;line-height:1.55}
.footer-inner>small{font-size:13px}

@media(max-width:1100px){
  .bottom-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body{font-size:16px;line-height:1.65}
  .hero-intro,.meaning>p,.editorial>p,.culture-item p,.checklist li,.faq summary,.faq details p,.comments article p{font-size:16px;line-height:1.65}
  .section-title p,.trend-panel .section-title p,.discovery .section-title p,.comparison .section-title p{font-size:14px;line-height:1.6}
  .meaning,.stats-panel,.trend-panel,.timeline,.places,.world,.editorial,.discovery,.comparison,.checklist,.faq,.community{padding:22px}
  .primary-grid,.trend-row,.places-grid,.editorial-row,.discovery-row,.bottom-row{gap:17px}
  .places-grid,.editorial-row,.discovery-row,.bottom-row{margin-top:20px}
  .stat small,.stat span,.glance-item small,.glance-item b,.state-list li,.world td,.comparison th,.comparison td,.editorial>small,.pill-grid a,.discovery-groups a,.related li a{font-size:13px}
  .world th,.world td{font-size:14px;padding:12px 9px}
  .world thead th,.comparison thead th{font-size:12px}
  .axis{font-size:12px}
  .peak-label{font-size:12px}
  .chart-legend{font-size:13px}
  .bottom-row{grid-template-columns:1fr}
  .checklist,.faq,.community{padding:22px;min-height:unset}
  .checklist li{padding-bottom:12px}
  .faq summary{font-size:15px;padding:14px 0}
  .faq details p{font-size:15px;padding-bottom:14px}
  .comments article b,.comments article small{font-size:13px}
  .comments article p{font-size:15px}
}
@media(max-width:430px){
  .section-title h2{font-size:20px}
  .section-title p,.trend-panel .section-title p,.discovery .section-title p,.comparison .section-title p{font-size:14px}
  .meaning,.stats-panel,.trend-panel,.timeline,.places,.world,.editorial,.discovery,.comparison,.checklist,.faq,.community{padding:20px}
  .meaning>p,.hero-intro,.editorial>p,.culture-item p,.checklist li,.faq summary,.faq details p,.comments article p{font-size:16px}
  .glance-item small,.glance-item b,.stat small,.stat span,.state-list li,.world td,.comparison th,.comparison td,.editorial>small{font-size:13px}
  .world th,.world td{font-size:14px;padding:12px 9px}
  .comparison th,.comparison td{font-size:14px}
  .bottom-row{gap:15px}
  .checklist,.faq,.community{padding:20px}
}

/* Final responsive map sizing: let the geographic drawing and its legend own their height. */
@media(max-width:760px){
  .state-content{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}
  .map-column{width:100%}
  .us-abstract{height:auto;min-height:0;padding:0;overflow:visible}
  .us-state-svg{width:100%;height:auto;max-height:none;max-width:440px;margin:0 auto}
  .map-legend{margin-top:8px}
  .places .state-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}
  .places .state-list li{min-height:28px}
  .places .state-list li:last-child{grid-column:auto;padding:0}
}
@media(max-width:430px){.places .state-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 9px}}

/* Wren polish: give its configured art room, and keep SVG geography scaled as a whole. */
.hero.has-name-art .name-illustration{left:-530px;width:700px;height:350px;opacity:.91}
.us-abstract{height:auto;min-height:0;overflow:visible}
.us-state-svg{width:100%;max-width:380px;height:auto;max-height:none}

/* The globe anchors its section header; the table starts below its footprint. */
@media(min-width:761px){
  .world-globe{width:168px;height:168px;right:9px;top:5px}
  .world .section-title>div{padding-right:132px}
  .world-table-wrap{margin-top:94px;padding-right:0}
  .places{align-self:start}
}

/* Lower-page editorial rhythm: grouped columns and dividers replace repeated card frames. */
.editorial-row{gap:0;margin-top:38px;padding:10px 0 20px;border-top:1px solid rgba(216,204,218,.8);border-bottom:1px solid rgba(216,204,218,.8)}
.editorial-row .editorial{min-height:0;padding:20px 22px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.editorial-row .editorial:not(.related){border-right:1px solid rgba(226,216,226,.85)}
.editorial-row .related{margin:8px 0 8px 18px;padding:18px 16px;border:1px solid #efdee8;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,239,245,.55))}
.discovery-row{gap:28px;margin-top:34px;align-items:start}
.discovery{padding:22px 8px 24px;background:transparent;border:0;border-top:1px solid rgba(216,204,218,.8);border-radius:0;box-shadow:none;overflow:visible}
.comparison{background:rgba(255,255,255,.54);border-color:rgba(226,216,226,.8);box-shadow:none}
.bottom-row{gap:28px;margin-top:34px;align-items:start}
.checklist{padding:18px 24px 22px 4px;min-height:unset;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.checklist.consider{padding-left:28px;border-left:1px solid rgba(216,204,218,.85)}
.faq,.community{background:rgba(255,255,255,.53);border-color:rgba(226,216,226,.82);box-shadow:none}
.editorial>p,.culture-item p,.checklist li,.faq details p,.comments article p{color:#30395f;font-weight:450}
.editorial .section-title,.checklist .section-title,.faq .section-title,.community .section-title{margin-bottom:5px}
@media(max-width:760px){
  .hero.has-name-art .name-illustration{position:relative;left:auto;right:auto;top:auto;transform:none;width:100%;height:auto;max-height:210px;margin:-5px auto -28px;object-fit:contain;object-position:center;opacity:.93}
  .world-globe{width:88px;height:88px;top:120px}
  .world .section-title>div{padding-right:58px}
  .world-table-wrap{margin-top:98px}
  .map-legend{font-size:11px;gap:5px 9px}
  .editorial-row{gap:0;margin-top:26px;padding:0;border:0}
  .editorial-row .editorial{padding:22px 5px;background:transparent;border:0;border-bottom:1px solid rgba(216,204,218,.85);border-radius:0;box-shadow:none}
  .editorial-row .related{margin:16px 0 4px;padding:20px;border:1px solid #efdee8;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,239,245,.58))}
  .discovery-row{gap:18px;margin-top:24px}
  .discovery{padding:22px 4px 24px}
  .comparison{padding:22px;border:1px solid rgba(226,216,226,.82);border-radius:15px;background:rgba(255,255,255,.53)}
  .bottom-row{gap:13px;margin-top:25px}
  .checklist,.checklist.consider{padding:22px 5px;border:0;border-bottom:1px solid rgba(216,204,218,.85);border-radius:0;background:transparent;box-shadow:none}
  .faq,.community{padding:22px;background:rgba(255,255,255,.56)}
}
@media(max-width:430px){.world-globe{width:75px;height:75px;top:120px}.world .section-title>div{padding-right:48px}.map-legend{font-size:11px}}

/* Final boundary pass: editorial groups use rules and spacing; functional blocks keep panels. */
.discovery{border-bottom:0}
.middle-names{margin-top:0;padding:20px 12px;border-top:0;border-bottom:1px solid rgba(216,204,218,.8)}
.bottom-row{padding:16px 0;border-top:0;border-bottom:1px solid rgba(216,204,218,.8)}
.checklist{border-bottom:0}
.checklist.consider{border-left:1px solid rgba(226,216,226,.85)}
@media(min-width:761px){
  .world-globe{top:42px}
  .world .section-title>div{padding-right:140px}
  .world-table-wrap{margin-top:69px}
}
@media(max-width:760px){
  .middle-names{margin-top:0;padding:20px 5px;border-top:0;border-bottom:1px solid rgba(216,204,218,.85)}
  .bottom-row{padding:12px 0}
  .checklist,.checklist.consider{border-left:0;border-bottom:1px solid rgba(216,204,218,.85)}
  .world-globe{top:16px}
  .world-table-wrap{margin-top:20px}
}
@media(max-width:430px){.world-globe{top:16px;width:75px;height:75px}.world-table-wrap{margin-top:20px}}

/* Wren visual polish: widen the story area while preserving the existing editorial language. */
@media(min-width:1101px){
  .hero.has-name-art .name-illustration{left:-610px;width:860px;height:390px;opacity:.94}
  .hero.has-name-art .glance{margin-right:26px}
}
.section-title>.icon{width:27px;height:27px;stroke-width:2.05}
.stats-grid{gap:10px}
.stat{min-height:138px;padding:14px 11px;border-color:#e9e1e8;border-radius:14px;display:flex;justify-content:space-between;gap:7px}
.stat small{min-height:38px;display:flex;align-items:flex-start;justify-content:center;line-height:1.4}
.stat strong{width:100%;min-height:37px;display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:clamp(23px,1.85vw,27px);line-height:1.15;letter-spacing:-.65px;white-space:normal}
.stat.pink strong,.stat.teal strong{color:var(--ink)}
.stat span{min-height:27px;display:flex;align-items:center;justify-content:center;padding:4px 9px;line-height:1.25}
.trend-row{display:flex;flex-direction:column;gap:16px}
.trend-panel{padding:24px 26px}
.trend-panel .section-title{margin-bottom:16px}
.trend-svg{margin-top:16px;margin-bottom:22px}
.trend-note{margin:0 0 4px;font-size:16px;line-height:1.65}
.timeline{padding:21px 25px 22px}
.timeline .section-title{margin-bottom:17px}
.timeline ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;position:relative}
.timeline ol:before{left:8px;right:8px;top:8px;bottom:auto;border-left:0;border-top:1px solid #aa9aff}
.timeline li{display:grid;grid-template-columns:1fr;gap:5px;padding:22px 7px 0 0;font-size:15px;line-height:1.5}
.timeline li:before{left:1px;top:4px;width:10px;height:10px}
.timeline li b,.timeline li span{font-size:15px;line-height:1.5}
.discovery,.comparison{padding:24px 25px;background:rgba(255,255,255,.64);border:1px solid rgba(226,216,226,.9);border-radius:16px;box-shadow:none;overflow:hidden}
.discovery{border-top:1px solid rgba(226,216,226,.9)}
.discovery-row{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:20px;margin-top:30px}
.middle-names{border:0;margin-top:5px;padding:18px 8px;background:transparent}
.bottom-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:25px;padding:0;border:0}
.checklist,.faq,.community{min-height:unset;padding:24px;background:rgba(255,255,255,.62);border:1px solid rgba(226,216,226,.88);border-radius:16px;box-shadow:none;overflow:visible}
.checklist.consider{padding-left:24px;border-left:1px solid rgba(226,216,226,.88)}
.editorial-row .editorial:not(:last-child){border-right:1px solid rgba(226,216,226,.85)}
.editorial-row .related{margin:8px 0;padding:20px 18px;border:0;border-radius:0;background:transparent}
.world-globe{top:20px}
@media(max-width:1100px){
  .hero.has-name-art .glance{margin-right:18px}
  .hero.has-name-art .name-illustration{left:-570px;width:810px;height:370px;opacity:.92}
  .bottom-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .section-title>.icon{width:25px;height:25px}
  .discovery-row{grid-template-columns:1fr}
  .hero.has-name-art .name-illustration{position:relative;left:auto;right:auto;top:auto;transform:none;width:100%;height:auto;max-height:210px;margin:-5px auto -28px;object-fit:contain;object-position:center;opacity:.93}
  .hero.has-name-art .glance{margin-right:0}
  .stats-grid{gap:9px}
  .stat{min-height:126px;padding:14px 10px}
  .trend-row{display:grid;grid-template-columns:1fr;gap:14px}
  .trend-panel{padding:22px}
  .timeline{padding:22px}
  .timeline ol{display:block;padding-left:4px}
  .timeline ol:before{left:6px;right:auto;top:7px;bottom:10px;border-top:0;border-left:1px solid #aa9aff}
  .timeline li{grid-template-columns:54px 1fr;gap:9px;padding:0 0 16px 24px}
  .timeline li:before{left:2px;top:3px;width:8px;height:8px}
  .discovery,.comparison{padding:22px;border:1px solid rgba(226,216,226,.88);border-radius:16px;background:rgba(255,255,255,.62)}
  .middle-names{border:0;margin-top:8px;padding:20px 5px}
  .middle-names>b{white-space:normal}
  .bottom-row{grid-template-columns:1fr;gap:14px;margin-top:20px;padding:0;border:0}
  .checklist,.checklist.consider,.faq,.community{padding:22px;border:1px solid rgba(226,216,226,.88);border-radius:16px;background:rgba(255,255,255,.62);box-shadow:none}
  .world-globe{top:16px;right:4px}
}
@media(max-width:430px){
  .world-globe{top:16px;right:4px;width:75px;height:75px}
}
@media(max-width:760px){
  .chart-legend{position:static;justify-content:flex-end;margin:5px 0 2px}
}

/* Glance icons: stronger silhouettes and distinct NameMochi color cues. */
.icon-tile{width:40px;height:40px;border-radius:12px}
.icon-tile .icon{width:24px;height:24px;stroke-width:2.6}
.glance-item:nth-child(1) .icon-tile{color:#119f9d;background:#e3f6f2}
.glance-item:nth-child(2) .icon-tile{color:#7652f6;background:#eee9ff}
.glance-item:nth-child(3) .icon-tile{color:#704bff;background:#f0eaff}
.glance-item:nth-child(4) .icon-tile{color:#f34478;background:#fff0f4}
.glance-item:nth-child(5) .icon-tile{color:#267df3;background:#eaf3ff}
.glance-item:nth-child(6) .icon-tile{color:#7351ec;background:#f0eaff}
.glance-item:nth-child(7) .icon-tile{color:#ed4f86;background:#fff0f5}
.glance-item:nth-child(8) .icon-tile{color:#f47b2b;background:#fff0e4}
.section-title>.icon{stroke-width:2.5}
@media(max-width:760px){
  .icon-tile{width:35px;height:35px}
  .icon-tile .icon{width:22px;height:22px;stroke-width:2.55}
}
@media(max-width:430px){
  .icon-tile{width:33px;height:33px}
  .icon-tile .icon{width:21px;height:21px;stroke-width:2.5}
}
.glance .section-title>.icon,.meaning .section-title>.icon{width:27px;height:27px;color:#6847ed;stroke-width:2.7}
.glance-item:nth-child(6) .icon-tile .icon{stroke-width:2.8}
.timeline-wide{margin-top:18px}
@media(max-width:760px){.timeline-wide{margin-top:16px}}

/* Editorial iconography and stronger heading contrast from the visual reference. */
.editorial-row .section-title>.icon{width:25px;height:25px;stroke-width:2.55}
.editorial-row .editorial:nth-child(1) .section-title>.icon{color:#ff852f}
.editorial-row .culture>.section-title>.icon{color:#f0447b}
.editorial-row .pairs .section-title>.icon{color:#f0447b}
.editorial-row .related .section-title>.icon{color:#ef8736}
.culture-item .icon{width:22px;height:22px;stroke-width:2.4}
.culture-item.media-film>.icon{color:#674cff}
.culture-item.media-book>.icon{color:#7652f6}
.section-title h2,.editorial .section-title h2,.checklist .section-title h2,.faq .section-title h2,.community .section-title h2{color:#0d176b;font-weight:700;-webkit-text-stroke:.25px currentColor}
.section-title h2{font-size:20px;line-height:1.25}
.glance .section-title h2{font-size:19px}
@media(max-width:760px){.section-title h2,.editorial .section-title h2,.checklist .section-title h2,.faq .section-title h2,.community .section-title h2{font-size:18px;line-height:1.3}}
@media(max-width:430px){.editorial .section-title h2,.checklist .section-title h2,.faq .section-title h2,.community .section-title h2{font-size:17px}}
.places .section-title>.icon{color:#ff6075}
.world .section-title>.icon{color:#3182eb}
.checklist:not(.consider) .section-title>.icon{color:#f44779}
.checklist.consider .section-title>.icon{color:#ff8c2c}
.faq .section-title>.icon{color:#3185ef}
.community .section-title>.icon{color:#8652f6}
.finder-form .finder-field{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px;min-width:0;font-size:14px}
.finder-field .finder-icon{grid-column:1;grid-row:1;width:40px;height:40px;border-radius:11px}
.finder-field .finder-icon .icon{width:23px;height:23px}
.finder-field-copy{grid-column:2;display:grid;gap:5px;min-width:0}
.finder-field-copy>span{font-size:13px;line-height:1.25;color:#454e7e}
.finder-field .finder-field-copy select{height:38px;min-width:0;font-size:14px;padding:0 8px}
.finder-icon-gender{color:#7858f4;background:#efe9ff}
.finder-icon-style{color:#159f9b;background:#e5f6f3}
.finder-icon-length{color:#fa4b82;background:#fff0f5}
.finder-icon-popularity{color:#e8487f;background:#fff0f5}
.finder-icon-trend{color:#7150f2;background:#f0ebff}
.finder-icon-location{color:#ff6276;background:#fff0f1}
@media(max-width:760px){.finder-form .finder-field{grid-template-columns:35px minmax(0,1fr);gap:7px}.finder-field .finder-icon{width:35px;height:35px}.finder-field .finder-icon .icon{width:21px;height:21px}.finder-field .finder-field-copy select{height:40px}}
@media(max-width:430px){.finder-form .finder-field{grid-template-columns:32px minmax(0,1fr);gap:6px}.finder-field .finder-icon{width:32px;height:32px;border-radius:9px}.finder-field .finder-icon .icon{width:20px;height:20px}.finder-field-copy>span{font-size:12px}.finder-field .finder-field-copy select{height:38px;padding:0 3px;font-size:12px}}

/* Main section heading icons: larger, clearer silhouettes like the reference. */
.section-title>.icon,.editorial-row .section-title>.icon,.glance .section-title>.icon,.meaning .section-title>.icon,.checklist .section-title>.icon,.faq .section-title>.icon,.community .section-title>.icon{width:30px;height:30px;stroke-width:2.8}
@media(max-width:760px){
  .section-title>.icon,.editorial-row .section-title>.icon,.glance .section-title>.icon,.meaning .section-title>.icon,.checklist .section-title>.icon,.faq .section-title>.icon,.community .section-title>.icon{width:28px;height:28px;stroke-width:2.65}
}

/* Wide Wren panorama leaves the right edge of the glance panel open to the trees. */
@media(min-width:1101px){
  .hero.has-name-art .name-illustration{left:-510px;width:1180px;height:393px;object-fit:contain;object-position:center;opacity:.96;-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 20%,#000 26%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,transparent 20%,#000 26%,#000 94%,transparent 100%)}
  .hero.has-name-art .glance{margin-right:82px}
}
@media(min-width:821px) and (max-width:1100px){
  .hero.has-name-art .name-illustration{left:-445px;width:980px;height:327px;object-fit:contain;object-position:center;opacity:.94;-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 20%,#000 26%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,transparent 20%,#000 26%,#000 94%,transparent 100%)}
  .hero.has-name-art .glance{margin-right:40px}
}
@media(min-width:761px) and (max-width:820px){
  .hero.has-name-art .name-illustration{left:0;width:960px;height:320px;object-fit:contain;object-position:center;opacity:.94;-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 20%,#000 26%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,transparent 20%,#000 26%,#000 94%,transparent 100%)}
}
@media(max-width:760px){
  .hero.has-name-art .name-illustration{width:120%;height:auto;max-height:none;margin:-5px 0 -8px -10%;object-fit:contain;object-position:center;opacity:.94;-webkit-mask-image:none;mask-image:none}
}

/* Keep the hero scene clear: remove floating circles and give copy more room. */
.hero .orb,.hero .art-dots{display:none}
.hero:before{background:none}
@media(min-width:1101px){.hero.has-name-art .name-illustration{left:-500px}.hero.has-name-art .glance{margin-right:26px}}
@media(min-width:821px) and (max-width:1100px){.hero.has-name-art .name-illustration{left:-430px}.hero.has-name-art .glance{margin-right:28px}}
@media(min-width:761px) and (max-width:820px){.hero.has-name-art .name-illustration{left:-350px}}

/* Quiet editorial accents for the reusable closing sections. */
.bottom-row>.checklist,.bottom-row>.faq,.bottom-row>.community{
  --closing-glow:rgba(142,112,255,.25);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(220,207,224,.82);
  box-shadow:0 10px 30px rgba(48,34,91,.035)
}
.bottom-row>.checklist:first-child{--closing-glow:rgba(255,124,153,.42);background-image:radial-gradient(ellipse at 100% 0,rgba(255,221,231,.62),transparent 50%)}
.bottom-row>.checklist.consider{--closing-glow:rgba(255,158,91,.42);background-image:radial-gradient(ellipse at 100% 0,rgba(255,231,209,.62),transparent 50%)}
.bottom-row>.faq{--closing-glow:rgba(86,143,238,.40);background-image:radial-gradient(ellipse at 100% 0,rgba(220,235,255,.68),transparent 50%)}
.bottom-row>.community{--closing-glow:rgba(152,112,255,.42);background-image:radial-gradient(ellipse at 100% 0,rgba(233,224,255,.7),transparent 50%)}
.bottom-row>.checklist:before,.bottom-row>.faq:before,.bottom-row>.community:before{
  content:"";
  position:absolute;
  z-index:0;
  width:190px;
  height:145px;
  top:-72px;
  right:-68px;
  border-radius:42% 58% 55% 45%;
  background:radial-gradient(ellipse at center,var(--closing-glow),transparent 72%);
  pointer-events:none
}
.bottom-row>.checklist:after,.bottom-row>.faq:after,.bottom-row>.community:after{
  content:"✦";
  position:absolute;
  z-index:0;
  top:14px;
  right:18px;
  color:var(--closing-glow);
  font-size:20px;
  line-height:1;
  pointer-events:none
}
.bottom-row>.checklist>*,.bottom-row>.faq>*,.bottom-row>.community>*{position:relative;z-index:1}
@media(max-width:760px){
  .bottom-row>.checklist:before,.bottom-row>.faq:before,.bottom-row>.community:before{width:150px;height:120px;top:-58px;right:-58px}
  .bottom-row>.checklist:after,.bottom-row>.faq:after,.bottom-row>.community:after{top:13px;right:15px;font-size:16px}
}
.community .comments article{margin:17px 0 20px}
.community .comment-head{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.community .comment-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(124,96,210,.16);border-radius:50%;background:linear-gradient(145deg,#efeaff,#ffe9ed);color:#7355e8;box-shadow:0 3px 10px rgba(76,55,136,.08)}
.community .comment-avatar .icon{width:23px;height:23px;stroke-width:1.8}
.community .comment-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.community .comment-byline{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;line-height:1.35}
.community .comment-byline b{font-size:15px;font-weight:700;color:#172078}
.community .comment-byline small{font-size:12px;color:#737995}
.community .comments article p{margin:0 0 0 53px}
@media(max-width:760px){
  .community .comment-avatar{width:38px;height:38px;flex-basis:38px}
  .community .comment-head{gap:9px;margin-bottom:7px}
  .community .comments article p{margin-left:47px}
}

/* Three editorial columns, with Related Lists as a full-width horizontal row. */
@media(min-width:821px){
  .editorial-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:10px 0 0;border-bottom:1px solid rgba(216,204,218,.8)}
  .editorial-row>.editorial:not(.related){padding:20px 24px;border-right:1px solid rgba(226,216,226,.85)}
  .editorial-row>.editorial:nth-child(3){border-right:0}
  .editorial-row>.related{grid-column:1/-1;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:24px;margin:14px 0 0;padding:17px 24px;border:0;border-top:1px solid rgba(216,204,218,.8);border-radius:0;background:linear-gradient(100deg,rgba(255,239,244,.52),rgba(244,239,255,.34))}
  .editorial-row>.related .section-title{margin:0}
  .editorial-row>.related ul{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0;padding:0;list-style:none}
  .editorial-row>.related li a{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;white-space:nowrap}
}
@media(min-width:761px) and (max-width:820px){
  .editorial-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editorial-row>.related{grid-column:1/-1;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:16px;margin:12px 0 0;padding:16px 18px;border:0;border-top:1px solid rgba(216,204,218,.8);border-radius:0;background:linear-gradient(100deg,rgba(255,239,244,.52),rgba(244,239,255,.34))}
  .editorial-row>.related ul{display:flex;flex-wrap:wrap;gap:8px;margin:0}
}
@media(max-width:760px){
  .editorial-row{grid-template-columns:1fr}
  .editorial-row>.related{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:20px 5px;border:0;border-bottom:1px solid rgba(216,204,218,.85);border-radius:0;background:transparent}
  .editorial-row>.related ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
  .editorial-row>.related li a{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;white-space:nowrap}
}
.related-list-group{margin-top:23px;padding-top:17px;border-top:1px solid rgba(216,204,218,.82)}
.related-list-group .section-title{align-items:center;gap:8px;margin-bottom:12px}
.related-list-group .section-title>.icon{width:22px;height:22px;stroke-width:2.5;color:#ef8736}
.related-list-group .section-title h2{font-size:17px;line-height:1.3}
.related-list-group ul{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.related-list-group li a{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid #f3dce5;border-radius:20px;background:linear-gradient(135deg,#fff1f4,#fff8fa);color:#39397c;font-size:13px;line-height:1.35;white-space:nowrap}
@media(max-width:760px){
  .related-list-group{margin-top:19px;padding-top:16px}
  .related-list-group .section-title{margin-bottom:11px}
  .related-list-group .section-title h2{font-size:17px}
  .related-list-group ul{gap:8px}
  .related-list-group li a{min-height:40px;padding:8px 12px}
}

/* Final Wren polish: feather the hero scene, loosen timeline spacing, and align globe/icon details. */
@media(min-width:821px){
  .hero.has-name-art .name-illustration{
    -webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 17%,rgba(0,0,0,.2) 23%,#000 30%,#000 79%,rgba(0,0,0,.82) 84%,rgba(0,0,0,.48) 89%,transparent 100%);
    mask-image:linear-gradient(to right,transparent 0%,transparent 17%,rgba(0,0,0,.2) 23%,#000 30%,#000 79%,rgba(0,0,0,.82) 84%,rgba(0,0,0,.48) 89%,transparent 100%)
  }
  .hero.has-name-art .glance{background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}
.timeline-wide .section-title{margin-bottom:21px}
.timeline-wide ol{gap:15px}
.timeline-wide li{gap:8px;padding-top:26px;line-height:1.6}
@media(min-width:761px){
  .section-title>.icon,.editorial-row .section-title>.icon,.glance .section-title>.icon,.meaning .section-title>.icon,.checklist .section-title>.icon,.faq .section-title>.icon,.community .section-title>.icon{width:27px;height:27px;stroke-width:2.65}
  .world-globe{top:30px}
}
@media(max-width:760px){
  .timeline-wide .section-title{margin-bottom:18px}
  .timeline-wide li{gap:11px;padding-bottom:20px;padding-top:0}
  .world-globe{top:16px}
}
@media(max-width:430px){.world-globe{top:16px}}

/* Universal non-literal hero artwork for profiles without a name-specific illustration. */
.hero:not(.has-name-art) .hero-art{isolation:isolate}
.hero:not(.has-name-art) .hero-art::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-2% -8% -5% -18%;
  background:
    radial-gradient(ellipse 42% 72% at 47% 52%,rgba(224,214,255,.56),transparent 100%),
    radial-gradient(ellipse 32% 58% at 24% 68%,rgba(255,213,201,.42),transparent 100%),
    radial-gradient(ellipse 30% 58% at 83% 70%,rgba(255,224,218,.5),transparent 100%),
    radial-gradient(ellipse 23% 45% at 69% 19%,rgba(206,192,255,.46),transparent 100%),
    radial-gradient(ellipse 22% 45% at 16% 20%,rgba(255,236,217,.42),transparent 100%);
}
.hero:not(.has-name-art) .hero-art::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:9%;
  top:18%;
  width:68px;
  height:68px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.9) 0 2px,transparent 2.5px) 0 0/14px 14px;
  opacity:.72;
}

/* Width alone, regardless of orientation/height, is what determines whether these grids have room:
   a tall narrow tablet in portrait (Galaxy Tab S9, 800x1280) hits the exact same cramped-columns
   problem as a short landscape phone at the same width. Originally gated on max-height:500px too
   (assuming "landscape phone"), which missed the portrait case entirely — width is the only
   condition that actually matters here. */
@media(max-width:1000px){
  .timeline ol{display:block;padding-left:4px}
  .timeline ol:before{left:6px;right:auto;top:7px;bottom:10px;border-top:0;border-left:1px solid #aa9aff}
  .timeline li{grid-template-columns:54px 1fr;gap:9px;padding:0 0 16px 24px}
  .timeline li:before{left:2px;top:3px;width:8px;height:8px}
  .primary-grid,.places-grid,.editorial-row,.discovery-row,.bottom-row{grid-template-columns:1fr}
}
/* Same lesson as above, applied to the hero image: the 761-820px side-by-side crop band is too
   cramped to overlap image+card at this width regardless of orientation (Galaxy S25 Ultra landscape
   780x360, Galaxy Tab S9 portrait 800x1280 — both hit it). Wider than 820px (Galaxy Note 846x414,
   the 821-1100px band) already has room for the side-by-side treatment — leave that one alone. */
@media(max-width:820px){
  .hero.has-name-art .hero-art{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .hero.has-name-art .name-illustration{position:relative;left:auto;right:auto;top:auto;transform:none;width:120%;height:auto;max-height:none;margin:-5px 0 -8px -10%;object-fit:contain;object-position:center;opacity:.94;-webkit-mask-image:none;mask-image:none}
  .hero.has-name-art .glance{order:2;margin-right:0}
}
/* Name Finder: Sam's explicit call after seeing this break on yet another device (iPhone 14 852px,
   then Pixel 8/9 915px) — stop raising this threshold one device at a time. The outer .finder's
   245px-intro + flexible-form + 165px-button split only ever looks right once there's real estate
   to spare beyond those two fixed columns; below that the middle form column gets squeezed (its
   selects start truncating, e.g. "Any st…" for Style) well before the full mobile layout engages at
   760px. Matched to the existing 1100px tier already used elsewhere in this file for "medium
   tablet/narrow laptop" adjustments, so <=1100px now always stacks — narrow is handled once, broadly,
   instead of per-device. */
@media(max-width:1100px){
  .finder{grid-template-columns:1fr;gap:11px}
  .finder-result{grid-column:1}
  /* "Find a name<br>that fits" force-breaks into two lines unconditionally in the markup — fine at
     full desktop width where .finder-intro is a genuinely narrow 245px column, but everywhere
     .finder is stacked (this whole <=1100px range) the heading has its full width back and the
     forced break just reads as wrapped-for-no-reason. Kept in the same block as the stacking rule
     above after once letting these two drift out of sync (760px vs 430px) — they must always move
     together. */
  .finder-intro h2{font-size:22px}
  .finder-intro h2 br{display:none}
}

/* stats-grid: replace every hardcoded column-count breakpoint above (5 desktop / 2 at <=760px /
   forced 1 at <=1000px-regardless-of-height, etc.) with one auto-fit rule. Each card naturally
   wants ~150px minimum (label + big number + badge); the browser fits as many as actually fit the
   CONTAINER's real width, which is what was going wrong — container width doesn't track viewport
   width 1:1 (e.g. iPhone 14 landscape: viewport 852px but the stats panel itself has ~756px, easily
   fitting 3-4 cards, yet the old rule forced 1 because viewport alone said "<=1000px"). This is
   last in the file so it wins over every earlier declaration regardless of breakpoint. */
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

/* Share button + menu, next to the existing favorite icon beside the name heading (not buried below
   the hero image/glance card) — decided so it's visible without scrolling, especially on mobile
   where most Pinterest/social traffic lands. Mirrors .favorite's circular-button sizing but in the
   brand purple rather than the heart's pink, since "share" isn't the same action as "favorite". */
.share{position:relative}
.share-toggle{width:42px;height:42px;border:1px solid #e3d8fb;background:rgba(255,255,255,.75);border-radius:50%;color:var(--purple);display:grid;place-items:center;cursor:pointer}
.share-toggle:hover{background:#fff}
.share-toggle .icon{width:19px}
.share-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:20;display:flex;flex-direction:column;gap:2px;min-width:170px;padding:7px;background:#fff;border:1px solid #ede3e3;border-radius:14px;box-shadow:0 10px 30px rgba(58,42,52,.14)}
.share-menu[hidden]{display:none}
.share-menu a,.share-menu button{display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;background:transparent;border-radius:9px;color:var(--ink);font:inherit;font-size:14px;text-align:left;text-decoration:none;cursor:pointer}
.share-menu a:hover,.share-menu button:hover{background:var(--lavender)}
.share-menu .icon{width:17px;color:var(--purple)}
@media(max-width:760px){.favorite,.share-toggle{width:38px;height:38px}.share-toggle .icon{width:17px}}

/* Brand colours for the share menu, per Sam's request to make it "meriah" (lively) instead of every
   icon being the same flat purple. Flat/solid representative shades (not gradients) — close enough
   to each platform's real mark to read instantly next to its text label. */
.share-menu .ic-pinterest{color:#e60023}
.share-menu .ic-facebook{color:#1877f2}
.share-menu .ic-x{color:#000}
.share-menu .ic-threads{color:#000}
.share-menu .ic-instagram{color:#e4405f}
.share-menu .ic-tiktok{color:#fe2c55}

/* Back-to-top: fixed circular button, bottom-right, hidden until the page is scrolled down a fair
   way — mirrors the pattern already used on KDW. Shown/hidden via JS toggling .visible rather than
   [hidden], since this needs an opacity/transform transition rather than an instant show/hide. */
.scroll-top{position:fixed;right:20px;bottom:24px;z-index:40;width:46px;height:46px;border:1px solid #e3d8fb;border-radius:50%;background:#fff;color:var(--purple);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(58,42,52,.16);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s}
.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.scroll-top:hover{background:var(--lavender)}
.scroll-top .icon{width:20px}
@media(max-width:760px){.scroll-top{width:42px;height:42px;right:14px;bottom:16px}}

/* ---- Wren long-run panel (2026-10-06): globe stays as decoration, chart sits clear of it ---- */
.world.longrun .lr-svg{width:100%;height:auto;display:block;margin-top:68px}
.lr-grid{stroke:#7656f61a}.lr-tick{font-size:11px;fill:#6b6580}
.lr-line{fill:none;stroke-width:2.5}.lr-girls{stroke:#d04a9b}.lr-boys{stroke:#4f8f5b}
.lr-label{font-size:12px;font-weight:700;fill:#d04a9b}
.lr-legend{display:flex;gap:14px;font-size:13px;margin:6px 0 4px}.lr-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.lr-girls-dot{background:#d04a9b}.lr-boys-dot{background:#4f8f5b}
.lr-caption{font-size:13.5px;line-height:1.45;margin:6px 0 0}
.src-line{font-size:12px;line-height:1.4;color:#6b6580;margin:6px 0 0}
.places-grid{align-items:stretch}
.places-grid{align-items:stretch!important}.places-grid>.panel{height:100%}
@media(max-width:760px){.world.longrun .lr-svg{margin-top:34px}.lr-tick{font-size:13px}.lr-label{font-size:14px}}

/* Stat cards: flex-wrap so 5 cards always fill their rows (no orphan card with empty space), 2026-10-06 */
.stats-panel .stats-grid{display:flex!important;flex-wrap:wrap;gap:10px}
.stats-panel .stats-grid .stat{flex:1 1 135px;min-width:0;grid-column:auto!important}
@media(min-width:1100px){.stats-panel .stats-grid .stat strong{font-size:21px}}
@media(min-width:900px) and (max-width:1300px){.stats-panel .stats-grid .stat{flex-basis:108px}.stats-panel .stats-grid .stat strong{font-size:19px}}

/* ---- Wren bottom section (2026-10-06) ---- */
.meta-line{font-size:13px;color:#5a6384;margin:10px 0 0}
.no-page{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:#f4effd;color:#6b6580;font-size:14px}
.bottom-row.no-community{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.bottom-row.no-community{grid-template-columns:minmax(0,1fr)}}
.method-panel{margin-top:12px;padding:16px 18px}
.method-panel .facts{margin:6px 0 0;display:grid}
.method-panel .facts>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 18px;padding:10px 0;border-top:1px solid #7656f61f}
.method-panel .facts>div:first-child{border-top:0}
.method-panel dt{font-weight:700;color:#0d176b}.method-panel dd{margin:0;line-height:1.5}
@media(max-width:599px){.method-panel .facts>div{grid-template-columns:minmax(0,1fr)}}
.find-button[disabled]{opacity:.7;cursor:not-allowed}
.bottom-row{align-items:stretch}.bottom-row>.panel{height:100%}

/* ---- visitor-read round 1 fixes (2026-10-06) ---- */
.finder.finder-soon{min-height:0;display:flex;align-items:center;gap:14px;padding:14px 20px;grid-template-columns:none}
.finder-soon h2{font-size:19px;margin:0}.finder-soon p{margin:2px 0 0;font-size:14px}
.finder-soon .finder-spark{position:static;font-size:22px}
.closing-line{margin:16px 2px 4px;font-family:'Playfair Display',serif;font-size:20px;line-height:1.45;color:#0d176b}
.closing-line a{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;color:#6a46e5;white-space:nowrap}
.finder.finder-soon::before,.finder.finder-soon::after{display:none!important}
.finder-soon>div{position:relative;z-index:1}
.comparison .table-scroll table{min-width:0!important;width:100%}
@media(max-width:600px){.comparison th:nth-child(2),.comparison td:nth-child(2){display:none}.comparison th,.comparison td{padding:9px 6px;font-size:13px}}
@media(max-width:600px){.comparison th:nth-child(4),.comparison td:nth-child(4){display:none}.comparison .stage{white-space:normal;font-size:12px}}

/* ---- Kai review 3 polish (2026-10-06) ---- */
.kind{display:inline-block;margin-left:8px;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;vertical-align:middle}
.kind-data{background:#7656f61a;color:#5b3fd0}.kind-editorial{background:#c08a2e1f;color:#7a5c14}
.src-links{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:13px}.src-links a,.src-line a{color:#6a46e5}
.lr-dot{fill:#d04a9b;stroke:#fff;stroke-width:1.5}.lr-mark{font-size:11px;font-weight:600;fill:#7a2f5f}
.lr-flat{font-size:11.5px;fill:#6b6580;font-style:italic}

/* ---- Name Finder results (first working version) ---- */
.finder-result:empty{display:none}
.finder-result{grid-column:1/-1;background:#fff;border:1px solid #7656f61f;border-radius:16px;padding:16px 18px;margin-top:6px}
.fr-count{margin:0 0 10px;font-size:14px;color:#454f70}
.fr-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.fr-card{border:1px solid #7656f61f;border-radius:14px;padding:10px 12px;display:grid;gap:3px;background:#fffdfb}
.fr-card b{font-family:'Playfair Display',serif;font-size:19px;color:#0d176b}.fr-card b a{color:#0d176b;text-decoration:underline;text-decoration-color:#7656f655}
.fr-card small{font-size:12.5px;color:#5a6384;line-height:1.35}
.fr-trend{font-style:normal;font-size:12px;font-weight:700;width:max-content;border-radius:999px;padding:2px 9px;background:#7656f61a;color:#5b3fd0}
.fr-rising{background:#2f8a5722;color:#1f6a40}.fr-cooling{background:#c0502d22;color:#a5401f}
.fr-soon{font-size:11.5px;color:#8a82a8;font-style:normal}
.fr-more{margin-top:12px;background:#fff;color:#5b3fd0;border:1px solid #7656f655;border-radius:999px;padding:9px 20px;font:inherit;font-weight:600;cursor:pointer}
.fr-card b span{font:inherit;color:#0d176b}
.finder-page{max-width:1100px;margin:0 auto;padding:20px 0 60px;display:grid;gap:22px}
.finder-head h1{font-family:'Playfair Display',serif;font-size:clamp(34px,5vw,56px);line-height:1.05;margin:6px 0 10px}.finder-head h1 em{background:linear-gradient(90deg,#7656f6,#d04a9b);-webkit-background-clip:text;background-clip:text;color:transparent}
.finder-head p{max-width:60ch;font-size:17px;line-height:1.55;margin:0}
.finder-page .eyebrow{font-size:12px;letter-spacing:.14em;color:#7656f6;font-weight:600}
.finder-notes{padding:18px 20px}.finder-notes h2{font-family:'Playfair Display',serif;font-size:22px;margin:0 0 8px;color:#0d176b}.finder-notes ul{margin:0;padding-left:18px;display:grid;gap:6px;line-height:1.5}

/* ---- Name Finder extra tools ---- */
.tools-title{font-family:'Playfair Display',serif;font-size:26px;color:#0d176b;margin:8px 0 0}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:860px){.tools-grid{grid-template-columns:minmax(0,1fr)}}
.panel.tool{padding:18px 20px}.panel.tool h2{font-family:'Playfair Display',serif;font-size:21px;margin:0 0 4px;color:#0d176b}.panel.tool>p{margin:0 0 12px;font-size:14.5px;line-height:1.5;color:#454f70}
.tool-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.tool-form label{display:grid;gap:3px;font-size:12.5px;color:#5a6384;flex:1 1 140px}
.tool-form input,.tool-form select{font:inherit;font-size:15px;padding:9px 12px;border:1px solid #7656f655;border-radius:12px;background:#fff;min-width:0}
.tool-go{font:inherit;font-weight:600;background:#6a46e5;color:#fff;border:0;border-radius:999px;padding:10px 20px;cursor:pointer}
.tool-result{margin-top:12px}.tool-result:empty{display:none}
.tool-result .fr-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.fr-why{font-size:11.5px;color:#7656f6}
.nick-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.nick-list li{border:1px solid #7656f61f;border-radius:12px;padding:8px 12px;background:#fffdfb;display:grid;gap:2px}.nick-list b{font-family:'Playfair Display',serif;font-size:18px;color:#0d176b}.nick-list small{font-size:12px;color:#5a6384}
.tool-initials{font-family:'Playfair Display',serif;font-size:32px;margin:0 0 4px;color:#0d176b}
.finder.finder-wide{grid-template-columns:minmax(0,1fr) 170px;min-height:0;gap:16px;padding:22px}
@media(max-width:900px){.finder.finder-wide{grid-template-columns:minmax(0,1fr)}}
.finder-tools{margin-top:12px}
.finder-tools .tools-title{font-size:22px;margin:4px 2px 10px}

.tool-clear{margin-top:10px;background:none;border:1px solid #c9c2e4;border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;color:#5b3ea1;cursor:pointer}.tool-clear:hover{background:#f1ecfb}.tool-clear[hidden]{display:none}

.tools-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.tool-chip{font:inherit;font-size:14px;font-weight:600;color:#5b3ea1;background:#fff;border:1px solid #c9c2e4;border-radius:999px;padding:8px 16px;cursor:pointer}.tool-chip:hover,.tool-chip[aria-expanded=true]{background:#f1ecfb;border-color:#7656f6}
.tools-compact{grid-template-columns:minmax(0,1fr)}.tools-compact .panel.tool[hidden]{display:none}
.lr-tick{font-size:12.5px}.lr-mark{font-size:12.5px}.lr-flat{font-size:12.5px}.lr-label{font-size:13.5px}.lr-caption{font-size:14.5px}

/* ---- Visual rhythm polish (Kai review 5): bigger long-run story, breathing space, editorial hierarchy, lighter methodology ---- */
.lr-tick{font-size:12px}.lr-mark{font-size:12px}.lr-flat{font-size:12px}.lr-label{font-size:14px}
.lr-headline{font-family:'Playfair Display',serif;font-style:italic;font-size:24px;line-height:1.28;color:#0d176b;margin:14px 0 0;max-width:calc(100% - 130px)}
#app .world.longrun .lr-svg{margin-top:10px}
#app .world.longrun .world-globe{width:96px;height:96px;top:14px;right:14px}
@media(min-width:1101px){#app .places-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
@media(max-width:760px){.lr-tick{font-size:17px}.lr-mark{font-size:15.5px}.lr-flat{font-size:15px}.lr-label{font-size:17px}.lr-headline{font-size:20px;max-width:calc(100% - 78px)}#app .world.longrun .world-globe{width:66px;height:66px;top:12px;right:10px}#app .world.longrun .lr-svg{margin-top:8px}}
.story-break{margin:64px 0 6px;text-align:center}
.story-break span{display:inline-block;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#7656f6;font-weight:700}
.story-break h2{font-family:'Playfair Display',serif;font-size:34px;line-height:1.2;color:#0d176b;margin:8px 0 0;font-weight:700}
.story-break:after{content:'';display:block;width:64px;height:2px;margin:16px auto 0;background:linear-gradient(90deg,#7656f6,#d04a9b);border-radius:2px;opacity:.6}
@media(max-width:760px){.story-break{margin:44px 0 2px}.story-break h2{font-size:26px}}
#app .editorial-row{margin-top:26px}
.sound-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0}
.sound-line>*{font-family:'Playfair Display',serif;font-size:27px;line-height:1.35;color:#0d176b;background:none!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.sound-line>a{text-decoration:underline;text-decoration-color:#7656f66b;text-underline-offset:5px}
.sound-line>.no-page{color:#0d176b}
.sound-line>*:not(:last-child):after{content:'·';color:#c9a0e0;margin:0 12px;display:inline-block;text-decoration:none}
@media(max-width:760px){.sound-line>*{font-size:23px}.sound-line>*:not(:last-child):after{margin:0 9px}}
/* bottom row: what draws people leads, things to consider supports, FAQ full width */
#app .bottom-row.no-community{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px;margin-top:44px;align-items:start}
#app .bottom-row.no-community>.faq{grid-column:1/-1}
#app .bottom-row>.checklist:first-child{background:none;border:0;box-shadow:none;padding:6px 10px 6px 4px}
#app .bottom-row>.checklist:first-child:before,#app .bottom-row>.checklist:first-child:after{display:none}
#app .bottom-row>.checklist:first-child .section-title h2{font-size:30px;font-family:'Playfair Display',serif}
#app .bottom-row>.checklist:first-child li{font-size:17px;line-height:1.7}
#app .bottom-row>.checklist.consider{background:rgba(255,255,255,.5);background-image:none}
#app .bottom-row>.checklist.consider:before,#app .bottom-row>.checklist.consider:after{display:none}
#app .bottom-row.no-community>.faq{background:none;border:0;border-top:1px solid #e2d8e2;border-radius:0;box-shadow:none;padding:26px 4px 0}
#app .bottom-row.no-community>.faq:before,#app .bottom-row.no-community>.faq:after{display:none}
#app .faq-list,#app .bottom-row>.faq{column-gap:40px}
@media(min-width:1000px){#app .bottom-row>.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}#app .bottom-row>.faq .section-title{grid-column:1/-1}}
@media(max-width:1000px){#app .bottom-row.no-community{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:34px}#app .bottom-row>.checklist:first-child .section-title h2{font-size:25px}#app .bottom-row>.checklist:first-child li{font-size:16px}}
/* methodology: three light columns instead of a table */
#app .method-panel{background:none;border:0;border-top:1px solid #e2d8e2;border-radius:0;box-shadow:none;padding:30px 4px 6px;margin-top:40px}
.method-flow{margin:2px 0 18px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#7656f6;font-weight:700}
.method-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;align-items:start}
.mcol h3{font-family:'Playfair Display',serif;font-size:20px;color:#0d176b;margin:0 0 6px}
#app .method-panel .facts>div{display:block;border-top:0;padding:8px 0 4px}
#app .method-panel dt{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#6b6580;font-weight:700}
#app .method-panel dd{font-size:15px;line-height:1.55;color:#30395f;margin:2px 0 0}
@media(max-width:900px){.method-cols{grid-template-columns:minmax(0,1fr);gap:18px}}
/* contrast fixes (axe-core: at least 4.5:1) */
.stat.coral span{color:#0b6b66}.stat.rose span{color:#b02158}.stage{color:#a3205a}
/* bigger globe on the long-run panel (Sam: the space is there) */
#app .world.longrun .world-globe{width:148px;height:148px;top:12px;right:16px}
#app .world.longrun .lr-headline{max-width:calc(100% - 185px)}
#app .world.longrun .lr-svg{margin-top:34px}
@media(max-width:760px){#app .world.longrun .world-globe{width:88px;height:88px;top:12px;right:8px}#app .world.longrun .lr-headline{max-width:calc(100% - 100px)}#app .world.longrun .lr-svg{margin-top:12px}}
.lr-headline{text-wrap:balance}
@media(max-width:760px){.lr-headline br{display:none}}
/* equal-height panels and centered content (visitor read of Emma: empty gaps under shorter panels) */
#app .trend-row{align-items:stretch}
#app .trend-row>.trend-panel{height:100%}
#app .places{display:flex;flex-direction:column;align-self:stretch}
#app .places>.state-content{flex:1;align-items:center}
#app .discovery-row{align-items:stretch}
#app .discovery-row>.panel{height:100%}
#app .discovery{display:flex;flex-direction:column}
/* readable chart text on phones (the rank chart scales down to about 0.5x) */
@media(max-width:760px){.trend-svg .axis{font-size:19px}.trend-svg .peak-label{font-size:19px}.trend-svg .chart-line{stroke-width:4}}
/* legibility: keep the hero blurb narrow on tablets so it does not run across the busiest part of the painting (device sweep, iPad landscape) */
@media(min-width:821px) and (max-width:1300px){#app .hero.has-name-art .hero-intro{max-width:420px}}
/* touch targets of small text links */
.back-link{display:block;width:fit-content;padding:6px 0}.inline-link{display:inline-block;padding:6px 0}
.src-links a{display:inline-block;padding:5px 0}
/* stacked hero (tablet portrait and phones): breathing room between the byline and the painting */
@media(max-width:820px){#app .hero.has-name-art .hero-copy{padding-bottom:36px}}
/* stacked hero: painting and "at a glance" box are separate blocks with clear space, same width */
@media(max-width:820px){
  #app .hero.has-name-art .name-illustration{margin-bottom:20px!important}
  #app .hero.has-name-art .glance{width:100%!important;max-width:none!important;margin-top:0!important}
}
/* stacked hero: soft painted edges like Wren (left, right and top fade into the cream page) */
@media(max-width:820px){
  #app .hero.has-name-art .name-illustration{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 9%,#000 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 9%,#000 100%);
    mask-composite:intersect}
}

/* no pop-culture items for this name: two editorial columns */
#app .editorial-row.no-culture{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){#app .editorial-row.no-culture{grid-template-columns:minmax(0,1fr)}}

/* adaptive editorial row: as many columns as there are modules */
#app .editorial-row.cols-1{grid-template-columns:minmax(0,1fr)}
#app .editorial-row.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){#app .editorial-row.cols-1,#app .editorial-row.cols-2{grid-template-columns:minmax(0,1fr)}}
.grp-why{display:block;font-style:normal;font-size:12.5px;line-height:1.35;color:#6b6580;margin:1px 0 8px}
.prov-list{margin:8px 0 0;padding:0 0 0 18px;font-size:13.5px;line-height:1.55;color:#454f70}.prov-list a{color:#5b3ea1}