:root{--ink:#191714;--cream:#eee6d5;--paper:#f4efe4;--bronze:#a88252;--bronze2:#d3b17b;--forest:#17211d;--muted:#786f63;--line:rgba(25,23,20,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(168,130,82,.08),transparent 28%),radial-gradient(circle at 90% 40%,rgba(23,33,29,.07),transparent 30%);z-index:-1}.grain{position:fixed;inset:0;opacity:.045;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.modal-open{overflow:hidden}
h1,h2,h3,.brand{font-family:"Cormorant Garamond",Georgia,serif}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid rgba(238,230,213,.18);background:rgba(23,33,29,.96);color:var(--cream);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-size:1.55rem;font-weight:600}.laurel{color:var(--bronze2)}nav{display:flex;gap:28px}nav a{color:rgba(238,230,213,.78);text-decoration:none;font-size:.86rem}.ghost-btn,.primary-btn,.back-btn,.ghost-dark{font:inherit;cursor:pointer}.ghost-btn{border:1px solid rgba(238,230,213,.45);background:transparent;color:var(--cream);padding:9px 18px;border-radius:999px}
.hero{min-height:720px;background:linear-gradient(120deg,var(--forest) 0%,#101713 64%,#25332c 100%);color:var(--cream);display:grid;grid-template-columns:1.05fr .95fr;gap:30px;padding:clamp(60px,8vw,110px) clamp(24px,6vw,90px);overflow:hidden}.hero-copy{max-width:760px;align-self:center}.eyebrow{font-size:.73rem;letter-spacing:.22em;font-weight:600;color:var(--bronze);margin:0 0 18px}.hero .eyebrow,.method .eyebrow,.match-panel .eyebrow{color:var(--bronze2)}.hero h1{font-size:clamp(3.6rem,7vw,7rem);line-height:.91;letter-spacing:-.04em;margin:0 0 28px}.hero-deck{max-width:650px;color:rgba(238,230,213,.79);font-size:1.1rem}.hero-actions{display:flex;gap:24px;align-items:center;margin:34px 0 50px}.primary-btn{border:0;border-radius:3px;background:var(--cream);color:var(--forest);padding:14px 20px;font-weight:600;box-shadow:0 10px 24px rgba(0,0,0,.13)}.primary-btn span{margin-left:18px}.text-link{color:var(--cream);text-underline-offset:5px}.hero-stats{display:flex;gap:42px;border-top:1px solid rgba(238,230,213,.18);padding-top:22px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:"Cormorant Garamond";font-size:2rem;color:var(--bronze2)}.hero-stats span{font-size:.76rem;color:rgba(238,230,213,.58)}.hero-art{position:relative;min-height:520px;align-self:center}.sun-disc{width:420px;height:420px;border:1px solid rgba(211,177,123,.34);border-radius:50%;position:absolute;right:8%;top:2%;box-shadow:0 0 0 48px rgba(211,177,123,.03),0 0 0 96px rgba(211,177,123,.02)}.marble-card{position:absolute;width:min(330px,62vw);height:470px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#b9b5aa,#7f8079);box-shadow:0 30px 60px rgba(0,0,0,.38)}.card-back{right:5%;top:55px;transform:rotate(7deg);opacity:.42}.card-front{right:17%;top:10px;display:grid;place-items:center}.bust{font-family:Georgia;font-size:12rem;color:rgba(32,37,34,.82);text-shadow:6px 8px 0 rgba(255,255,255,.13)}.inscription{position:absolute;bottom:28px;left:28px;font-family:"Cormorant Garamond";font-weight:700;letter-spacing:.18em;color:#2d302c}.marginalia{position:absolute;right:0;bottom:0;font-family:"Cormorant Garamond";font-size:1.25rem;color:rgba(238,230,213,.7)}
.manifesto{background:#ded1bc;padding:35px clamp(24px,8vw,120px);display:flex;justify-content:space-between;gap:30px;align-items:end}.manifesto p{font-family:"Cormorant Garamond";font-size:clamp(1.5rem,3vw,2.4rem);margin:0}.manifesto span{font-size:.7rem;letter-spacing:.15em;color:var(--muted)}.lives,.method,.quiz-shell{padding:90px clamp(24px,6vw,90px)}.split-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}.section-heading h2,.method h2,.quiz-intro h2,.result-section h2,.synkrisis h2,.secondary h2{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1;margin:0 0 18px}.section-heading p,.quiz-intro>p,.muted{color:var(--muted)}.filters{display:flex;gap:8px;margin:35px 0 24px}.filter{border:1px solid var(--line);background:transparent;padding:8px 14px;cursor:pointer}.filter.active{background:var(--forest);color:var(--cream)}.figure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.figure-card{font:inherit;text-align:left;background:#e8dfcf;border:1px solid var(--line);min-height:460px;padding:18px;display:grid;grid-template-rows:auto auto 1fr;gap:14px;position:relative;overflow:hidden;transition:.25s;cursor:pointer;color:var(--ink)}.figure-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(25,23,20,.11)}.figure-card:before{content:attr(data-glyph);position:absolute;font-family:"Cormorant Garamond";font-size:8.5rem;top:190px;right:16px;color:rgba(25,23,20,.06);pointer-events:none}.figure-copy{display:flex;flex-direction:column;gap:4px;align-self:end}.figure-card h3{font-size:2rem;margin:0}.figure-card p{font-size:.83rem;color:var(--muted);margin:0}.figure-era{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze)!important;margin-bottom:6px!important}.bio-snippet{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:1.45;min-height:4.8em}.tag{font-size:.66rem;letter-spacing:.14em;color:var(--bronze);text-transform:uppercase;margin-bottom:4px}.culture-chip{position:absolute;top:18px;left:18px;border:1px solid rgba(25,23,20,.18);padding:4px 8px;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;background:rgba(248,243,234,.7);backdrop-filter:blur(2px);z-index:2}.open-life{font-size:.75rem;margin-top:12px}.portrait-frame{border:1px solid rgba(25,23,20,.12);background:#f3ebde;overflow:hidden;box-shadow:0 8px 20px rgba(25,23,20,.06)}.portrait-card{border-radius:18px;min-height:210px}.portrait-match{border-radius:18px;width:128px;flex:0 0 128px}.portrait-profile{border-radius:22px}.portrait-svg{display:block;width:100%;height:auto;aspect-ratio:4/5}.figure-card .portrait-card{margin-top:24px}.method{background:var(--forest);color:var(--cream)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.method article{border-top:1px solid rgba(238,230,213,.2);padding-top:24px}.method article span{color:var(--bronze2);font-size:.75rem}.method article h3{font-size:1.8rem;margin:12px 0}.method article p{color:rgba(238,230,213,.64);font-size:.9rem}
.quiz-shell{min-height:700px;background:#ebe3d5}.quiz-intro{max-width:780px}.hidden{display:none!important}.quiz-panel{max-width:900px;margin:0 auto}.quiz-progress{display:flex;align-items:center;gap:18px;font-size:.75rem;color:var(--muted);margin-bottom:60px}.bar{height:3px;background:#d0c5b3;flex:1}.bar i{display:block;height:100%;background:var(--bronze);transition:.3s}.scenario-label{color:var(--bronze);text-transform:uppercase;letter-spacing:.17em;font-size:.74rem;font-weight:600}.quiz-panel h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1.04;margin:10px 0 35px}.answers{display:grid;gap:12px}.answer-btn{border:1px solid #c9bdab;background:rgba(255,255,255,.38);padding:18px 20px;text-align:left;font:inherit;cursor:pointer;transition:.18s}.answer-btn:hover{border-color:var(--bronze);background:#f8f4ec;transform:translateX(4px)}.back-btn{border:0;background:none;color:var(--muted);padding:18px 0}.results{max-width:1150px;margin:0 auto}.result-kicker{display:flex;justify-content:space-between;gap:20px;align-items:center}.result-kicker span{font-size:.8rem;color:var(--muted)}
.dual-match{display:grid;grid-template-columns:1fr 60px 1fr;gap:18px;align-items:center}.parallel-mark{text-align:center;font-family:"Cormorant Garamond";font-size:3rem;color:var(--bronze)}.match-panel{background:var(--forest);color:var(--cream);padding:35px;min-height:430px;position:relative;overflow:hidden}.match-panel:before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(211,177,123,.2);border-radius:50%;right:-75px;top:-75px}.match-top{display:flex;gap:20px;align-items:flex-start}.match-glyph{font-family:"Cormorant Garamond";font-size:4rem;color:rgba(238,230,213,.2);line-height:1}.match-panel h2{font-size:clamp(2.8rem,4vw,4.4rem);line-height:.9;margin:8px 0}.match-panel>p:not(.eyebrow),.match-panel .match-bio{color:rgba(238,230,213,.65)}.match-bio{font-size:.88rem;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-top:10px}.match-meter{height:3px;background:rgba(238,230,213,.15);margin:30px 0 10px}.match-meter i{display:block;height:100%;background:var(--bronze2)}.match-panel>b{font-size:.8rem;color:var(--bronze2)}.match-panel button{display:block;margin-top:24px;border:0;background:none;color:var(--cream);padding:0;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.synkrisis{margin:65px 0;padding:42px;border:1px solid var(--line);background:rgba(255,255,255,.27)}.synkrisis h2{max-width:900px}.synkrisis p:last-child{font-size:1.05rem;max-width:900px}.result-section{margin:80px 0}.two-col{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.lead{font-family:"Cormorant Garamond";font-size:1.65rem;max-width:900px}.trait-bars{display:grid;gap:10px}.trait-row{display:grid;grid-template-columns:145px 1fr 24px;gap:12px;align-items:center;font-size:.76rem}.trait-row>div{height:8px;background:#d5c9b7;overflow:hidden}.trait-row i{display:block;height:100%;background:linear-gradient(90deg,var(--bronze),var(--forest))}.trait-row b{text-align:right}.trait-bars.compact .trait-row{grid-template-columns:125px 1fr 20px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.result-box{border-top:2px solid var(--ink);padding-top:18px}.result-box>span{font-size:.66rem;letter-spacing:.14em;color:var(--bronze)}.result-box h3{font-size:1.7rem;margin:5px 0 8px}.result-box p{color:var(--muted);font-size:.9rem}.secondary{margin-top:65px}.secondary-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.secondary-item{font:inherit;text-align:left;border:1px solid var(--line);padding:20px;background:rgba(255,255,255,.3);cursor:pointer;display:grid;gap:3px}.secondary-item:hover{background:#f7f2e9}.secondary-item span,.secondary-item small{color:var(--muted);font-size:.7rem}.secondary-item strong{font-family:"Cormorant Garamond";font-size:1.7rem}.secondary-item b{color:var(--bronze)}.stress-card{background:#ded1bc;padding:42px}.stress-card p:last-child{max-width:850px}.result-actions{display:flex;gap:12px;align-items:center;margin-bottom:20px}.ghost-dark{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:13px 18px}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:rgba(8,12,10,.74);backdrop-filter:blur(8px)}.profile-sheet{position:relative;z-index:2;background:var(--paper);width:min(1050px,96vw);max-height:92vh;overflow:auto;padding:50px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.modal-close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:2rem;cursor:pointer;color:var(--muted)}.profile-hero{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:32px}.profile-portrait-wrap .portrait-profile{max-width:240px}.profile-hero h2{font-size:4.8rem;line-height:.9;margin:0}.profile-tagline{color:var(--muted);margin-bottom:12px}.profile-biography{font-size:1rem;line-height:1.6;max-width:700px;color:#4d453b}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:45px 0}.profile-columns h3{font-size:1.8rem;margin:0 0 5px}.profile-columns p{color:var(--muted);margin-top:0;line-height:1.6}.glyph-badge{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--bronze2);font-family:"Cormorant Garamond";font-size:2rem;margin-bottom:18px}.profile-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.profile-triptych div{background:#e8dfcf;padding:24px}.profile-triptych span{display:block;font-size:.63rem;letter-spacing:.13em;color:var(--bronze);margin-bottom:8px}.profile-triptych strong{font-family:"Cormorant Garamond";font-size:1.35rem;line-height:1.1}.source-note{margin-top:25px;color:var(--muted);font-size:.8rem}footer{padding:30px clamp(24px,6vw,90px);background:#111814;color:rgba(238,230,213,.72);display:flex;justify-content:space-between;gap:20px;font-size:.78rem}footer div{display:flex;flex-direction:column}footer strong{font-family:"Cormorant Garamond";font-size:1.3rem;color:var(--cream)}
@media(max-width:920px){nav{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:420px}.figure-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.split-heading,.two-col,.profile-columns{grid-template-columns:1fr}.dual-match{grid-template-columns:1fr}.parallel-mark{transform:rotate(90deg)}.result-grid,.secondary-list{grid-template-columns:1fr}.profile-triptych{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr}.match-top{flex-direction:column}.portrait-match{width:100%;max-width:180px}.manifesto{align-items:start;flex-direction:column}.hero h1{font-size:4.4rem}}
@media(max-width:560px){.site-header{padding:0 18px}.hero,.lives,.method,.quiz-shell{padding-left:20px;padding-right:20px}.hero h1{font-size:3.55rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}.figure-grid,.method-grid{grid-template-columns:1fr}.hero-art{min-height:350px}.marble-card{height:350px;width:235px}.card-front{right:22%}.bust{font-size:8rem}.sun-disc{width:290px;height:290px}.marginalia{font-size:1rem}.manifesto{padding-left:20px;padding-right:20px}.profile-sheet{padding:32px 20px}.profile-hero h2{font-size:3.5rem}.trait-row,.trait-bars.compact .trait-row{grid-template-columns:105px 1fr 20px}.synkrisis,.stress-card,.match-panel{padding:26px}.figure-card{min-height:430px}.portrait-card{min-height:200px}.portrait-profile{max-width:220px}.portrait-match{max-width:160px}.glyph-badge{width:60px;height:60px}footer{flex-direction:column}.result-actions{align-items:stretch;flex-direction:column}}


.library-controls{display:grid;grid-template-columns:minmax(240px,460px) 1fr;gap:18px;align-items:center;margin:0 0 22px}.search-lives{width:100%;padding:14px 16px;border:1px solid var(--line);background:#f8f3ea;color:var(--ink);font:inherit}.library-note{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}.figure-card{min-height:470px}.figure-status{display:inline-block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze);margin:2px 0 8px}.figure-status.archive{color:#7a6a54}.portrait-placeholder{display:grid;place-items:center;min-height:230px;background:linear-gradient(155deg,#efe3cf,#d7c2a4);position:relative}.portrait-placeholder:before{content:'';position:absolute;inset:10px;border:1px solid rgba(40,32,23,.12);pointer-events:none}.portrait-initials{font-family:'Cormorant Garamond',serif;font-size:4.5rem;color:#2a241d;letter-spacing:.08em}.portrait-sub{position:absolute;bottom:14px;left:14px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#6d5e4e}.portrait-img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.03)}.portrait-card{min-height:230px}.profile-excerpt{background:rgba(255,255,255,.45);border:1px solid var(--line);padding:18px 20px;margin-top:18px}.profile-excerpt h3{margin:0 0 8px;font-size:1.3rem}.profile-excerpt p{margin:0;color:var(--muted);line-height:1.6}.profile-pill{display:inline-block;padding:6px 10px;border:1px solid var(--line);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;color:#6c5d4a}.archive-stack{display:grid;gap:18px}.archive-panel{border:1px solid var(--line);padding:22px;background:rgba(255,255,255,.28)}.archive-panel h3{margin:0 0 8px;font-size:1.5rem}.archive-panel p{margin:0;color:var(--muted);line-height:1.6}.source-note a{color:inherit}.result-note{margin-top:14px;color:var(--muted);font-size:.88rem}.empty-results{padding:34px;border:1px dashed var(--line);color:var(--muted);text-align:center;background:rgba(255,255,255,.25)}
@media(max-width:920px){.library-controls{grid-template-columns:1fr}.library-note{font-size:.88rem}}

.active-nav{color:var(--bronze2)!important}.ghost-link{border:1px solid rgba(238,230,213,.25);color:var(--cream);padding:9px 14px;text-decoration:none;font-size:.78rem}.comparison-page{min-height:100vh;background:#ebe3d5}.comparison-intro{padding:90px clamp(24px,6vw,90px) 50px;background:var(--forest);color:var(--cream)}.comparison-intro h1{font-size:clamp(3.5rem,7vw,6.8rem);line-height:.92;margin:0 0 20px}.comparison-intro>p:not(.eyebrow){max-width:780px;color:rgba(238,230,213,.72)}.comparison-picker{margin-top:28px}.comparison-picker select{min-width:min(620px,100%);padding:14px 16px;font:inherit;background:#f3eadb;border:0;color:var(--ink)}#comparison-view{padding:55px clamp(24px,6vw,90px) 90px}.comparison-hero-grid{display:grid;grid-template-columns:1fr 80px 1fr;gap:20px;align-items:start}.comparison-vs{align-self:center;text-align:center;font-family:"Cormorant Garamond";font-size:3rem;color:var(--bronze)}.comparison-person{border:1px solid var(--line);padding:26px;background:rgba(255,255,255,.3)}.comparison-person h2{font-size:clamp(2.6rem,4vw,4.2rem);line-height:.95;margin:18px 0 4px}.comparison-person>p:not(.eyebrow):not(.tag){color:var(--muted);line-height:1.55}.comparison-portrait{aspect-ratio:4/3;overflow:hidden;background:#ddd0ba;border:1px solid var(--line)}.comparison-portrait img{width:100%;height:100%;object-fit:cover;display:block}.comparison-virtue{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:18px 0}.comparison-virtue span{font-size:.64rem;letter-spacing:.13em;color:var(--bronze)}.comparison-virtue strong{font-family:"Cormorant Garamond";font-size:1.25rem}.comparison-bars{display:grid;gap:7px}.comparison-bar{display:grid;grid-template-columns:115px 1fr 20px;gap:9px;align-items:center;font-size:.7rem}.comparison-bar>div{height:6px;background:#d3c7b5}.comparison-bar i{display:block;height:100%;background:var(--forest)}.compare-life-link{display:inline-block;margin-top:20px;text-decoration:none}.comparison-analysis{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:60px 0}.comparison-analysis>div{border-top:2px solid var(--ink);padding-top:22px}.comparison-analysis h2,.source-comparison h2,.quartet-header h2{font-size:clamp(2.3rem,4vw,4rem);margin:5px 0 18px}.trait-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.trait-chips span{border:1px solid var(--line);padding:7px 10px;font-size:.72rem}.contrast-table{display:grid}.contrast-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;border-bottom:1px solid var(--line);padding:12px 0;font-size:.78rem}.contrast-table span{font-weight:600}.contrast-table b{font-weight:500;color:var(--muted)}.source-comparison{background:var(--forest);color:var(--cream);padding:42px;margin-top:35px}.source-comparison p:not(.eyebrow){max-width:1000px;color:rgba(238,230,213,.75);line-height:1.65}.source-comparison .source-note{font-size:.76rem;color:rgba(238,230,213,.5)}.muted-comparison{background:#d9ccb8;color:var(--ink)}.muted-comparison p:not(.eyebrow){color:var(--muted)}.quartet-header{max-width:950px}.quartet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 0}.quartet-grid article{border:1px solid var(--line);background:rgba(255,255,255,.3);padding:16px}.quartet-grid h3{font-size:2rem;margin:14px 0 4px}.quartet-grid p{color:var(--muted);font-size:.86rem}.quartet-grid .comparison-portrait{aspect-ratio:1/1}@media(max-width:920px){.comparison-hero-grid{grid-template-columns:1fr}.comparison-vs{transform:rotate(90deg)}.comparison-analysis{grid-template-columns:1fr}.quartet-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.quartet-grid{grid-template-columns:1fr}.contrast-table>div{grid-template-columns:1fr}.comparison-bar{grid-template-columns:95px 1fr 20px}}

.comparison-teaser{padding:62px clamp(24px,6vw,90px);display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;background:#ded1bc}.comparison-teaser h2{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1;margin:0 0 18px}.comparison-teaser p:not(.eyebrow){max-width:760px;color:var(--muted)}.comparison-cta{justify-self:end;text-decoration:none}@media(max-width:920px){.comparison-teaser{grid-template-columns:1fr}.comparison-cta{justify-self:start}}

.character-source,.comparison-source{position:relative;padding:24px 26px 22px;margin-top:24px;background:#f4ebdc;border:1px solid var(--line);border-left:3px solid var(--bronze)}.comparison-source{background:#e3d6c2;border-left-color:var(--forest)}.source-kicker{display:block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);margin-bottom:8px}.profile-excerpt h3,.archive-panel.character-source h3,.archive-panel.comparison-source h3{font-size:1.55rem;margin:0 0 10px}.profile-excerpt p,.archive-panel.character-source p,.archive-panel.comparison-source p{font-family:"Cormorant Garamond",serif;font-size:1.12rem;line-height:1.55;color:#373027}.profile-excerpt small,.archive-panel.character-source small,.archive-panel.comparison-source small{display:block;margin-top:12px;color:var(--muted);font-size:.72rem;line-height:1.45}.comparison-source .source-kicker{color:var(--forest)}

/* Beta UX pass */
.answer-instruction{margin:0 0 4px;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:650}
.answer-btn{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:58px}
.answer-letter{width:30px;height:30px;border:1px solid rgba(25,23,20,.25);border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--bronze);background:rgba(255,255,255,.32)}
.answer-copy{min-width:0;line-height:1.35}.character-summary{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.35rem;line-height:1.42;margin:18px 0 12px;max-width:560px}.character-summary strong{font-weight:700}
@media(max-width:560px){.quiz-shell{padding-top:48px;padding-bottom:54px;min-height:0}.quiz-progress{margin-bottom:28px;gap:10px;font-size:.7rem}.quiz-panel h2{font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.08;margin:7px 0 20px}.scenario-label{font-size:.67rem}.answers{gap:8px}.answer-instruction{font-size:.65rem;margin-bottom:0}.answer-btn{padding:11px 12px;min-height:52px;grid-template-columns:30px minmax(0,1fr);gap:10px;font-size:.92rem}.answer-letter{width:27px;height:27px;font-size:.66rem}.back-btn{padding:12px 0}.character-summary{font-size:1.22rem}}


/* Share-results beta feature */
.share-results-card{margin:72px 0 28px;padding:34px 36px;border:1px solid var(--line);background:rgba(255,255,255,.32);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 30px;align-items:center}
.share-results-card h2{margin:3px 0 8px;font-size:clamp(2rem,3vw,3rem)}
.share-results-card>div>p:last-child{margin:0;color:var(--muted);max-width:620px}
.share-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.share-note{grid-column:1/-1;margin:0!important;padding-top:14px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted)}
@media(max-width:720px){
  .share-results-card{grid-template-columns:1fr;padding:26px 22px;margin:48px 0 24px}
  .share-actions{justify-content:stretch;display:grid;grid-template-columns:1fr}
  .share-actions button{width:100%}
}

.share-btn.secondary{background:transparent;color:var(--ink);border:1px solid rgba(25,23,20,.28)}
.share-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:560px){.share-actions .share-btn{width:100%}}

.share-actions .share-via-apps{opacity:.88}
.share-actions button:disabled{opacity:.65;cursor:wait}


/* Attention-optimized Oracle: quiet micro-rewards, no scoring changes */
.quiz-hook{font-size:1.08rem;line-height:1.65;max-width:720px}
.quiz-promise{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 16px}
.quiz-promise span{border:1px solid rgba(25,23,20,.14);background:rgba(255,255,255,.28);padding:10px 13px;font-size:.76rem;letter-spacing:.03em}
.quiz-promise b{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.18rem;color:var(--bronze);margin-right:4px}
.quiz-whisper{font-size:.79rem!important;font-style:italic;max-width:620px;margin:0 0 24px;color:rgba(25,23,20,.58)!important}
.oracle-start{min-width:190px}
.quiz-progress span{white-space:nowrap;display:flex;align-items:baseline;gap:5px}
.quiz-progress span b{font-size:.92rem;color:var(--ink)}
.quiz-progress span em{font-style:normal;text-transform:uppercase;letter-spacing:.11em;color:var(--bronze);font-size:.63rem;margin-left:5px}
.bar{position:relative;overflow:hidden;border-radius:100px}
.bar i{border-radius:100px;transition:width .42s cubic-bezier(.22,.8,.28,1)}
.bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.32) 50%,transparent 100%);opacity:.45;pointer-events:none}
.oracle-momentum{min-height:18px;margin:-43px 0 42px;color:rgba(25,23,20,.48);font-size:.73rem;letter-spacing:.025em;text-align:right;transition:opacity .2s}
.answer-btn{position:relative;overflow:hidden}
.answer-check{justify-self:end;opacity:0;transform:scale(.5);color:var(--bronze);font-weight:700;transition:.14s ease}
.answer-btn{grid-template-columns:34px minmax(0,1fr) 22px}
.answer-btn.chosen{background:#f7f0e4;border-color:var(--bronze);transform:translateX(3px)}
.answer-btn.chosen .answer-letter{background:var(--forest);border-color:var(--forest);color:var(--cream)}
.answer-btn.chosen .answer-check{opacity:1;transform:scale(1)}
.answer-btn.answer-locked:not(.chosen){opacity:.52}
.answer-btn:disabled{cursor:default}
.oracle-toast{position:sticky;bottom:20px;z-index:20;width:max-content;max-width:calc(100% - 32px);margin:0 auto;height:0;overflow:visible;opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s ease;text-align:center;background:rgba(23,36,31,.94);color:#f1e8d8;border:1px solid rgba(218,181,116,.35);border-radius:999px;padding:9px 15px;font-size:.73rem;letter-spacing:.025em;box-shadow:0 8px 24px rgba(25,23,20,.14)}
.oracle-toast.show{opacity:1;transform:translateY(0)}
.result-reveal{animation:mirrorReveal .48s cubic-bezier(.22,.8,.28,1) both}
@keyframes mirrorReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.answer-btn,.answer-check,.bar i,.oracle-toast,.result-reveal{transition:none!important;animation:none!important}}
@media(max-width:560px){
  .quiz-hook{font-size:.98rem;line-height:1.5}
  .quiz-promise{gap:6px;margin:18px 0 12px}
  .quiz-promise span{padding:8px 9px;font-size:.67rem;flex:1 1 auto;text-align:center}
  .quiz-whisper{font-size:.72rem!important;margin-bottom:18px}
  .quiz-progress{margin-bottom:22px}
  .quiz-progress span em{display:none}
  .oracle-momentum{margin:-12px 0 22px;text-align:left;font-size:.68rem;min-height:16px}
  .answer-btn{grid-template-columns:30px minmax(0,1fr) 18px}
  .oracle-toast{bottom:12px;font-size:.68rem;padding:8px 12px}
}


/* ===== Cinematic Lives edition: generated historical action scenes ===== */
.hero-scene{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(11,18,15,.96) 0%,rgba(11,18,15,.82) 43%,rgba(11,18,15,.22) 72%,rgba(11,18,15,.52) 100%),
    url("scenes/theseus-labyrinth-corrected.png") center/cover no-repeat;
}
.hero-scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,9,7,.35),transparent 42%)}
.hero-scene .hero-copy{position:relative;z-index:2}
.scene-caption{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:0 5% 4%;text-align:right}
.scene-caption span,.scene-band-copy span,.origins-scene span,.library-scene span,.result-reveal-scene span{
  font-size:.66rem;letter-spacing:.2em;color:var(--bronze2);font-weight:700
}
.scene-caption strong,.scene-band-copy strong,.origins-scene strong,.library-scene strong,.result-reveal-scene strong{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:1.45rem;font-weight:600;color:var(--cream)
}

.scene-band{min-height:330px;position:relative;display:flex;align-items:flex-end;padding:42px clamp(24px,6vw,90px);background-size:cover;background-position:center;overflow:hidden}
.scene-band:before,.origins-scene:before,.library-scene:before,.result-reveal-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,20,17,.1),rgba(15,20,17,.18) 45%,rgba(15,20,17,.78))}
.scene-band-copy{position:relative;margin-left:auto;max-width:390px;display:grid;gap:6px;text-align:right}
.scene-bucephalus{background-image:url("scenes/alexander-bucephalus-hd.png")}

.origins-scene,.library-scene{position:relative;min-height:220px;margin:36px 0 28px;display:flex;align-items:flex-end;padding:30px;overflow:hidden;background-size:cover;background-position:center;border:1px solid var(--line)}
.origins-scene>div,.library-scene span,.library-scene strong{position:relative;z-index:1}
.origins-scene>div{display:grid;gap:5px;max-width:510px}
.origins-scene:before{background:linear-gradient(90deg,rgba(17,24,21,.86),rgba(17,24,21,.34),rgba(17,24,21,.08))}
.scene-romulus{background-image:url("scenes/romulus-founding-hd.png");background-position:left center}
.scene-demetrius{background-image:url("scenes/demetrius-siege-hd.png")}
.library-scene{display:grid;align-content:end;gap:4px}
.library-scene:before{background:linear-gradient(0deg,rgba(17,24,21,.88),rgba(17,24,21,.05) 70%)}

.quiz-shell{position:relative;isolation:isolate;transition:background-color .35s ease}
.quiz-intro-caesar{
  position:relative;max-width:none!important;min-height:480px;padding:48px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--cream);
  background:linear-gradient(90deg,rgba(16,23,20,.94),rgba(16,23,20,.72) 50%,rgba(16,23,20,.18)),url("scenes/caesar-rubicon-hd.png") center/cover no-repeat
}
.quiz-intro-caesar>p{max-width:660px;color:rgba(238,230,213,.82)!important}
.quiz-intro-caesar .quiz-promise span{background:rgba(10,17,14,.44);border-color:rgba(238,230,213,.18)}
.quiz-intro-caesar .quiz-whisper{color:rgba(238,230,213,.7)!important}
.quiz-intro-caesar .primary-btn{align-self:flex-start}

.quiz-shell.quiz-scene-themistocles,
.quiz-shell.quiz-scene-pelopidas,
.quiz-shell.quiz-scene-pyrrhus{background-size:cover;background-position:center;background-attachment:scroll}
.quiz-shell.quiz-scene-themistocles{background-image:linear-gradient(rgba(239,231,216,.9),rgba(239,231,216,.94)),url("scenes/themistocles-salamis-hd.png")}
.quiz-shell.quiz-scene-pelopidas{background-image:linear-gradient(rgba(239,231,216,.9),rgba(239,231,216,.94)),url("scenes/pelopidas-thebes-hd.png")}
.quiz-shell.quiz-scene-pyrrhus{background-image:linear-gradient(rgba(239,231,216,.89),rgba(239,231,216,.94)),url("scenes/pyrrhus-elephants-hd.png")}

.result-reveal-scene{height:300px;margin:0 0 52px;position:relative;display:flex;align-items:flex-end;padding:30px;background:url("scenes/alexander-granicus-hd.png") 69% 34%/cover no-repeat;overflow:hidden}
.result-reveal-scene:before{background:linear-gradient(0deg,rgba(13,20,17,.88),rgba(13,20,17,.05) 70%)}
.result-reveal-scene>div{position:relative;z-index:1;display:grid;gap:3px}
.result-shadow-scene,.result-antony-scene{position:relative;overflow:hidden;padding:42px!important;border:1px solid var(--line)}
.result-shadow-scene:before,.result-antony-scene:before{content:"";position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.18}
.result-shadow-scene:before{background-image:url("scenes/brutus-aftermath.jpg")}
.result-antony-scene:before{background-image:url("scenes/antony-actium.jpg");opacity:.24}
.result-shadow-scene>*,
.result-antony-scene>*{position:relative;z-index:1}
.result-antony-scene{background:#d9c9b2}

.comparison-intro-scene{
  position:relative;overflow:hidden;color:var(--cream)!important;padding:80px clamp(24px,6vw,90px)!important;background:
  linear-gradient(90deg,rgba(13,20,17,.94),rgba(13,20,17,.68) 55%,rgba(13,20,17,.12)),
  url("scenes/coriolanus-mother-hd.png") center/cover no-repeat!important
}
.comparison-intro-scene p{color:rgba(238,230,213,.78)!important}
.comparison-intro-scene .comparison-picker{position:relative;z-index:1}
.comparison-intro-scene select{background:rgba(244,239,228,.92)}

@media(max-width:720px){
  .hero-scene{background-position:62% center}
  .hero-scene .hero-art{min-height:120px}
  .scene-caption{justify-content:flex-end;padding:20px 0;text-align:left;align-items:flex-start}
  .scene-band{min-height:240px}
  .quiz-intro-caesar{padding:30px 22px;min-height:520px}
  .origins-scene,.library-scene{min-height:190px}
  .result-reveal-scene{height:220px}
  .result-shadow-scene,.result-antony-scene{padding:26px!important}
}


/* ===== Scene sharpness / placement refinement ===== */
.hero-scene{background-position:68% center;background-color:#111814}
.scene-bucephalus{background-position:center 36%;background-repeat:no-repeat;background-size:cover}
.scene-romulus{background-position:center 32%;background-repeat:no-repeat;background-size:cover}
.scene-demetrius{background-position:center 40%;background-repeat:no-repeat;background-size:cover}
.quiz-intro-caesar{background-position:center 42%;background-repeat:no-repeat;background-size:cover}
.quiz-shell.quiz-scene-themistocles{background-position:center 28%;background-repeat:no-repeat;background-size:cover}
.quiz-shell.quiz-scene-pelopidas{background-position:center 32%;background-repeat:no-repeat;background-size:cover}
.quiz-shell.quiz-scene-pyrrhus{background-position:center 34%;background-repeat:no-repeat;background-size:cover}
.result-reveal-scene{background-position:center 38%;background-repeat:no-repeat;background-size:cover}
.comparison-intro-scene{background-position:center 34%!important;background-repeat:no-repeat!important;background-size:cover!important}
.scene-caption,.scene-band-copy,.origins-scene>div,.library-scene,.result-reveal-scene>div{ text-shadow:0 2px 18px rgba(0,0,0,.38) }
.hero-scene,.scene-band,.origins-scene,.library-scene,.quiz-intro-caesar,.result-reveal-scene,.comparison-intro-scene{will-change:auto}
@media (min-width:1600px){
  .hero-scene{background-position:72% center}
}
@media (max-width:720px){
  .hero-scene{background-position:62% center}
  .scene-bucephalus{background-position:62% center}
  .scene-romulus{background-position:55% center}
  .scene-demetrius{background-position:64% center}
  .quiz-intro-caesar{background-position:62% center}
  .quiz-shell.quiz-scene-themistocles{background-position:60% center}
  .quiz-shell.quiz-scene-pelopidas{background-position:58% center}
  .quiz-shell.quiz-scene-pyrrhus{background-position:64% center}
  .result-reveal-scene{background-position:62% center}
  .comparison-intro-scene{background-position:58% center!important}
}


/* ===== Editorial redesign ===== */
body.editorial-body{background:#e9dfd0;color:var(--ink)}
.page-wrap{padding:24px}
.landing-shell{overflow:hidden;border-radius:42px;background:#102019;box-shadow:0 18px 60px rgba(0,0,0,.12);margin-bottom:26px}
.redesign-header{position:relative;top:auto;z-index:4;height:auto;padding:18px 28px;border-bottom:none;background:transparent;backdrop-filter:none}
.brand-stack{display:flex;flex-direction:column;gap:0;line-height:1}
.brand-title{font-size:2rem;font-family:"Cormorant Garamond",serif;font-weight:700;color:var(--cream)}
.brand-sub{font-size:.58rem;letter-spacing:.28em;color:rgba(238,230,213,.62);font-weight:600;margin-top:6px}
.redesign-header nav{gap:26px}
.redesign-header nav a{font-size:.74rem;letter-spacing:.02em;color:rgba(238,230,213,.78)}
.nav-cta{border:none;background:#cda35d;color:#161b15;padding:12px 18px;border-radius:8px;font-weight:700}
.redesign-hero{min-height:auto;grid-template-columns:1fr;gap:0;padding:18px 28px 30px;border-radius:0;background-image:linear-gradient(90deg,rgba(8,14,12,.94) 0%,rgba(8,14,12,.86) 30%,rgba(8,14,12,.44) 58%,rgba(8,14,12,.18) 100%),url("scenes/theseus-labyrinth-corrected.png");background-size:cover;background-position:center right;position:relative}
.redesign-hero:after{display:none}
.editorial-copy{padding:34px 0 22px;max-width:600px}
.editorial-copy .eyebrow{color:#cda35d;letter-spacing:.24em;font-size:.67rem;margin-bottom:14px}
.editorial-copy h1{font-size:clamp(3.7rem,7vw,6rem);line-height:.92;letter-spacing:-.035em;margin-bottom:14px}
.editorial-copy h1 span{color:#cda35d}
.hero-lead{font-family:"Cormorant Garamond",serif;font-size:2rem;line-height:1.02;margin:0 0 12px;color:#efe6d7}
.editorial-copy .hero-deck{max-width:500px;font-size:1rem;line-height:1.55;color:rgba(238,230,213,.82)}
.gold-btn{background:#d2a963;color:#162018;border-radius:4px;box-shadow:none}
.gold-btn:hover{filter:brightness(1.02)}
.compact-stats{gap:18px;border-top:1px solid rgba(238,230,213,.12);padding-top:14px;max-width:560px}
.compact-stats strong{font-size:1rem;font-family:Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d9be84}
.compact-stats span{text-transform:uppercase;letter-spacing:.11em;font-size:.63rem;color:rgba(238,230,213,.56)}
.editorial-caption{position:absolute;right:26px;bottom:26px;min-height:0;align-self:auto;text-align:right;z-index:2}
.editorial-overview{display:grid;grid-template-columns:1.1fr .9fr .95fr;gap:22px;align-items:stretch;background:#e6ddcf;color:#251f18;padding:28px;border-top:1px solid rgba(0,0,0,.06)}
.overview-copy{padding:14px 4px 14px 2px}
.overview-copy h2{font-size:clamp(2.2rem,4.8vw,3.3rem);line-height:1.03;margin:0 0 14px}
.overview-copy p{margin:0;line-height:1.6;color:#65594a;max-width:330px}
.overview-features{display:grid;gap:18px;padding:10px 8px}
.overview-features article{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start}
.feature-icon{width:40px;height:40px;border:1px solid rgba(32,26,19,.25);border-radius:50%;display:grid;place-items:center;font-size:1rem;color:#222;background:rgba(255,255,255,.35)}
.overview-features h3{margin:2px 0 6px;font-size:1rem;font-family:Inter,sans-serif}
.overview-features p{margin:0;color:#6c604f;font-size:.9rem;line-height:1.5}
.overview-scene{min-height:250px;border-radius:0;background-image:linear-gradient(90deg,rgba(232,222,208,.18),rgba(232,222,208,.08)),url("scenes/alexander-bucephalus-hd.png");background-size:cover;background-position:center;border-left:1px solid rgba(0,0,0,.08);position:relative;overflow:hidden}
.overview-scene-caption{position:absolute;right:18px;bottom:16px;text-align:right;color:#f4ede1;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.overview-scene-caption span{display:block;color:#e0c18f;font-size:.64rem;letter-spacing:.22em;margin-bottom:4px}
.overview-scene-caption strong{font-family:"Cormorant Garamond",serif;font-size:1.4rem;line-height:1}
.featured-figures-strip{background:#0e2019;color:var(--cream);padding:22px 28px 28px}
.featured-strip-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.featured-strip-header .eyebrow{margin:0;color:#d5b16f}
.featured-all-link{color:#d7c08d;text-decoration:none;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.featured-figures-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.featured-mini-card{background:transparent;border:0;padding:0;text-align:left;color:var(--cream);cursor:pointer}
.featured-mini-card img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover;border:1px solid rgba(255,255,255,.08);background:#d9ccb7}
.featured-name{display:block;margin-top:8px;font-family:"Cormorant Garamond",serif;font-size:1.45rem;line-height:1.05}
.featured-role{display:block;font-size:.74rem;color:rgba(238,230,213,.72);margin-top:3px}
.archive-lives{padding-top:34px;background:#e9dfd0}
.archive-heading{align-items:start}
.archive-heading h2{font-size:clamp(2.4rem,4vw,4rem)}
.archive-heading p{max-width:700px}
.library-controls{margin-top:14px}
.search-lives{border-radius:0;padding:18px 20px;font-size:1rem;background:#f2ebdf}
.library-note{font-size:.98rem;line-height:1.55}
.library-scene{margin:18px 0 28px;min-height:190px;background-image:linear-gradient(90deg,rgba(15,20,17,.22),rgba(15,20,17,.78)),url("scenes/demetrius-siege-hd.png");background-size:cover;background-position:center 40%;display:flex;align-items:flex-end;padding:26px}
.library-scene strong{font-size:1.8rem}
.comparison-teaser{background:#ded1bc;border-radius:24px;margin:0 24px 26px;padding:44px clamp(24px,6vw,72px)}
.method{border-radius:24px;margin:0 24px 26px;background:var(--forest)}
.quiz-shell{border-radius:24px;margin:0 24px 26px;background:#e2d8c8;padding-top:0}
.quiz-intro{border-radius:24px;background-image:linear-gradient(90deg,rgba(14,20,17,.9),rgba(14,20,17,.5)),url("scenes/caesar-rubicon-hd.png");background-size:cover;background-position:center 42%;padding:68px clamp(24px,6vw,90px);color:var(--cream)}
.quiz-intro p:not(.eyebrow){color:rgba(238,230,213,.84)}
footer{padding-left:24px;padding-right:24px}
@media (max-width:1100px){
  .editorial-overview{grid-template-columns:1fr;}
  .overview-copy p{max-width:none}
  .overview-scene{min-height:280px;border-left:none;border-top:1px solid rgba(0,0,0,.08)}
  .featured-figures-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:920px){
  .page-wrap{padding:14px}
  .landing-shell{border-radius:28px}
  .redesign-header{padding:16px 18px}
  .redesign-header nav{display:none}
  .redesign-hero{padding:14px 18px 24px;background-image:linear-gradient(180deg,rgba(8,14,12,.88) 0%,rgba(8,14,12,.62) 44%,rgba(8,14,12,.28) 100%),url("scenes/theseus-labyrinth-corrected.png");background-position:66% center}
  .editorial-copy{padding-top:14px;max-width:none}
  .editorial-copy h1{font-size:3.7rem}
  .hero-lead{font-size:1.7rem}
  .editorial-caption{right:18px;bottom:18px}
  .featured-figures-grid{grid-template-columns:repeat(2,1fr)}
  .comparison-teaser,.method,.quiz-shell{margin-left:14px;margin-right:14px}
}
@media (max-width:560px){
  .brand-title{font-size:1.5rem}
  .brand-sub{font-size:.52rem}
  .nav-cta{padding:10px 12px;font-size:.85rem}
  .editorial-copy h1{font-size:3.1rem}
  .hero-lead{font-size:1.45rem}
  .compact-stats{grid-template-columns:repeat(3,1fr)}
  .editorial-overview{padding:18px}
  .featured-figures-strip{padding:18px}
  .featured-strip-header{flex-direction:column;align-items:flex-start}
  .featured-name{font-size:1.2rem}
  .comparison-teaser,.method,.quiz-shell{margin-left:10px;margin-right:10px}
}


/* ===== Editorial quiz/results pass ===== */
.quiz-shell{position:relative;background:#e6ddcf;padding-top:28px;padding-bottom:44px}
.quiz-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right, rgba(205,163,93,.11), transparent 30%)}
.quiz-panel{max-width:980px;background:linear-gradient(180deg,#f3ecdf 0%,#ece2d1 100%);border:1px solid rgba(49,38,27,.1);box-shadow:0 24px 60px rgba(28,23,18,.08);padding:34px;border-radius:28px;position:relative}
.quiz-panel:before{content:"";position:absolute;top:18px;right:18px;width:180px;height:180px;border:1px solid rgba(35,31,27,.08);border-radius:50%;pointer-events:none}
.quiz-progress{margin-bottom:30px;padding-bottom:18px;border-bottom:1px solid rgba(57,45,32,.08)}
.quiz-progress span b{font-family:"Cormorant Garamond",serif;font-size:1.25rem;color:#1e1a15}
.bar{height:5px;background:#d7cab5;border-radius:999px;overflow:hidden}
.bar i{background:linear-gradient(90deg,#c59b58 0%,#1d2b23 100%)}
.oracle-momentum{margin:0 0 18px;text-align:left;font-size:.76rem;letter-spacing:.05em;color:#7b6b58;min-height:18px}
.scenario-label{font-size:.68rem;letter-spacing:.22em;color:#a27a47}
.quiz-panel h2{font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.04;max-width:760px;margin-bottom:22px}
.answers{gap:14px}
.answer-btn{background:#faf6ef;border:1px solid rgba(63,48,30,.13);border-radius:18px;padding:18px 18px 18px 16px;box-shadow:0 8px 18px rgba(24,20,17,.04)}
.answer-btn:hover{border-color:#b58c51;background:#fffdf9;transform:translateY(-1px)}
.answer-letter{background:#f2e7d4;border-color:rgba(90,65,34,.18)}
.answer-btn.chosen{background:#f5ebda;border-color:#b58c51;box-shadow:0 12px 26px rgba(26,22,17,.06)}
.answer-btn.chosen .answer-letter{background:#1b271f;border-color:#1b271f;color:#f6efdf}
.answer-copy{font-size:.97rem}
.back-btn{margin-top:8px;color:#6e604f;font-weight:600}
.results{max-width:1120px;background:transparent}
.result-kicker{margin-top:8px;margin-bottom:24px;padding:0 2px;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:16px}
.result-kicker span{font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;color:#81653d}
.dual-match{gap:20px;margin-bottom:30px}
.match-panel{min-height:unset;border-radius:28px;padding:30px 30px 28px;background:linear-gradient(180deg,#081712 0%,#11251d 100%);border:1px solid rgba(211,177,123,.16);box-shadow:0 20px 50px rgba(10,14,12,.16)}
.match-panel:before{width:260px;height:260px;right:-98px;top:-96px;border-color:rgba(211,177,123,.16)}
.match-panel h2{font-size:clamp(2.5rem,3.6vw,4rem)}
.match-panel .tag,.match-panel p,.match-panel b{position:relative;z-index:2}
.match-panel .portrait-match{border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:none}
.match-panel button{margin-top:18px;color:#efe7d8}
.parallel-mark{font-size:2.5rem;color:#b48b54}
.synkrisis,.result-section,.secondary,.share-results-card{border-radius:26px}
.synkrisis{margin:36px 0;background:#f1e8db;border:1px solid rgba(54,40,24,.1);padding:34px 34px 30px;box-shadow:0 14px 40px rgba(20,18,14,.05)}
.synkrisis h2{font-size:clamp(2.1rem,3.6vw,3.5rem);max-width:680px}
.synkrisis p:last-child{font-size:1rem;color:#5d5245}
.result-section{margin:30px 0;background:#f6efe4;border:1px solid rgba(54,40,24,.08);padding:34px;box-shadow:0 16px 42px rgba(20,18,14,.04)}
.result-section.result-shadow-scene,.result-section.stress-card{background:#f3eadb}
.two-col{grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}
.character-summary{font-size:1.55rem;line-height:1.35;max-width:640px}
.trait-bars{padding:8px 0}
.trait-row{grid-template-columns:150px 1fr 24px;gap:14px;font-size:.78rem}
.trait-row>div{height:10px;border-radius:999px;background:#d7ccb9}
.trait-row i{background:linear-gradient(90deg,#c59b58 0%,#1d2c23 100%)}
.result-grid{gap:22px;margin-top:28px}
.result-box{border-top:none;padding:22px 20px;background:#fbf7f0;border:1px solid rgba(54,40,24,.08);border-radius:18px}
.result-box h3{font-size:1.45rem}
.result-box p{line-height:1.55}
.secondary{margin-top:30px;padding:34px;background:#ece1d1;border:1px solid rgba(54,40,24,.08)}
.secondary-list{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}
.secondary-item{border-radius:18px;padding:20px;background:#fbf7f0;border:1px solid rgba(54,40,24,.08);box-shadow:0 10px 24px rgba(19,16,14,.04)}
.secondary-item:hover{background:#fffdf9;transform:translateY(-1px)}
.secondary-item strong{font-size:1.55rem}
.stress-card{background:linear-gradient(135deg,#e7dac6 0%,#ddd0ba 100%)}
.share-results-card{margin:30px 0 24px;padding:30px 32px;background:#f2e9dd;border:1px solid rgba(54,40,24,.08);box-shadow:0 14px 40px rgba(20,18,14,.04)}
.share-results-card h2{font-size:clamp(2rem,3vw,2.8rem)}
.share-actions .primary-btn{background:#1b271f;color:#efe7d8}
.share-actions .ghost-dark{border-color:rgba(32,26,21,.24);background:transparent}
.share-note{grid-column:1/-1;color:#6a5d4d;font-size:.84rem;margin:0}
.result-actions{display:flex;gap:12px;align-items:center;justify-content:flex-start;margin:6px 0 10px}
.result-actions .primary-btn{background:#cda35d;color:#152118}
.result-actions .ghost-dark{border-radius:10px}
.quiz-promise{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 16px}
.quiz-promise span{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid rgba(238,230,213,.15);border-radius:999px;background:rgba(255,255,255,.04);font-size:.84rem;color:rgba(238,230,213,.82)}
.quiz-promise b{font-family:"Cormorant Garamond",serif;font-size:1.35rem;color:#d4b372;line-height:1}
.quiz-hook{max-width:720px;font-size:1.02rem;line-height:1.6}
.quiz-whisper{margin-top:8px;font-size:.93rem;color:rgba(238,230,213,.65)!important}
.oracle-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#102019;color:#f0e6d7;padding:12px 18px;border-radius:999px;box-shadow:0 12px 28px rgba(0,0,0,.2);z-index:90;opacity:0;pointer-events:none}
.oracle-toast.show{opacity:1}
@media(max-width:920px){
  .quiz-panel,.result-section,.secondary,.synkrisis,.share-results-card{padding:24px}
  .results .dual-match{grid-template-columns:1fr;}
  .parallel-mark{transform:rotate(90deg);margin:4px auto}
  .two-col{grid-template-columns:1fr;gap:20px}
}
@media(max-width:560px){
  .quiz-panel{padding:18px;border-radius:22px}
  .quiz-panel h2{font-size:2rem}
  .answer-btn{border-radius:16px;padding:14px 14px 14px 12px}
  .match-panel,.synkrisis,.result-section,.secondary,.share-results-card{border-radius:20px;padding:20px}
  .match-panel h2{font-size:2.3rem}
  .character-summary{font-size:1.28rem}
  .secondary-item strong{font-size:1.35rem}
}


/* ===== Social result features ===== */
.social-hook-card,.friend-compare-card{margin:28px 0;padding:30px;border-radius:24px;border:1px solid rgba(54,40,24,.09);background:#f3eadc;box-shadow:0 14px 38px rgba(20,18,14,.04)}
.social-hook-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 14px}.social-hook-grid>div{background:#12231b;color:#f3eadc;border-radius:18px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:end}.social-hook-grid span{grid-column:1/-1;font-size:.65rem;letter-spacing:.16em;color:#d2ae71}.social-hook-grid strong{font-family:"Cormorant Garamond",serif;font-size:2rem;line-height:1}.social-hook-grid b{color:#d9b778}.social-hook-card>p:last-child{color:#756755;margin-bottom:0}
.friend-compare-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.friend-compare-heading h2{margin:0 0 7px;font-size:clamp(2rem,3vw,3rem)}.friend-compare-heading p:last-child{margin:0;color:#706250}.compare-code-box{margin:18px 0;padding:12px 14px;background:#e7dbc8;border:1px dashed rgba(60,44,27,.18);overflow:auto}.compare-code-box code{font-size:.78rem;word-break:break-all;color:#5d4a35}
.friend-compare-controls{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:end}.friend-compare-controls label,.manual-grid label{display:grid;gap:6px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#715e47}.friend-compare-controls input,.manual-grid input,.manual-grid select{width:100%;padding:12px;border:1px solid rgba(54,40,24,.16);background:#fbf7f0;font:inherit;color:#1d1a16}.input-error{border-color:#9f463b!important;background:#fff3f1!important}.manual-compare{margin-top:16px}.manual-compare summary{cursor:pointer;color:#725d42;font-size:.86rem}.manual-grid{display:grid;grid-template-columns:2fr .8fr 2fr .8fr auto;gap:10px;align-items:end;margin-top:14px}
.matchup-card{margin-top:22px;padding:22px;border-radius:20px;background:#102019;color:#eee4d4;display:grid;grid-template-columns:1fr 70px 1fr;gap:16px;align-items:stretch}.matchup-person{border:1px solid rgba(238,228,212,.12);border-radius:16px;padding:18px;display:grid;gap:6px}.matchup-person>span{font-size:.64rem;letter-spacing:.18em;color:#d2ae71}.matchup-person>strong{font-family:"Cormorant Garamond",serif;font-size:1.7rem;line-height:1}.matchup-person>b{color:#d8b674;font-size:.82rem;margin-bottom:9px}.matchup-vs{display:grid;place-items:center;font-family:"Cormorant Garamond",serif;font-size:2rem;color:#d2ae71}.matchup-rivalry{grid-column:1/-1;padding-top:14px;border-top:1px solid rgba(238,228,212,.12);color:rgba(238,228,212,.78)}.matchup-rivalry p{margin:4px 0}.matchup-actions{grid-column:1/-1}.matchup-actions .primary-btn{background:#d2a963}.compare-error{color:#8d3a31;margin:18px 0 0}
@media(max-width:820px){.friend-compare-controls{grid-template-columns:1fr}.manual-grid{grid-template-columns:1fr 1fr}.manual-grid button{grid-column:1/-1}.matchup-card{grid-template-columns:1fr}.matchup-vs{transform:rotate(90deg)}.friend-compare-heading{align-items:flex-start;flex-direction:column}.social-hook-grid{grid-template-columns:1fr}}


/* ===== Overhaul home redesign v3 ===== */
.page-wrap{max-width:1500px;margin:0 auto;padding:18px}
.landing-shell{border-radius:40px;background:#081510;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.13)}
.redesign-header-v2{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:10px 24px;border-bottom:1px solid rgba(230,223,207,.08)}
.redesign-header-v2 nav{justify-self:center}
.redesign-header-v2 .brand-title{font-size:1.45rem;letter-spacing:.02em}
.redesign-header-v2 .brand-sub{font-size:.48rem;letter-spacing:.34em;margin-top:4px}
.redesign-header-v2 nav a{font-size:.72rem;color:rgba(238,230,213,.84)}
.redesign-header-v2 .nav-cta{padding:11px 20px;border-radius:7px;background:#d1a861}
.redesign-hero-v2{display:grid;grid-template-columns:minmax(340px, .95fr) minmax(420px,1.25fr);gap:26px;padding:20px 24px 0;background:none;align-items:stretch}
.editorial-copy-v2{padding:14px 0 16px;max-width:560px;display:flex;flex-direction:column;justify-content:center}
.editorial-copy-v2 h1{font-size:clamp(4.2rem,7.7vw,6.65rem);line-height:.88;letter-spacing:-.04em;margin-bottom:10px}
.editorial-copy-v2 .hero-lead{font-size:2rem;max-width:470px}
.editorial-copy-v2 .hero-deck{max-width:470px;font-size:1rem;line-height:1.55;color:rgba(238,230,213,.8)}
.hero-visual-shell{display:flex;align-items:stretch;min-height:500px}
.hero-visual-card{flex:1;position:relative;border-radius:0 0 0 0;background-image:linear-gradient(180deg,rgba(8,15,12,.14),rgba(8,15,12,.04)),url("scenes/theseus-labyrinth-corrected.png");background-size:cover;background-position:center center;min-height:500px;overflow:hidden}
.hero-visual-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,12,.02),rgba(8,15,12,0) 30%,rgba(8,15,12,.18) 100%)}
.hero-visual-caption{position:absolute;right:20px;bottom:18px;text-align:right;color:#f4ede1;z-index:2;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero-visual-caption span{display:block;color:#e0c18f;font-size:.62rem;letter-spacing:.22em;margin-bottom:4px}
.hero-visual-caption strong{font-family:"Cormorant Garamond",serif;font-size:1.45rem;line-height:1}
.compact-stats-v2{margin-top:20px;max-width:540px}
.compact-stats-v2 strong{font-size:1.75rem;letter-spacing:0;color:#e6c179;font-family:"Cormorant Garamond",serif}
.compact-stats-v2 span{font-size:.69rem;letter-spacing:.16em}
.editorial-overview-v2{grid-template-columns:1fr .95fr 1.2fr;gap:28px;padding:24px 24px 0;background:#e6ddcf}
.overview-copy-v2{padding:20px 4px 12px 2px}
.overview-copy-v2 h2{font-size:clamp(2.1rem,4.4vw,3.3rem);line-height:1.08;max-width:340px}
.overview-copy-v2 p{max-width:360px;font-size:1rem;line-height:1.65;color:#625645}
.overview-features-v2{padding:20px 0 10px 0;gap:14px;align-content:center}
.overview-features-v2 article{grid-template-columns:46px 1fr;gap:12px}
.overview-features-v2 .feature-icon{width:38px;height:38px;background:#efe6d8;border-color:rgba(32,26,19,.22)}
.overview-features-v2 h3{font-size:.96rem}
.overview-features-v2 p{font-size:.88rem;line-height:1.5}
.overview-scene-v2{min-height:235px;border-left:none;border-radius:0;background-image:linear-gradient(90deg,rgba(232,222,208,.02),rgba(232,222,208,.02)),url("scenes/alexander-bucephalus-hd.png");background-size:cover;background-position:center top}
.featured-figures-strip-v2{padding:18px 24px 24px;background:#0b1914}
.featured-figures-grid-v2{grid-template-columns:repeat(6,1fr);gap:12px}
.featured-mini-card img{border:none;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;background:#d9ccb7}
.featured-name{font-size:1.22rem;margin-top:7px}
.featured-role{font-size:.66rem;letter-spacing:.04em}
.featured-all-link{font-size:.72rem;letter-spacing:.16em}
.archive-lives,.comparison-teaser,.method,.quiz-shell{background:#e9dfd0}
@media (max-width:1180px){
  .redesign-hero-v2{grid-template-columns:1fr;gap:10px;padding-bottom:14px}
  .editorial-copy-v2{max-width:none;padding-top:8px}
  .hero-visual-shell{min-height:420px}
  .hero-visual-card{min-height:420px;background-position:center center}
  .editorial-overview-v2{grid-template-columns:1fr;gap:14px;padding-top:18px}
  .overview-scene-v2{min-height:280px}
}
@media (max-width:920px){
  .page-wrap{padding:12px}
  .landing-shell{border-radius:28px}
  .redesign-header-v2{grid-template-columns:1fr auto;padding:14px 16px;gap:10px}
  .redesign-header-v2 nav{display:none}
  .redesign-header-v2 .brand{max-width:190px}
  .redesign-header-v2 .nav-cta{padding:10px 14px;font-size:.84rem}
  .redesign-hero-v2{padding:14px 16px 0}
  .editorial-copy-v2 h1{font-size:3.95rem}
  .editorial-copy-v2 .hero-lead{font-size:1.6rem}
  .hero-visual-shell,.hero-visual-card{min-height:320px}
  .editorial-overview-v2{padding:18px 16px 0}
  .featured-figures-strip-v2{padding:16px}
}
@media (max-width:600px){
  .editorial-copy-v2 h1{font-size:3.15rem}
  .editorial-copy-v2 .hero-lead{font-size:1.34rem}
  .hero-visual-shell,.hero-visual-card{min-height:280px}
  .compact-stats-v2{grid-template-columns:repeat(3,1fr);gap:12px}
  .compact-stats-v2 strong{font-size:1.3rem}
  .featured-figures-grid-v2{grid-template-columns:repeat(2,1fr)}
}


/* ===== Results + comparison redesign pass v2 ===== */
#results{padding-bottom:18px}
#results .result-reveal-scene{border-radius:30px;overflow:hidden;box-shadow:0 18px 52px rgba(16,12,10,.14)}
#results .result-kicker{margin-top:18px}
#results .dual-match{margin-bottom:24px}
#results .social-hook-card{background:linear-gradient(180deg,#f4ebde 0%,#ede1cf 100%)}
#results .friend-compare-card{background:#f7efe4}
#results .social-hook-card h2,
#results .friend-compare-card h2,
#results .share-results-card h2{font-size:clamp(2rem,3vw,3rem);margin:6px 0 10px}
#results .result-section,
#results .secondary,
#results .synkrisis,
#results .social-hook-card,
#results .friend-compare-card,
#results .share-results-card{position:relative;overflow:hidden}
#results .result-section:before,
#results .secondary:before,
#results .synkrisis:before,
#results .social-hook-card:before,
#results .friend-compare-card:before,
#results .share-results-card:before{content:"";position:absolute;top:16px;right:16px;width:160px;height:160px;border:1px solid rgba(53,40,24,.07);border-radius:50%;pointer-events:none}
#results .secondary{background:#f1e6d7}
#results .result-actions{margin-top:20px}
#results .result-actions .primary-btn,#results .result-actions .ghost-dark{padding:14px 18px;border-radius:12px}

.profile-triptych{margin-top:10px}
.profile-link-row{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding-top:18px;margin-top:0;position:relative;z-index:2;clear:both}
.profile-compare-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border:1px solid rgba(39,30,21,.22);background:#f8f1e5;color:var(--ink);text-decoration:none;box-shadow:0 8px 20px rgba(17,14,12,.04)}
.profile-compare-link:hover{background:#fffaf2;transform:translateY(-1px)}
.source-note{display:block;margin-top:18px}
.profile-sheet{border-radius:30px}

.comparison-wrap{max-width:1500px}
.comparison-page-redesign{background:transparent;min-height:unset}
.comparison-topbar{margin-bottom:0;background:#081510;border-radius:40px 40px 0 0}
.comparison-topbar .nav-cta{text-decoration:none;color:#132018}
.comparison-intro-v2{display:grid;grid-template-columns:minmax(360px,1fr) auto;align-items:end;gap:22px;padding:42px 28px!important;border-radius:0 0 0 0;min-height:360px}
.comparison-intro-v2 h1{max-width:760px;font-size:clamp(3.8rem,7vw,6.25rem)}
.comparison-intro-copy{position:relative;z-index:1;max-width:760px}
.comparison-intro-note{position:relative;z-index:1;justify-self:end;align-self:end;text-align:right;color:#f2eadf;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.comparison-intro-note span{display:block;color:#dfbf8a;font-size:.64rem;letter-spacing:.22em;margin-bottom:6px}
.comparison-intro-note strong{font-family:"Cormorant Garamond",serif;font-size:1.55rem;line-height:1.05}
.comparison-page-redesign #comparison-view{padding:28px 0 50px}
.comparison-page-redesign .comparison-hero-grid{gap:18px;align-items:stretch}
.comparison-page-redesign .comparison-person{border-radius:26px;background:#f7efe3;box-shadow:0 16px 44px rgba(19,15,12,.05);padding:28px;overflow:hidden;position:relative}
.comparison-page-redesign .comparison-person:before{content:"";position:absolute;top:18px;right:18px;width:150px;height:150px;border:1px solid rgba(54,40,24,.08);border-radius:50%}
.comparison-page-redesign .comparison-portrait{border-radius:18px;background:#e5d9c5}
.comparison-page-redesign .comparison-vs{font-size:2.4rem;color:#b68d58}
.comparison-page-redesign .comparison-analysis{margin:32px 0 0}
.comparison-page-redesign .comparison-analysis>div{background:#f5ecde;border:1px solid rgba(54,40,24,.08);border-top:none;padding:24px;border-radius:24px;box-shadow:0 12px 30px rgba(19,16,14,.04)}
.comparison-page-redesign .source-comparison{border-radius:28px;box-shadow:0 18px 42px rgba(11,17,14,.12);margin-top:26px}
.comparison-page-redesign .muted-comparison{box-shadow:none;background:#e8ddcb}
.comparison-page-redesign .quartet-header{padding:0 0 8px}
.comparison-page-redesign .quartet-grid article{border-radius:22px;background:#f6eee1}
@media(max-width:920px){
  .comparison-intro-v2{grid-template-columns:1fr;min-height:280px;padding:28px 18px!important}
  .comparison-intro-note{justify-self:start;text-align:left}
  .comparison-topbar{border-radius:28px 28px 0 0}
  .comparison-page-redesign .comparison-analysis>div{padding:20px}
}
@media(max-width:560px){
  .profile-link-row{padding-top:14px}
  .profile-compare-link{width:100%;justify-content:center}
  .comparison-intro-v2 h1{font-size:3.2rem}
}


/* ===== First-picture homepage redesign ===== */
.landing-shell-restored{background:#0e1715;border-radius:0;box-shadow:0 20px 60px rgba(0,0,0,.12);overflow:hidden;margin-bottom:28px}
.restored-header{position:absolute;top:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:20px 28px;background:transparent;border:none}
.restored-header nav{justify-self:center;display:flex;gap:34px;align-items:center}
.restored-header nav a{color:rgba(246,236,220,.94);text-decoration:none;font-size:1rem}
.restored-header nav a.active-nav{border-bottom:2px solid #dcb66f;padding-bottom:6px}
.restored-brand{display:flex;align-items:center;gap:16px;color:#dcb66f;text-decoration:none}
.restored-brand .brand-emblem{font-size:2.1rem;line-height:1;color:#dcb66f}
.restored-brand .brand-lockup{display:flex;flex-direction:column;gap:2px}
.restored-brand .brand-title{text-transform:uppercase;letter-spacing:.12em;font-size:1.2rem;font-weight:600;color:#dcb66f}
.restored-brand .brand-sub{text-transform:uppercase;letter-spacing:.34em;font-size:.62rem;color:#f2e4c6;opacity:.9}
.restored-nav-cta{background:#dcb66f;color:#161510;border-color:#dcb66f;text-decoration:none;padding:14px 22px;border-radius:8px;box-shadow:none}
.restored-nav-cta:hover{background:#e5c47f}
.restored-hero{position:relative;display:flex;align-items:flex-end;min-height:760px;padding:148px 32px 34px;background:
linear-gradient(90deg,rgba(6,10,12,.92) 0%,rgba(6,10,12,.90) 20%,rgba(6,10,12,.65) 38%,rgba(6,10,12,.24) 62%,rgba(6,10,12,.18) 100%),
url("scenes/theseus-labyrinth-corrected.png") center/cover no-repeat;color:#f7f0e3}
.restored-hero-copy{max-width:620px;position:relative;z-index:1}
.restored-hero .eyebrow{color:#dfbf7b;letter-spacing:.32em;margin-bottom:18px}
.restored-hero h1{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(4.5rem,7vw,7.2rem);line-height:.94;letter-spacing:-.03em;margin:0 0 18px;color:#f8f2e6}
.restored-hero .hero-deck{max-width:720px;font-size:1.12rem;line-height:1.5;color:rgba(244,236,223,.93);margin-bottom:24px}
.restored-hero .primary-btn{font-size:1.05rem;padding:18px 28px;border-radius:8px}
.restored-hero-note{margin-top:16px;font-size:.95rem;color:rgba(244,236,223,.88);letter-spacing:.08em}
.restored-hero-aside{position:absolute;right:34px;bottom:44px;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:14px;text-align:right;color:#f3ead7}
.restored-hero-aside p{margin:0;font-size:.88rem;line-height:1.5;letter-spacing:.24em}
.restored-hero-aside .aside-rule{display:block;width:74px;height:1px;background:#dcb66f;opacity:.9}
.restored-hero-caption{position:absolute;right:38px;bottom:134px;text-align:right;z-index:1;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.restored-hero-caption span{display:block;font-size:.82rem;letter-spacing:.28em;color:#d9b56b;margin-bottom:8px}
.restored-hero-caption strong{display:block;font-family:"Cormorant Garamond",serif;font-size:2rem;color:#f8f0df;font-weight:600}
.restored-feature-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 28px;background:linear-gradient(90deg,#0f1d1a,#101817 55%,#0e1715);border-top:1px solid rgba(220,182,111,.18);border-bottom:1px solid rgba(220,182,111,.18)}
.restored-feature-band article{display:flex;gap:16px;align-items:center;padding:24px 20px;border-right:1px solid rgba(220,182,111,.22)}
.restored-feature-band article:last-child{border-right:none}
.restored-feature-icon{font-size:2rem;color:#dfbf7b;min-width:38px;text-align:center}
.restored-feature-band h3{margin:0 0 4px;font-size:1.02rem;text-transform:uppercase;letter-spacing:.18em;color:#f6eddc}
.restored-feature-band p{margin:0;color:rgba(241,233,218,.84);font-size:1rem}
.restored-triad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:28px;background:#ece2d3}
.restored-triad-card{display:flex;flex-direction:column;background:transparent}
.restored-triad-image{height:180px;border-radius:0;background-size:cover;background-position:center;box-shadow:0 10px 26px rgba(16,12,10,.08)}
.triad-image-lives{background-image:url("scenes/alexander-bucephalus-hd.png")}
.triad-image-oracle{background-image:url("scenes/caesar-rubicon-hd.png")}
.triad-image-compare{background-image:url("scenes/coriolanus-mother-hd.png")}
.restored-triad-copy{padding:16px 6px 0}
.restored-triad-copy h3{font-size:1.2rem;text-transform:uppercase;letter-spacing:.18em;margin:0 0 10px;color:#231c15}
.restored-triad-copy p{font-size:1.02rem;line-height:1.45;color:#40362d;margin:0 0 14px}
.restored-triad-copy a,.text-link-like{display:inline-flex;align-items:center;gap:10px;background:none;border:none;padding:0;font:inherit;color:#6a4f2a;text-transform:uppercase;letter-spacing:.18em;font-size:.94rem;font-weight:600;text-decoration:none;cursor:pointer}
.restored-triad-copy a:hover,.text-link-like:hover{color:#8a6532}
.restored-quote{padding:8px 28px 34px;background:#ece2d3;text-align:center;font-family:"Cormorant Garamond",serif;font-size:1.72rem;letter-spacing:.14em;color:#43382d;text-transform:uppercase}
.restored-quote span{display:block;margin-top:10px;font-family:"Inter",sans-serif;font-size:.92rem;letter-spacing:.34em;color:#7a6144}
@media(max-width:1200px){
  .restored-header{grid-template-columns:1fr;justify-items:start;gap:16px;padding:18px 22px}
  .restored-header nav{justify-self:start;flex-wrap:wrap;gap:22px}
  .restored-nav-cta{justify-self:start}
  .restored-hero{min-height:700px;padding-top:190px}
}
@media(max-width:980px){
  .restored-feature-band{grid-template-columns:repeat(2,minmax(0,1fr))}
  .restored-feature-band article:nth-child(2){border-right:none}
  .restored-feature-band article:nth-child(-n+2){border-bottom:1px solid rgba(220,182,111,.22)}
  .restored-triad{grid-template-columns:1fr}
}
@media(max-width:720px){
  .restored-header{position:relative;background:#0d1714}
  .restored-brand .brand-title{font-size:1rem}
  .restored-brand .brand-sub{letter-spacing:.24em;font-size:.55rem}
  .restored-hero{min-height:680px;padding:40px 20px 24px;background-position:64% center}
  .restored-hero h1{font-size:4rem}
  .restored-hero-copy{max-width:100%}
  .restored-hero-aside{display:none}
  .restored-hero-caption{right:20px;bottom:20px}
  .restored-feature-band{padding:0 18px}
  .restored-feature-band article{padding:18px 12px}
  .restored-triad{padding:20px}
  .restored-quote{padding:8px 20px 24px;font-size:1.34rem;letter-spacing:.08em}
}
@media(max-width:560px){
  .restored-header nav{gap:14px}
  .restored-header nav a{font-size:.94rem}
  .restored-nav-cta{padding:12px 16px}
  .restored-hero h1{font-size:3.2rem}
  .restored-feature-band{grid-template-columns:1fr}
  .restored-feature-band article{border-right:none;border-bottom:1px solid rgba(220,182,111,.22)}
  .restored-feature-band article:last-child{border-bottom:none}
  .restored-triad-image{height:156px}
}

/* --- Fix pass: restore visible About the Oracle section and clean hero text stacking --- */
.method{
  background:#ece2d3 !important;
  color:#1f1913 !important;
  border:1px solid rgba(60,47,31,.12);
  border-radius:24px;
  margin:0 24px 28px;
  box-shadow:0 12px 30px rgba(24,18,13,.05);
}
.method .eyebrow{
  color:#c79a55 !important;
}
.method h2,
.method article h3{
  color:#1f1913 !important;
}
.method-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:34px;
  margin-top:42px;
}
.method article{
  border-top:1px solid rgba(60,47,31,.16) !important;
  padding-top:24px;
}
.method article span{
  color:#c79a55 !important;
  font-size:.82rem;
  letter-spacing:.08em;
}
.method article h3{
  font-size:clamp(2rem,2.1vw,2.7rem);
  line-height:1.05;
  margin:14px 0 14px;
}
.method article p{
  color:#5f5347 !important;
  font-size:1rem;
  line-height:1.65;
}

/* keep the restored hero readable on tablet/mobile */
@media(max-width:980px){
  .restored-hero{
    padding-top:150px;
    background-position:center center;
  }
  .restored-hero-copy{
    max-width:540px;
  }
  .restored-hero-aside{
    display:none;
  }
  .restored-hero-caption{
    right:24px;
    bottom:24px;
    max-width:220px;
  }
  .restored-hero-caption strong{
    font-size:1.55rem;
    line-height:1.05;
  }
}

@media(max-width:720px){
  .method{
    margin:0 14px 24px;
    padding:44px 20px;
  }
  .method-grid{
    grid-template-columns:1fr;
    gap:26px;
  }
  .restored-hero{
    min-height:640px;
    padding:40px 20px 110px;
    background-position:64% center;
  }
  .restored-hero h1{
    font-size:3.55rem;
  }
  .restored-hero .hero-deck{
    font-size:1rem;
    max-width:100%;
  }
  .restored-hero-caption{
    left:20px;
    right:auto;
    bottom:18px;
    text-align:left;
    max-width:60%;
  }
  .restored-hero-caption strong{
    font-size:1.35rem;
  }
}

@media(max-width:560px){
  .restored-hero{
    min-height:600px;
    padding-bottom:96px;
  }
  .restored-hero h1{
    font-size:3rem;
  }
  .restored-hero-caption{
    max-width:70%;
  }
  .method{
    margin:0 10px 22px;
    padding:38px 18px;
  }
  .method h2{
    font-size:2.55rem;
  }
}

/* === Polish pass 2: spacing, hierarchy, section consistency, and mobile refinement === */
html{scroll-behavior:smooth}
body.editorial-body{
  background:linear-gradient(180deg,#ddd3c5 0%,#d8cebf 100%);
  color:#1c1813;
}
.page-wrap{
  max-width:1540px;
  margin:0 auto;
}

/* give the major surface sections a more consistent editorial frame */
.landing-shell-restored,
.archive-lives,
.comparison-teaser,
.method,
.quiz-shell,
.comparison-page{
  box-shadow:0 18px 48px rgba(24,18,13,.06);
}

/* header polish */
.restored-header,
.comparison-topbar{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  background:linear-gradient(180deg, rgba(7,14,14,.9), rgba(7,14,14,.72));
  border:1px solid rgba(222,195,136,.12);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.restored-brand .brand-title,
.comparison-topbar .brand-title{
  letter-spacing:.08em;
}
.restored-header nav,
.comparison-topbar nav{
  gap:28px;
}
.restored-header nav a,
.comparison-topbar nav a{
  position:relative;
  padding-bottom:8px;
}
.restored-header nav a::after,
.comparison-topbar nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:rgba(220,182,111,.85);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .22s ease;
}
.restored-header nav a:hover::after,
.restored-header nav a.active-nav::after,
.comparison-topbar nav a:hover::after,
.comparison-topbar nav a.active-nav::after{
  transform:scaleX(1);
}
.restored-nav-cta,
.comparison-topbar .nav-cta{
  box-shadow:0 10px 18px rgba(9,16,14,.22);
}

/* hero balance */
.restored-hero{
  min-height:790px;
  padding:150px 42px 42px;
  overflow:hidden;
}
.restored-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(5,11,11,.78) 0%, rgba(5,11,11,.58) 32%, rgba(5,11,11,.08) 62%, rgba(5,11,11,.18) 100%);
  pointer-events:none;
}
.restored-hero-copy,
.restored-hero-aside,
.restored-hero-caption{
  position:relative;
  z-index:2;
}
.restored-hero-copy{
  max-width:650px;
}
.restored-hero h1{
  text-wrap:balance;
  margin-bottom:20px;
}
.restored-hero .hero-deck{
  max-width:560px;
  font-size:1.14rem;
  line-height:1.58;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
.restored-hero-note{
  margin-top:18px;
  max-width:420px;
}
.restored-hero-aside{
  bottom:52px;
  right:42px;
  max-width:170px;
}
.restored-hero-caption{
  right:42px;
  bottom:150px;
}

/* features strip */
.restored-feature-band{
  position:relative;
  z-index:3;
  margin-top:-1px;
}
.restored-feature-band article{
  min-height:108px;
  transition:background .22s ease;
}
.restored-feature-band article:hover{
  background:rgba(255,255,255,.025);
}
.restored-feature-icon{
  flex:0 0 40px;
  width:40px;
  text-align:center;
}
.restored-feature-band h3{
  line-height:1.25;
}
.restored-feature-band p{
  line-height:1.35;
}

/* triad cards */
.restored-triad{
  gap:32px;
  padding:36px 28px 34px;
}
.restored-triad-card{
  padding-bottom:6px;
}
.restored-triad-image{
  height:210px;
  border:1px solid rgba(26,20,15,.08);
}
.restored-triad-copy{
  padding:18px 8px 0;
}
.restored-triad-copy h3{
  font-size:1.18rem;
  line-height:1.2;
}
.restored-triad-copy p{
  min-height:2.9em;
}
.restored-triad-copy a,.text-link-like{
  margin-top:auto;
}
.restored-quote{
  padding:12px 32px 34px;
}

/* section rhythm */
.archive-lives{
  padding-top:44px;
  padding-bottom:86px;
}
.archive-heading p,
.comparison-teaser p,
.method article p,
.quiz-intro > p,
.library-note{
  line-height:1.7;
}
.library-controls{
  align-items:end;
  gap:18px;
}
.search-lives{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(60,47,31,.14);
  box-shadow:0 10px 20px rgba(24,18,13,.03) inset;
}
.figure-card{
  border-color:rgba(49,37,23,.12);
  box-shadow:0 10px 26px rgba(24,18,13,.04);
}
.figure-card:hover{
  box-shadow:0 22px 50px rgba(25,23,20,.11);
}
.library-scene{
  box-shadow:0 14px 30px rgba(16,13,9,.08);
}
.comparison-teaser{
  padding-top:52px;
  padding-bottom:52px;
}
.comparison-teaser h2{
  max-width:780px;
}
.comparison-cta{
  align-self:center;
}

/* method / about section */
.method{
  padding-top:64px;
  padding-bottom:64px;
}
.method h2{
  max-width:760px;
  margin-bottom:6px;
}
.method-grid{
  gap:28px;
  margin-top:34px;
}
.method article{
  padding-right:10px;
}
.method article h3{
  max-width:10ch;
}

/* quiz shell */
.quiz-shell{
  padding-bottom:58px;
}
.quiz-intro{
  max-width:840px;
}
.quiz-hook{
  max-width:760px;
}
.quiz-promise{
  margin:26px 0 18px;
}
.quiz-panel{
  padding-top:10px;
}
.answer-btn{
  border-radius:12px;
}
.answer-btn:hover{
  transform:translateX(6px);
}

/* footer */
footer{
  margin-top:6px;
  border-radius:18px 18px 0 0;
}

/* compare page polish */
.comparison-page{
  border-radius:24px;
  overflow:hidden;
}
.comparison-intro-v2{
  box-shadow:inset 0 -1px 0 rgba(220,182,111,.18);
}

/* tablet */
@media(max-width:1100px){
  .restored-header nav,
  .comparison-topbar nav{gap:18px}
  .restored-hero{min-height:740px;padding-left:30px;padding-right:30px}
  .restored-triad{gap:24px}
  .method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* mobile */
@media(max-width:720px){
  .page-wrap{padding:10px}
  .restored-header,
  .comparison-topbar{
    padding:14px 16px;
    gap:12px;
    border-radius:16px;
  }
  .restored-header nav,
  .comparison-topbar nav{
    display:flex;
    flex-wrap:wrap;
    row-gap:8px;
    column-gap:14px;
    justify-content:flex-start;
  }
  .restored-nav-cta,
  .comparison-topbar .nav-cta{
    width:100%;
    justify-content:center;
  }
  .restored-hero{
    min-height:640px;
    padding:34px 18px 96px;
    background-position:60% center;
  }
  .restored-hero::after{
    background:linear-gradient(180deg, rgba(5,11,11,.68) 0%, rgba(5,11,11,.58) 38%, rgba(5,11,11,.22) 100%);
  }
  .restored-hero h1{
    font-size:3.5rem;
    line-height:.95;
  }
  .restored-hero .hero-deck{
    font-size:1rem;
    max-width:100%;
  }
  .restored-hero-note{
    font-size:.88rem;
  }
  .restored-hero-caption{
    left:18px;
    right:auto;
    bottom:18px;
    max-width:70%;
    text-align:left;
  }
  .restored-feature-band{
    padding:0 14px;
  }
  .restored-feature-band article{
    min-height:auto;
    padding:16px 10px;
  }
  .restored-triad{
    padding:24px 18px 20px;
  }
  .restored-triad-image{
    height:180px;
  }
  .archive-lives,
  .comparison-teaser,
  .method,
  .quiz-shell{
    margin-left:10px;
    margin-right:10px;
  }
  .split-heading,
  .comparison-teaser{
    grid-template-columns:1fr;
    gap:22px;
  }
  .filters{
    flex-wrap:wrap;
  }
  .method{
    padding:44px 18px;
  }
  .method h2{
    font-size:2.8rem;
  }
  .method-grid{
    grid-template-columns:1fr;
    gap:22px;
  }
  .method article h3{
    max-width:none;
    font-size:2rem;
  }
  footer{
    padding:24px 18px 28px;
  }
}

@media(max-width:520px){
  .restored-brand .brand-title,
  .comparison-topbar .brand-title{
    font-size:1.05rem;
  }
  .restored-brand .brand-sub,
  .comparison-topbar .brand-sub{
    font-size:.55rem;
    letter-spacing:.24em;
  }
  .restored-hero h1{
    font-size:3.05rem;
  }
  .restored-hero-caption strong{
    font-size:1.3rem;
  }
  .restored-feature-band h3{
    font-size:.92rem;
  }
  .restored-feature-band p{
    font-size:.9rem;
  }
  .restored-triad-copy h3{
    font-size:1.02rem;
  }
  .restored-triad-copy p,
  .method article p,
  .archive-heading p,
  .comparison-teaser p,
  .quiz-hook{
    font-size:.96rem;
  }
}

/* ===== UX refresh pass ===== */
body.ux-refresh{
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.28), transparent 34%),
    linear-gradient(180deg,#ddd4c8 0%,#d6cbbc 100%);
  color:#1b1712;
}
body.ux-refresh .page-wrap{
  max-width:1520px;
  margin:0 auto;
  padding:18px;
}
body.ux-refresh .ux-landing-shell{
  border-radius:30px;
  overflow:hidden;
  background:#0d1514;
  box-shadow:0 32px 70px rgba(18,14,9,.15);
}
body.ux-refresh .ux-header{
  padding:18px 26px;
  border-radius:0;
  background:linear-gradient(180deg, rgba(4,11,11,.88), rgba(4,11,11,.56));
  border-bottom:1px solid rgba(222,195,136,.08);
}
body.ux-refresh .ux-header nav a{
  font-size:.98rem;
  letter-spacing:.01em;
}
body.ux-refresh .ux-hero{
  min-height:760px;
  display:flex;
  align-items:center;
  padding:138px 40px 44px;
  background:
    linear-gradient(90deg, rgba(4,10,10,.94) 0%, rgba(4,10,10,.90) 18%, rgba(4,10,10,.56) 42%, rgba(4,10,10,.14) 68%, rgba(4,10,10,.28) 100%),
    url("scenes/theseus-labyrinth-corrected.png") center center / cover no-repeat;
}
body.ux-refresh .ux-hero::after{display:none;}
body.ux-refresh .ux-hero-copy{
  max-width:610px;
}
body.ux-refresh .ux-hero-lead{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.7rem,2.4vw,2.25rem);
  line-height:1.08;
  color:#f4ecdd;
  margin:0 0 14px;
}
body.ux-refresh .ux-hero .hero-deck{
  max-width:560px;
  color:rgba(246,237,222,.88);
}
body.ux-refresh .ux-hero-actions{
  margin-top:28px;
}
body.ux-refresh .ux-secondary-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#f3ead7;
  text-decoration:none;
  font-size:.98rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(243,234,215,.5);
  padding-bottom:6px;
}
body.ux-refresh .ux-secondary-link:hover{color:#dfbf7b;border-color:#dfbf7b;}
body.ux-refresh .ux-hero-pills{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:24px 0 8px;
}
body.ux-refresh .ux-hero-pills span{
  border:1px solid rgba(225,196,137,.22);
  background:rgba(255,255,255,.05);
  color:#f5eddf;
  padding:10px 14px;
  border-radius:999px;
  font-size:.88rem;
  letter-spacing:.04em;
}
body.ux-refresh .restored-hero-note{
  margin-top:18px;
  color:rgba(244,236,223,.76);
}
body.ux-refresh .ux-feature-band{
  padding:0 26px;
  background:linear-gradient(90deg,#0c1716,#0f1d1b 50%,#0c1716);
}
body.ux-refresh .ux-feature-band article{
  padding:22px 18px;
  min-height:100px;
}
body.ux-refresh .ux-feature-band h3{
  font-size:.98rem;
  letter-spacing:.14em;
}
body.ux-refresh .ux-feature-band p{
  font-size:.95rem;
  color:rgba(243,234,215,.76);
}
body.ux-refresh .ux-method{
  margin:0;
  border:none;
  border-radius:0;
  background:linear-gradient(180deg,#efe6d8 0%,#eadfcf 100%) !important;
  box-shadow:none;
  padding:54px 28px 50px;
}
body.ux-refresh .ux-section-topper{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:32px;
  align-items:end;
}
body.ux-refresh .ux-section-topper .eyebrow{margin-bottom:14px;}
body.ux-refresh .ux-section-topper h2{
  margin:0;
  max-width:10ch;
  font-size:clamp(2.9rem,4.8vw,5rem);
  line-height:.95;
}
body.ux-refresh .ux-section-intro{
  margin:0;
  color:#594d42;
  font-size:1.04rem;
  line-height:1.75;
  max-width:62ch;
}
body.ux-refresh .ux-method-grid{
  margin-top:32px;
  gap:22px;
}
body.ux-refresh .ux-method-grid article{
  background:rgba(255,255,255,.3);
  border:1px solid rgba(72,55,34,.10);
  padding:22px 20px 24px;
  border-radius:18px;
  border-top:none !important;
}
body.ux-refresh .ux-method-grid article h3{
  max-width:none;
  font-size:1.75rem;
  margin:12px 0 10px;
}
body.ux-refresh .ux-method-grid article p{
  font-size:.98rem;
  line-height:1.65;
}
body.ux-refresh .ux-path-grid{
  padding:28px;
  gap:22px;
  background:#efe6d8;
}
body.ux-refresh .ux-path-card{
  background:rgba(255,255,255,.26);
  border:1px solid rgba(73,58,39,.10);
  padding:0;
}
body.ux-refresh .ux-path-card .restored-triad-image{
  height:205px;
  box-shadow:none;
  border:none;
}
body.ux-refresh .ux-path-card .restored-triad-copy{
  padding:18px 18px 20px;
}
body.ux-refresh .ux-path-card .restored-triad-copy p{
  min-height:4.4em;
}
body.ux-refresh .ux-featured{
  background:linear-gradient(180deg,#0b1715 0%,#10211c 100%);
  padding:26px 28px 30px;
}
body.ux-refresh .featured-strip-header{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:end;
  margin-bottom:18px;
}
body.ux-refresh .ux-featured-title{
  margin:8px 0 0;
  color:#f5ede0;
  font-size:clamp(2rem,3.5vw,3rem);
  line-height:1;
}
body.ux-refresh .featured-all-link{
  color:#dfbf7b;
  text-decoration:none;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-size:.9rem;
}
body.ux-refresh .featured-mini-card img{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
}
body.ux-refresh .featured-name{
  display:block;
  margin-top:10px;
  font-family:"Cormorant Garamond",serif;
  font-size:1.38rem;
}
body.ux-refresh .featured-role{
  display:block;
  color:rgba(245,237,224,.7);
  font-size:.84rem;
}
body.ux-refresh .ux-quote{
  background:#efe6d8;
  padding:20px 28px 34px;
}
body.ux-refresh .ux-lives,
body.ux-refresh .ux-comparison-teaser,
body.ux-refresh .ux-quiz-shell{
  margin-top:18px;
  border-radius:28px;
  overflow:hidden;
}
body.ux-refresh .ux-lives{
  background:#efe6d8;
  padding:52px 28px 82px;
}
body.ux-refresh .ux-lives .archive-heading h2,
body.ux-refresh .ux-comparison-teaser h2,
body.ux-refresh .ux-quiz-shell h2{
  color:#1d1712;
}
body.ux-refresh .library-scene{
  border-radius:18px;
  min-height:220px;
  display:flex;
  align-items:flex-end;
  padding:24px;
}
body.ux-refresh .library-scene span{display:none;}
body.ux-refresh .library-scene strong{
  max-width:28ch;
  font-size:clamp(1.8rem,3vw,2.5rem);
  color:#f4ecdf;
  line-height:1.06;
}
body.ux-refresh .ux-comparison-teaser{
  background:linear-gradient(135deg,#0e1715 0%,#13201d 100%);
  color:#f5ede0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:26px;
  align-items:center;
  padding:48px 28px;
}
body.ux-refresh .ux-comparison-teaser p{color:rgba(245,237,224,.82);}
body.ux-refresh .ux-quiz-shell{
  background:#efe6d8;
  padding:28px;
}
body.ux-refresh .ux-quiz-intro{
  max-width:none;
  border-radius:24px;
  background:
    linear-gradient(90deg, rgba(10,16,15,.92) 0%, rgba(10,16,15,.74) 36%, rgba(10,16,15,.26) 70%, rgba(10,16,15,.38) 100%),
    url("scenes/themistocles-salamis-hd.png") center/cover no-repeat;
}
body.ux-refresh .quiz-panel{
  max-width:980px;
}
body.ux-refresh footer{
  max-width:1520px;
  margin:18px auto 0;
  border-radius:24px 24px 0 0;
  background:#0f1716;
}

@media(max-width:1100px){
  body.ux-refresh .ux-section-topper,
  body.ux-refresh .ux-comparison-teaser{
    grid-template-columns:1fr;
  }
  body.ux-refresh .ux-section-topper h2{max-width:none;}
}

@media(max-width:900px){
  body.ux-refresh .ux-hero{
    min-height:680px;
    padding:124px 24px 32px;
    background-position:64% center;
  }
  body.ux-refresh .ux-feature-band{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.ux-refresh .ux-feature-band article:nth-child(2n){border-right:none;}
  body.ux-refresh .ux-featured .featured-strip-header{flex-direction:column;align-items:flex-start;}
}

@media(max-width:720px){
  body.ux-refresh .page-wrap{padding:10px;}
  body.ux-refresh .ux-header{
    position:relative;
    padding:16px 16px 18px;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  body.ux-refresh .ux-header nav{
    justify-self:start;
    flex-wrap:wrap;
    gap:14px;
  }
  body.ux-refresh .ux-header .restored-nav-cta{
    justify-self:stretch;
    width:100%;
  }
  body.ux-refresh .ux-hero{
    min-height:620px;
    padding:34px 18px 32px;
    background:
      linear-gradient(180deg, rgba(4,10,10,.86) 0%, rgba(4,10,10,.68) 36%, rgba(4,10,10,.34) 100%),
      url("scenes/theseus-labyrinth-corrected.png") 62% center / cover no-repeat;
  }
  body.ux-refresh .ux-hero h1{font-size:3.25rem;}
  body.ux-refresh .ux-hero-lead{font-size:1.45rem;}
  body.ux-refresh .ux-hero-pills span{font-size:.8rem;padding:8px 12px;}
  body.ux-refresh .ux-feature-band,
  body.ux-refresh .ux-method,
  body.ux-refresh .ux-path-grid,
  body.ux-refresh .ux-featured,
  body.ux-refresh .ux-lives,
  body.ux-refresh .ux-comparison-teaser,
  body.ux-refresh .ux-quiz-shell,
  body.ux-refresh .ux-quote{
    padding-left:18px;
    padding-right:18px;
  }
  body.ux-refresh .ux-method{padding-top:42px;padding-bottom:40px;}
  body.ux-refresh .ux-method-grid,
  body.ux-refresh .restored-triad,
  body.ux-refresh .figure-grid{grid-template-columns:1fr;}
  body.ux-refresh .ux-feature-band{grid-template-columns:1fr;}
  body.ux-refresh .ux-feature-band article{
    border-right:none;
    border-bottom:1px solid rgba(220,182,111,.16);
  }
  body.ux-refresh .ux-feature-band article:last-child{border-bottom:none;}
  body.ux-refresh .featured-figures-grid{grid-template-columns:repeat(2,1fr);}
  body.ux-refresh .ux-quiz-shell{padding:18px;}
}

@media(max-width:520px){
  body.ux-refresh .ux-hero h1{font-size:2.85rem;}
  body.ux-refresh .ux-section-topper h2{font-size:2.55rem;}
  body.ux-refresh .ux-featured-title{font-size:1.9rem;}
  body.ux-refresh .featured-mini-card img{border-radius:12px;}
  body.ux-refresh .featured-name{font-size:1.18rem;}
}



/* =========================================================
   Contrast / background / UX pass (Netlify build refresh)
   ========================================================= */
body.editorial-body.ux-refresh{
  background:linear-gradient(180deg,#f5eddf 0%,#efe5d5 52%,#f4ecdf 100%);
  color:#1d1712;
}
body.editorial-body.ux-refresh::before{
  background:
    radial-gradient(circle at 12% 8%,rgba(218,181,116,.12),transparent 24%),
    radial-gradient(circle at 88% 18%,rgba(25,38,33,.06),transparent 26%),
    radial-gradient(circle at 50% 80%,rgba(218,181,116,.06),transparent 30%);
}
body.editorial-body.ux-refresh .grain{opacity:.036;mix-blend-mode:multiply;}
body.ux-refresh .page-wrap{max-width:1560px;padding-bottom:20px;}
body.ux-refresh .landing-shell-restored,
body.ux-refresh .ux-lives,
body.ux-refresh .ux-comparison-teaser,
body.ux-refresh .ux-quiz-shell,
body.ux-refresh .ux-method,
body.ux-refresh footer,
body.ux-refresh .comparison-page{
  box-shadow:0 20px 54px rgba(26,19,12,.07);
}

/* Light surfaces: brighter parchment and stronger type contrast */
body.ux-refresh .ux-method,
body.ux-refresh .ux-path-grid,
body.ux-refresh .ux-lives,
body.ux-refresh .ux-quote,
body.ux-refresh .ux-quiz-shell{
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0)),
    linear-gradient(180deg,#f5eddf 0%,#efe4d3 100%) !important;
}
body.ux-refresh .ux-method,
body.ux-refresh .ux-path-grid,
body.ux-refresh .ux-lives,
body.ux-refresh .ux-quote,
body.ux-refresh .ux-quiz-shell{
  border:1px solid rgba(82,61,35,.08);
}
body.ux-refresh .ux-section-intro,
body.ux-refresh .restored-triad-copy p,
body.ux-refresh .library-note,
body.ux-refresh .archive-heading p,
body.ux-refresh .ux-method-grid article p,
body.ux-refresh .ux-quote,
body.ux-refresh .figure-card p,
body.ux-refresh .quiz-hook,
body.ux-refresh .quiz-whisper,
body.ux-refresh .comparison-page p{color:#5a4d40;}
body.ux-refresh .archive-heading h2,
body.ux-refresh .ux-section-topper h2,
body.ux-refresh .restored-triad-copy h3,
body.ux-refresh .featured-strip-header h2,
body.ux-refresh .comparison-page h1,
body.ux-refresh .comparison-page h2,
body.ux-refresh .quiz-panel h2,
body.ux-refresh .quiz-intro h2{color:#1d1712;}
body.ux-refresh .ux-method-grid article,
body.ux-refresh .ux-path-card,
body.ux-refresh .figure-card{
  background:rgba(255,255,255,.42);
  border-color:rgba(73,58,39,.12);
}
body.ux-refresh .ux-method-grid article{box-shadow:0 12px 28px rgba(36,27,18,.05);}
body.ux-refresh .ux-path-card .restored-triad-copy p{min-height:auto;}
body.ux-refresh .library-scene{
  background-position:center center;
  box-shadow:inset 0 -80px 120px rgba(8,13,12,.26);
}
body.ux-refresh .library-scene strong{text-shadow:0 2px 16px rgba(0,0,0,.28);}

/* Dark hero sections */
body.ux-refresh .ux-hero{
  background:
    linear-gradient(90deg, rgba(6,12,12,.90) 0%, rgba(6,12,12,.82) 28%, rgba(6,12,12,.26) 62%, rgba(6,12,12,.46) 100%),
    radial-gradient(circle at 68% 52%, rgba(212,167,92,.14), transparent 16%),
    url("scenes/theseus-labyrinth-corrected.png") 58% center / cover no-repeat;
}
body.ux-refresh .ux-hero .hero-deck,
body.ux-refresh .ux-hero-lead,
body.ux-refresh .restored-hero-note,
body.ux-refresh .ux-secondary-link,
body.ux-refresh .ux-hero-pills span{ text-shadow:0 1px 8px rgba(0,0,0,.22); }

/* Featured figures keeps the premium dark contrast */
body.ux-refresh .ux-featured{
  background:
    linear-gradient(180deg,#0a1513 0%,#11221d 100%);
  border:1px solid rgba(225,196,137,.08);
}

/* Synkrisis section: explicit light typography on dark ground */
body.ux-refresh .ux-comparison-teaser{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(5,11,11,.96) 0%, rgba(5,11,11,.92) 28%, rgba(5,11,11,.80) 48%, rgba(5,11,11,.58) 66%, rgba(5,11,11,.72) 100%),
    radial-gradient(circle at 77% 52%, rgba(225,196,137,.12), transparent 22%),
    url("scenes/coriolanus-mother-hd.png") 88% center/cover no-repeat,
    linear-gradient(135deg,#091311 0%,#12211d 55%,#0b1614 100%) !important;
  color:#f4ecdf;
  padding:52px 34px;
  grid-template-columns:minmax(0,1.12fr) auto;
  gap:30px;
}
body.ux-refresh .ux-comparison-teaser::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 24%),
    linear-gradient(0deg, rgba(255,255,255,.02), transparent 30%),
    radial-gradient(circle at 80% 52%, rgba(0,0,0,.22), transparent 28%);
  mix-blend-mode:screen;
}
body.ux-refresh .ux-comparison-teaser > *{position:relative;z-index:1;}
body.ux-refresh .ux-comparison-teaser .eyebrow{color:#dfbf7b;}
body.ux-refresh .ux-comparison-teaser h2{
  color:#f5ede0 !important;
  max-width:13ch;
  font-size:clamp(2.8rem,4.8vw,5rem);
  line-height:.95;
  margin-bottom:14px;
}
body.ux-refresh .ux-comparison-teaser p{
  color:rgba(245,237,224,.86) !important;
  max-width:64ch;
  line-height:1.7;
}
body.ux-refresh .ux-comparison-teaser > div{max-width:760px;}
body.ux-refresh .ux-comparison-teaser .comparison-cta{
  min-width:280px;
  text-align:center;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

/* Oracle intro: left reading panel on top of dramatic art */
body.ux-refresh .ux-quiz-shell{padding:30px;}
body.ux-refresh .ux-quiz-intro{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:590px;
  padding:56px 54px;
  border-radius:26px;
  overflow:hidden;
  background:
    radial-gradient(circle at 74% 42%, rgba(229,196,132,.14), transparent 16%),
    url("scenes/themistocles-salamis-hd.png") 65% center / cover no-repeat;
}
body.ux-refresh .ux-quiz-intro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(8,14,13,.94) 0%, rgba(8,14,13,.90) 34%, rgba(8,14,13,.72) 48%, rgba(8,14,13,.26) 70%, rgba(8,14,13,.18) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.22));
  z-index:0;
}
body.ux-refresh .ux-quiz-intro > *{position:relative;z-index:1;}
body.ux-refresh .ux-quiz-intro .eyebrow{color:#dfbf7b;}
body.ux-refresh .ux-quiz-intro h2{
  color:#f5ede0 !important;
  max-width:11ch;
  font-size:clamp(3rem,4.8vw,5.2rem);
  line-height:.94;
  margin:0 0 18px;
  text-shadow:0 2px 16px rgba(0,0,0,.20);
}
body.ux-refresh .ux-quiz-intro .quiz-hook,
body.ux-refresh .ux-quiz-intro .quiz-whisper{
  max-width:42rem;
  color:rgba(244,236,223,.86) !important;
}
body.ux-refresh .ux-quiz-intro .quiz-promise span{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(223,191,123,.28);
  color:#f5ede0;
}
body.ux-refresh .ux-quiz-intro .quiz-promise b{color:#dfbf7b;}
body.ux-refresh .ux-quiz-intro .oracle-start{margin-top:8px;}

/* Comparison page parity */
body.ux-refresh .comparison-topbar{background:linear-gradient(180deg, rgba(8,14,13,.92), rgba(8,14,13,.78));}
body.ux-refresh .comparison-page{
  background:linear-gradient(180deg,#f5eddf 0%,#efe4d3 100%);
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(82,61,35,.08);
}
body.ux-refresh .comparison-intro-v2{
  min-height:420px;
  background:
    linear-gradient(90deg, rgba(8,14,13,.92) 0%, rgba(8,14,13,.80) 38%, rgba(8,14,13,.28) 68%, rgba(8,14,13,.44) 100%),
    url("scenes/coriolanus-mother-hd.png") center/cover no-repeat;
}
body.ux-refresh .comparison-intro-v2 h1,
body.ux-refresh .comparison-intro-v2 p,
body.ux-refresh .comparison-intro-v2 strong{color:#f5ede0;}
body.ux-refresh .comparison-intro-v2 .eyebrow,
body.ux-refresh .comparison-intro-v2 span{color:#dfbf7b;}

/* Better button and CTA consistency */
body.ux-refresh .gold-btn,
body.ux-refresh .comparison-cta,
body.ux-refresh .oracle-start,
body.ux-refresh .restored-nav-cta{
  background:#d9b56b;
  color:#14110d;
  box-shadow:0 14px 30px rgba(12,15,13,.18);
}
body.ux-refresh .gold-btn:hover,
body.ux-refresh .comparison-cta:hover,
body.ux-refresh .oracle-start:hover,
body.ux-refresh .restored-nav-cta:hover{filter:brightness(1.04);}

/* Responsive cleanup */
@media(max-width:1100px){
  body.ux-refresh .ux-comparison-teaser{grid-template-columns:1fr;}
  body.ux-refresh .ux-comparison-teaser .comparison-cta{justify-self:start;}
}
@media(max-width:900px){
  body.ux-refresh .ux-quiz-intro{
    min-height:540px;
    padding:40px 30px;
    background-position:70% center;
  }
  body.ux-refresh .ux-quiz-intro::before{
    background:
      linear-gradient(90deg, rgba(8,14,13,.95) 0%, rgba(8,14,13,.88) 46%, rgba(8,14,13,.42) 74%, rgba(8,14,13,.26) 100%),
      linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.24));
  }
}
@media(max-width:720px){
  body.ux-refresh .ux-comparison-teaser,
  body.ux-refresh .ux-quiz-shell,
  body.ux-refresh .ux-lives,
  body.ux-refresh .ux-method,
  body.ux-refresh .ux-path-grid,
  body.ux-refresh .ux-featured,
  body.ux-refresh .ux-quote{padding-left:20px;padding-right:20px;}
  body.ux-refresh .ux-comparison-teaser{padding-top:40px;padding-bottom:40px;}
  body.ux-refresh .ux-comparison-teaser h2{max-width:none;}
  body.ux-refresh .ux-quiz-shell{padding:20px;}
  body.ux-refresh .ux-quiz-intro{
    min-height:500px;
    padding:34px 24px;
    background-position:74% center;
  }
  body.ux-refresh .ux-quiz-intro::before{
    background:
      linear-gradient(180deg, rgba(8,14,13,.92) 0%, rgba(8,14,13,.84) 38%, rgba(8,14,13,.62) 68%, rgba(8,14,13,.48) 100%),
      linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.20));
  }
  body.ux-refresh .ux-quiz-intro h2{max-width:none;font-size:clamp(2.55rem,9vw,3.8rem);}
}
@media(max-width:520px){
  body.ux-refresh .ux-method-grid article,
  body.ux-refresh .ux-path-card,
  body.ux-refresh .figure-card{border-radius:16px;}
  body.ux-refresh .ux-quiz-intro{padding:30px 18px 28px;}
  body.ux-refresh .ux-quiz-intro .quiz-hook{font-size:.97rem;line-height:1.58;}
}


/* =========================================================
   UX optimization v2
   - simpler About section
   - larger result/profile portraits
   - hidden personal code, copy-first comparison flow
   - clearer spacing and mobile hierarchy
   ========================================================= */

/* About section: headline first, no redundant explanatory paragraph */
body.ux-refresh .ux-section-topper{
  display:block;
  max-width:920px;
}
body.ux-refresh .ux-section-topper h2{
  max-width:12ch;
}
body.ux-refresh .ux-method-grid{
  margin-top:30px;
}

/* Make the actual result reading more visually anchored by the people */
body.ux-refresh .match-top{
  gap:28px;
  align-items:flex-start;
}
body.ux-refresh .match-panel .portrait-match{
  width:176px;
  flex:0 0 176px;
  max-width:none;
  border-radius:20px;
}
body.ux-refresh .match-panel .portrait-match .portrait-svg,
body.ux-refresh .match-panel .portrait-match img{
  width:100%;
  height:auto;
}
body.ux-refresh .match-panel h2{
  margin-top:4px;
}
body.ux-refresh .match-bio{
  font-size:.94rem;
  line-height:1.56;
}

/* Dossier/profile reading: substantially larger portrait without crowding the copy */
body.ux-refresh .profile-hero{
  grid-template-columns:minmax(300px,340px) minmax(0,1fr);
  gap:42px;
  align-items:start;
}
body.ux-refresh .profile-portrait-wrap{
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
body.ux-refresh .profile-portrait-wrap .portrait-profile{
  width:100%;
  max-width:320px;
}
body.ux-refresh .profile-biography{
  max-width:760px;
  font-size:1.02rem;
  line-height:1.72;
}

/* Compare-with-a-friend: copy-first flow, no visible code blob */
body.ux-refresh .compare-code-box{
  display:none !important;
}
body.ux-refresh .friend-compare-card{
  padding:32px;
}
body.ux-refresh .friend-compare-heading{
  align-items:center;
}
body.ux-refresh .friend-compare-heading > div{
  max-width:720px;
}
body.ux-refresh .friend-compare-heading p:last-child{
  max-width:66ch;
  line-height:1.62;
}
body.ux-refresh .compare-code-copy{
  flex:0 0 auto;
  min-width:170px;
}
body.ux-refresh .friend-compare-controls{
  margin-top:24px;
  grid-template-columns:minmax(160px,.8fr) minmax(280px,1.7fr) auto;
  gap:12px;
  padding-top:22px;
  border-top:1px solid rgba(70,52,31,.10);
}
body.ux-refresh .friend-compare-controls input{
  min-height:46px;
  border-radius:10px;
}
body.ux-refresh #compare-code-btn{
  min-height:46px;
  border-radius:10px;
}

/* Share block: keep the strongest action first and reduce visual competition */
body.ux-refresh .share-results-card{
  grid-template-columns:minmax(0,1fr) auto;
}
body.ux-refresh .share-actions{
  gap:10px;
}
body.ux-refresh .share-actions .primary-btn{
  min-width:180px;
}

/* Avoid oversized empty space in result cards after enlarging portraits */
body.ux-refresh .match-panel{
  min-height:0;
}
body.ux-refresh .match-meter{
  margin-top:24px;
}

/* Responsive refinements */
@media(max-width:1050px){
  body.ux-refresh .match-panel .portrait-match{
    width:150px;
    flex-basis:150px;
  }
  body.ux-refresh .profile-hero{
    grid-template-columns:270px minmax(0,1fr);
    gap:32px;
  }
  body.ux-refresh .profile-portrait-wrap .portrait-profile{
    max-width:270px;
  }
}

@media(max-width:820px){
  body.ux-refresh .friend-compare-heading{
    align-items:flex-start;
  }
  body.ux-refresh .compare-code-copy{
    width:100%;
  }
  body.ux-refresh .friend-compare-controls{
    grid-template-columns:1fr;
  }
  body.ux-refresh #compare-code-btn{
    width:100%;
  }
  body.ux-refresh .profile-hero{
    grid-template-columns:1fr;
  }
  body.ux-refresh .profile-portrait-wrap{
    justify-content:flex-start;
  }
  body.ux-refresh .profile-portrait-wrap .portrait-profile{
    max-width:300px;
  }
}

@media(max-width:720px){
  body.ux-refresh .match-top{
    flex-direction:row;
    gap:18px;
  }
  body.ux-refresh .match-panel .portrait-match{
    width:116px;
    flex:0 0 116px;
  }
  body.ux-refresh .match-panel h2{
    font-size:clamp(2.2rem,9vw,3rem);
  }
  body.ux-refresh .match-bio{
    -webkit-line-clamp:5;
  }
}

@media(max-width:520px){
  body.ux-refresh .match-top{
    flex-direction:column;
  }
  body.ux-refresh .match-panel .portrait-match{
    width:150px;
    flex-basis:auto;
    max-width:150px;
  }
  body.ux-refresh .friend-compare-card{
    padding:22px 18px;
  }
  body.ux-refresh .profile-portrait-wrap .portrait-profile{
    max-width:250px;
  }
}


/* =========================================================
   Premium results + mobile-first UX pass
   ========================================================= */

/* Result reveal is now art first, no caption */
body.ux-refresh #results .result-reveal-scene{
  height:260px;
  margin:0 0 22px;
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(10,16,14,.02),rgba(10,16,14,.36)),
    url("scenes/alexander-granicus-hd.png") 69% 34%/cover no-repeat;
  box-shadow:0 22px 52px rgba(18,14,10,.12);
}
body.ux-refresh #results .result-reveal-scene::before{
  background:linear-gradient(90deg,rgba(8,14,12,.16),transparent 44%,rgba(8,14,12,.12));
}
body.ux-refresh #results .result-reveal-scene > div{display:none;}

/* Concise reveal header */
body.ux-refresh .result-overview{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:end;
  padding:24px 6px 32px;
  border-bottom:1px solid rgba(71,53,32,.12);
  margin-bottom:28px;
}
body.ux-refresh .result-overview h1{
  margin:4px 0 10px;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(3rem,5.2vw,5.4rem);
  line-height:.92;
  color:#1d1712;
  max-width:11ch;
}
body.ux-refresh .result-overview > div:first-child > p:last-child{
  margin:0;
  max-width:62ch;
  color:#5a4d40;
  font-size:1.04rem;
  line-height:1.65;
}
body.ux-refresh .result-overview-score{
  min-width:160px;
  text-align:right;
  display:grid;
  gap:3px;
}
body.ux-refresh .result-overview-score span{
  font-size:.67rem;
  letter-spacing:.16em;
  color:#8f6634;
}
body.ux-refresh .result-overview-score strong{
  font-family:"Cormorant Garamond",serif;
  font-size:4.25rem;
  line-height:.9;
  color:#1d1712;
}
body.ux-refresh .result-overview-score small{
  font-size:.85rem;
  color:#6d6051;
}

/* Preserve two headline identities as the visual climax */
body.ux-refresh #results .dual-match{
  margin-top:0;
  margin-bottom:22px;
}
body.ux-refresh #results .match-panel{
  padding:30px;
}
body.ux-refresh #results .match-panel .eyebrow{
  margin-bottom:18px;
}
body.ux-refresh #results .match-panel h2{
  color:#f5ede0;
}
body.ux-refresh #results .match-panel > p:not(.eyebrow),
body.ux-refresh #results .match-panel .match-bio{
  color:rgba(245,237,224,.70);
}
body.ux-refresh #results .match-panel b{
  color:#dfbf7b;
}

/* Social hook feels like a shareable identity badge */
body.ux-refresh #results .social-hook-card{
  margin:22px 0;
  border:1px solid rgba(70,52,31,.10);
  background:linear-gradient(180deg,#f4ebde,#eee1cf);
}
body.ux-refresh #results .social-hook-card > p:last-child{
  margin-top:10px;
  font-size:.9rem;
}

/* Premium share section comes immediately after headline results */
body.ux-refresh .premium-share-block{
  background:
    linear-gradient(90deg, rgba(6,16,14,.96) 0%, rgba(6,16,14,.92) 24%, rgba(6,16,14,.82) 46%, rgba(6,16,14,.58) 68%, rgba(6,16,14,.74) 100%),
    radial-gradient(circle at 84% 22%, rgba(223,191,123,.12), transparent 18%),
    url("scenes/caesar-rubicon-hd.png") center right / cover no-repeat,
    linear-gradient(135deg,#102019,#182b23) !important;
  color:#f5ede0;
  border:1px solid rgba(223,191,123,.18) !important;
  margin:22px 0 28px !important;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
body.ux-refresh .premium-share-block::before{
  border-color:rgba(223,191,123,.10) !important;
}
body.ux-refresh .premium-share-block .eyebrow{
  color:#dfbf7b;
}
body.ux-refresh .premium-share-block h2{
  color:#f5ede0;
  max-width:15ch;
  text-shadow:0 2px 12px rgba(0,0,0,.22);
}
body.ux-refresh .premium-share-block > div:first-child{
  max-width:760px;
  position:relative;
  z-index:1;
}
body.ux-refresh .premium-share-block .share-actions{
  position:relative;
  z-index:1;
}
body.ux-refresh .premium-share-block > div > p:last-child,
body.ux-refresh .premium-share-block .share-note{
  color:rgba(245,237,224,.82) !important;
}
body.ux-refresh .premium-share-block .share-note{
  border-top-color:rgba(245,237,224,.12);
}
body.ux-refresh .premium-share-block .ghost-dark{
  border-color:rgba(245,237,224,.38);
  color:#f5ede0;
}

/* Keep deeper reading clearly secondary to the reveal */
body.ux-refresh #results .friend-compare-card,
body.ux-refresh #results .synkrisis,
body.ux-refresh #results .result-section,
body.ux-refresh #results .secondary{
  margin-top:30px;
}

/* Staged reveal: subtle, not gamey */
body.ux-refresh #results.result-reveal .result-reveal-scene{
  animation:mirrorArtIn .55s cubic-bezier(.22,.8,.28,1) both;
}
body.ux-refresh #results.result-reveal .result-overview{
  animation:mirrorContentIn .48s .12s cubic-bezier(.22,.8,.28,1) both;
}
body.ux-refresh #results.result-reveal .dual-match .match-panel:first-child{
  animation:mirrorContentIn .5s .22s cubic-bezier(.22,.8,.28,1) both;
}
body.ux-refresh #results.result-reveal .dual-match .match-panel:last-child{
  animation:mirrorContentIn .5s .32s cubic-bezier(.22,.8,.28,1) both;
}
body.ux-refresh #results.result-reveal .social-hook-card{
  animation:mirrorContentIn .45s .42s cubic-bezier(.22,.8,.28,1) both;
}
@keyframes mirrorArtIn{
  from{opacity:0;transform:scale(.985);}
  to{opacity:1;transform:scale(1);}
}
@keyframes mirrorContentIn{
  from{opacity:0;transform:translateY(12px);}
  to{opacity:1;transform:translateY(0);}
}

/* Mobile-first result sequence */
@media(max-width:760px){
  body.ux-refresh .ux-quiz-shell{
    padding:14px;
  }
  body.ux-refresh #results .result-reveal-scene{
    height:190px;
    border-radius:20px;
    margin-bottom:16px;
    background-position:72% 32%;
  }
  body.ux-refresh .result-overview{
    grid-template-columns:1fr;
    gap:16px;
    padding:18px 2px 24px;
    margin-bottom:18px;
  }
  body.ux-refresh .result-overview h1{
    font-size:clamp(2.7rem,12vw,4rem);
    max-width:none;
  }
  body.ux-refresh .result-overview > div:first-child > p:last-child{
    font-size:.97rem;
  }
  body.ux-refresh .result-overview-score{
    text-align:left;
    grid-template-columns:auto auto 1fr;
    align-items:baseline;
    gap:10px;
    min-width:0;
  }
  body.ux-refresh .result-overview-score strong{
    font-size:2.8rem;
  }
  body.ux-refresh .result-overview-score small{
    font-size:.82rem;
  }
  body.ux-refresh #results .dual-match{
    grid-template-columns:1fr;
    gap:12px;
  }
  body.ux-refresh #results .parallel-mark{
    transform:none;
    font-size:1.8rem;
    line-height:1;
    margin:-4px auto;
  }
  body.ux-refresh #results .match-panel{
    padding:22px 18px;
    border-radius:20px;
  }
  body.ux-refresh #results .match-top{
    flex-direction:row;
    gap:16px;
  }
  body.ux-refresh #results .match-panel .portrait-match{
    width:118px;
    flex:0 0 118px;
  }
  body.ux-refresh #results .match-panel .match-glyph{
    display:none;
  }
  body.ux-refresh #results .match-panel h2{
    font-size:clamp(2.05rem,9vw,2.8rem);
    line-height:.94;
    margin-top:0;
  }
  body.ux-refresh #results .match-panel .match-bio{
    font-size:.88rem;
    line-height:1.48;
    -webkit-line-clamp:3;
  }
  body.ux-refresh #results .match-meter{
    margin:18px 0 8px;
  }
  body.ux-refresh .social-hook-card,
  body.ux-refresh .premium-share-block,
  body.ux-refresh .friend-compare-card,
  body.ux-refresh #results .synkrisis,
  body.ux-refresh #results .result-section,
  body.ux-refresh #results .secondary{
    border-radius:20px;
    padding:22px 18px;
  }
  body.ux-refresh .social-hook-grid{
    grid-template-columns:1fr;
  }
  body.ux-refresh .premium-share-block{
    grid-template-columns:1fr;
    background-position:72% center;
    padding-bottom:24px;
  }
  body.ux-refresh .premium-share-block h2{
    max-width:none;
  }
  body.ux-refresh .share-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  body.ux-refresh .share-actions button{
    width:100%;
    min-height:48px;
  }
  body.ux-refresh .friend-compare-card{
    margin-top:22px;
  }
  body.ux-refresh #results .result-section.two-col{
    grid-template-columns:1fr;
    gap:26px;
  }
  body.ux-refresh #results .result-grid,
  body.ux-refresh #results .secondary-list{
    grid-template-columns:1fr;
  }
  body.ux-refresh #results .result-actions{
    position:sticky;
    bottom:10px;
    z-index:8;
    background:rgba(244,236,223,.94);
    backdrop-filter:blur(12px);
    padding:10px;
    border:1px solid rgba(70,52,31,.10);
    border-radius:16px;
    box-shadow:0 10px 28px rgba(30,22,14,.10);
    flex-direction:column;
  }
  body.ux-refresh #results .result-actions button{
    width:100%;
  }
}

/* Very small screens */
@media(max-width:430px){
  body.ux-refresh #results .match-top{
    flex-direction:column;
  }
  body.ux-refresh #results .match-panel .portrait-match{
    width:148px;
    flex-basis:auto;
  }
  body.ux-refresh #results .match-panel .match-bio{
    -webkit-line-clamp:4;
  }
}

@media(prefers-reduced-motion:reduce){
  body.ux-refresh #results.result-reveal *{
    animation:none !important;
  }
}


/* =========================================================
   Comparison page contrast fix
   ========================================================= */

/* Plutarch source comparison block: restore legible ivory text on dark field */
body.ux-refresh .source-comparison,
body.ux-refresh .source-comparison:not(.muted-comparison){
  background:
    radial-gradient(circle at 82% 12%, rgba(223,191,123,.08), transparent 20%),
    linear-gradient(180deg,#102019 0%,#14251f 100%) !important;
  color:#f5ede0 !important;
  border:1px solid rgba(223,191,123,.14) !important;
}

body.ux-refresh .source-comparison .eyebrow{
  color:#d9b574 !important;
}

body.ux-refresh .source-comparison h2{
  color:#f5ede0 !important;
  text-shadow:none !important;
}

body.ux-refresh .source-comparison p,
body.ux-refresh .source-comparison blockquote,
body.ux-refresh .source-comparison .source-note{
  color:rgba(245,237,224,.82) !important;
}

body.ux-refresh .source-comparison .source-note{
  border-top:1px solid rgba(245,237,224,.12);
  padding-top:16px;
  margin-top:22px;
}

body.ux-refresh .source-comparison blockquote{
  max-width:78ch;
  font-size:1.03rem;
  line-height:1.72;
}

/* Keep headings and body copy from inheriting the light-page dark brown */
body.ux-refresh .comparison-page .source-comparison h1,
body.ux-refresh .comparison-page .source-comparison h2,
body.ux-refresh .comparison-page .source-comparison h3,
body.ux-refresh .comparison-page .source-comparison strong{
  color:#f5ede0 !important;
}

/* Slightly brighter muted text for the rest of the compare page */
body.ux-refresh .comparison-person p,
body.ux-refresh .comparison-analysis p{
  color:#5b4f43;
  line-height:1.65;
}

@media(max-width:720px){
  body.ux-refresh .source-comparison{
    padding:24px 20px !important;
    border-radius:20px;
  }
  body.ux-refresh .source-comparison h2{
    font-size:clamp(2.2rem,9vw,3.2rem);
    line-height:.98;
  }
  body.ux-refresh .source-comparison blockquote{
    font-size:.96rem;
    line-height:1.62;
  }
}


/* =========================================================
   Compare page banner match pass
   ========================================================= */
.comparison-wrap{position:relative;}
.comparison-topbar-matched{
  margin-bottom:0;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
  padding:20px 28px;
  background:linear-gradient(180deg, rgba(7,14,14,.92), rgba(7,14,14,.78));
  border:1px solid rgba(222,195,136,.12);
  border-radius:40px 40px 0 0;
}
.comparison-topbar-matched nav{justify-self:center;display:flex;gap:34px;align-items:center;}
.comparison-topbar-matched nav a{color:rgba(246,236,220,.94);text-decoration:none;font-size:1rem;position:relative;}
.comparison-topbar-matched nav a.active-nav{color:#dcb66f!important;border-bottom:2px solid #dcb66f;padding-bottom:6px;}
.comparison-topbar-matched .brand-title{text-transform:uppercase;letter-spacing:.12em;font-size:1.2rem;font-weight:600;color:#dcb66f;}
.comparison-topbar-matched .brand-sub{text-transform:uppercase;letter-spacing:.34em;font-size:.62rem;color:#f2e4c6;opacity:.9;}

.comparison-page-matched{background:transparent;box-shadow:0 18px 48px rgba(24,18,13,.06);}
.comparison-intro-matched{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:700px;
  padding:132px 32px 36px !important;
  background:
    linear-gradient(90deg,rgba(6,10,12,.94) 0%,rgba(6,10,12,.90) 18%,rgba(6,10,12,.66) 38%,rgba(6,10,12,.26) 64%,rgba(6,10,12,.18) 100%),
    url("scenes/coriolanus-mother-hd.png") center/cover no-repeat !important;
  color:#f7f0e3 !important;
  overflow:hidden;
}
.comparison-intro-matched::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg, rgba(5,9,7,.32), rgba(5,9,7,0) 36%);
  pointer-events:none;
}
.comparison-intro-matched .comparison-intro-copy,
.comparison-intro-matched .comparison-intro-note,
.comparison-intro-matched .comparison-intro-aside{position:relative;z-index:1;}
.comparison-intro-matched .comparison-intro-copy{max-width:700px;}
.comparison-intro-matched .eyebrow{color:#dfbf7b;letter-spacing:.32em;margin-bottom:18px;}
.comparison-intro-matched h1{
  font-family:"Cormorant Garamond",serif;
  font-weight:600;
  font-size:clamp(4.2rem,7vw,7rem);
  line-height:.94;
  letter-spacing:-.03em;
  margin:0 0 18px;
  color:#f8f2e6 !important;
  max-width:780px;
}
.comparison-intro-matched .comparison-hero-deck{
  max-width:720px;
  font-size:1.12rem;
  line-height:1.5;
  color:rgba(244,236,223,.92) !important;
  margin:0 0 26px;
}
.comparison-picker-wrap{display:grid;gap:10px;max-width:660px;}
.comparison-picker-label{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:#dfbf7b;}
.comparison-intro-matched .comparison-picker{margin-top:0;}
.comparison-intro-matched .comparison-picker select{
  width:min(640px,100%);
  min-width:0;
  padding:16px 18px;
  font:inherit;
  border:1px solid rgba(222,195,136,.18);
  border-radius:10px;
  background:rgba(244,239,228,.96);
  color:#1a1712;
  box-shadow:0 16px 36px rgba(0,0,0,.16);
}
.comparison-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
.comparison-pills span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border:1px solid rgba(220,182,111,.24);
  border-radius:999px;
  background:rgba(9,15,12,.28);
  color:rgba(244,236,223,.92);
  font-size:.85rem;
}
.comparison-intro-matched .comparison-intro-note{
  position:absolute;
  right:38px;
  bottom:134px;
  text-align:right;
  color:#f4ede1;
  text-shadow:0 2px 18px rgba(0,0,0,.4);
}
.comparison-intro-matched .comparison-intro-note span{display:block;font-size:.82rem;letter-spacing:.28em;color:#d9b56b;margin-bottom:8px;}
.comparison-intro-matched .comparison-intro-note strong{display:block;font-family:"Cormorant Garamond",serif;font-size:2rem;line-height:1;font-weight:600;color:#f8f0df;}
.comparison-intro-aside{
  position:absolute;
  right:34px;
  bottom:44px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:14px;
  text-align:right;
  color:#f3ead7;
}
.comparison-intro-aside p{margin:0;font-size:.88rem;line-height:1.5;letter-spacing:.24em;}
.comparison-intro-aside .aside-rule{display:block;width:74px;height:1px;background:#dcb66f;opacity:.9;}

/* ensure comparison content sits below the hero like the home page rhythm */
.comparison-page-redesign #comparison-view{padding:34px 0 50px;}

@media (max-width: 1200px){
  .comparison-topbar-matched{grid-template-columns:1fr;justify-items:start;gap:16px;padding:18px 22px;}
  .comparison-topbar-matched nav{justify-self:start;flex-wrap:wrap;gap:22px;}
}
@media (max-width: 920px){
  .comparison-intro-matched{min-height:640px;padding:160px 22px 28px !important;background-position:64% center !important;}
  .comparison-intro-matched .comparison-intro-note{right:22px;bottom:118px;}
  .comparison-intro-aside{right:22px;bottom:26px;}
}
@media (max-width: 720px){
  .comparison-intro-matched{min-height:620px;padding:178px 20px 24px !important;background-position:70% center !important;}
  .comparison-intro-matched h1{font-size:4rem;}
  .comparison-intro-matched .comparison-hero-deck{font-size:1rem;max-width:100%;}
  .comparison-intro-matched .comparison-intro-aside{display:none;}
  .comparison-intro-matched .comparison-intro-note{right:20px;bottom:20px;}
}
@media (max-width: 560px){
  .comparison-topbar-matched{border-radius:28px 28px 0 0;padding:16px 18px;}
  .comparison-intro-matched{min-height:580px;padding:170px 18px 18px !important;}
  .comparison-intro-matched h1{font-size:3.15rem;max-width:340px;}
  .comparison-intro-matched .comparison-intro-note{position:static;text-align:left;margin-top:16px;}
  .comparison-intro-matched .comparison-intro-note strong{font-size:1.45rem;}
  .comparison-pills{gap:10px;}
  .comparison-pills span{font-size:.76rem;padding:9px 12px;}
}


/* =========================================================
   Compare UX optimization v2
   ========================================================= */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

/* Make compare banner use the same geometry and navigation language as home */
.comparison-wrap{position:relative;max-width:1560px;}
.comparison-topbar-matched{
  position:absolute;
  top:18px;
  left:18px;
  right:18px;
  z-index:20;
  border-radius:30px 30px 0 0;
  background:linear-gradient(180deg,rgba(4,11,11,.88),rgba(4,11,11,.56));
  border-bottom:1px solid rgba(222,195,136,.08);
  box-shadow:none;
}
.comparison-page-matched{border-radius:30px;overflow:hidden;}
.comparison-intro-matched{
  min-height:760px;
  padding:138px 40px 44px!important;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(4,10,10,.94) 0%,rgba(4,10,10,.90) 18%,rgba(4,10,10,.56) 42%,rgba(4,10,10,.14) 68%,rgba(4,10,10,.30) 100%),
    url("scenes/coriolanus-mother-hd.png") 64% center/cover no-repeat!important;
}
.comparison-intro-matched .comparison-intro-copy{max-width:610px;}
.comparison-intro-matched h1{font-size:clamp(4.5rem,7vw,7.2rem);}
.comparison-intro-matched .comparison-hero-deck{max-width:560px;font-size:1.12rem;line-height:1.58;}
.comparison-intro-matched .comparison-intro-note{display:none;}
.comparison-intro-aside{display:none;}

/* Sticky pair switcher */
.compare-sticky-bar{
  position:sticky;
  top:10px;
  z-index:15;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  max-width:1220px;
  margin:0 auto 24px;
  padding:12px 14px 12px 18px;
  border:1px solid rgba(78,59,36,.12);
  border-radius:16px;
  background:rgba(246,238,225,.92);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 30px rgba(31,22,13,.08);
}
.sticky-pair-title{display:flex;align-items:center;gap:12px;min-width:0;}
.sticky-pair-title span{font-size:.62rem;letter-spacing:.18em;color:#9b713c;}
.sticky-pair-title strong{font-family:"Cormorant Garamond",serif;font-size:1.25rem;color:#241d16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.compare-sticky-bar select{min-width:300px;max-width:44vw;padding:10px 12px;border:1px solid rgba(78,59,36,.18);border-radius:10px;background:#fffaf2;color:#241d16;font:inherit;}

/* Head-to-head top summary */
.duel-summary{max-width:1220px;margin:0 auto;}
.duel-grid{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:18px;align-items:stretch;}
.duel-vs{align-self:center;text-align:center;font-family:"Cormorant Garamond",serif;font-size:2.5rem;color:#a77d46;}
.duel-person{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;position:relative;padding:26px;border-radius:24px;border:1px solid rgba(70,52,31,.10);background:rgba(255,255,255,.42);box-shadow:0 14px 36px rgba(31,22,13,.05);overflow:hidden;}
.duel-label{position:absolute;top:18px;right:20px;font-size:.62rem;letter-spacing:.18em;color:#9b713c;}
.duel-person .comparison-portrait{aspect-ratio:4/5;border-radius:18px;margin:0;align-self:start;}
.duel-person .comparison-portrait img{object-fit:cover;}
.duel-copy{padding-top:24px;}
.duel-copy .eyebrow{margin-bottom:5px;}
.duel-copy h2{font-size:clamp(2.5rem,4vw,4rem);line-height:.92;margin:0 0 7px;color:#1f1812;}
.duel-tag{margin:0 0 20px;color:#625446;font-size:1rem;}
.duel-facts{display:grid;gap:12px;margin:0;}
.duel-facts div{display:grid;grid-template-columns:110px 1fr;gap:12px;border-top:1px solid rgba(70,52,31,.09);padding-top:10px;}
.duel-facts dt{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#9b713c;}
.duel-facts dd{margin:0;color:#332a22;line-height:1.35;}
.duel-facts dd b{color:#9b713c;margin-left:4px;}

/* The ten-second answer */
.separation-card{max-width:1220px;margin:22px auto 0;padding:30px 34px;border-radius:24px;background:linear-gradient(135deg,#102019,#182b23);color:#f5ede0;}
.separation-card .eyebrow{color:#dfbf7b;}
.separation-card h2{font-size:clamp(2.5rem,4vw,4rem);line-height:.98;margin:4px 0 12px;color:#f5ede0!important;}
.separation-card p:last-child{max-width:920px;margin:0;color:rgba(245,237,224,.82);font-size:1.03rem;line-height:1.68;}

/* One shared trait chart */
.trait-duel-section{max-width:1220px;margin:26px auto 0;padding:32px 34px;border-radius:24px;background:#f6eee1;border:1px solid rgba(70,52,31,.09);}
.comparison-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:28px;align-items:end;margin-bottom:22px;}
.comparison-section-heading h2{font-size:clamp(2.4rem,4vw,3.8rem);line-height:.98;margin:4px 0 0;color:#211a14;}
.comparison-section-heading>p{margin:0;color:#66594b;line-height:1.65;}
.trait-duel-legend{display:flex;gap:22px;justify-content:flex-end;margin:0 0 14px;font-size:.78rem;color:#5b4d40;}
.trait-duel-legend span{display:flex;align-items:center;gap:7px;}
.trait-duel-legend i{width:18px;height:4px;border-radius:999px;display:inline-block;}
.legend-a,.trait-a{background:#0f2a22!important;}
.legend-b,.trait-b{background:#c09254!important;}
.trait-duel-chart{display:grid;gap:13px;}
.trait-duel-row{display:grid;grid-template-columns:145px 1fr 54px;gap:14px;align-items:center;}
.trait-duel-name{font-size:.76rem;color:#4a3d31;}
.trait-duel-tracks{display:grid;gap:5px;}
.trait-track{height:7px;background:#dfd3c1;border-radius:999px;overflow:hidden;}
.trait-track i{display:block;height:100%;border-radius:999px;}
.trait-duel-values{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:.72rem;color:#5b4d40;text-align:center;}

/* Personal lean, when an Oracle result exists in local storage */
.user-lean-card{max-width:1220px;margin:24px auto 0;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:28px 32px;border-radius:24px;border:1px solid rgba(70,52,31,.10);background:linear-gradient(180deg,#efe4d3,#eadcca);}
.user-lean-card h2{font-size:clamp(2.3rem,4vw,3.7rem);margin:2px 0 8px;color:#211a14;}
.user-lean-card p:last-child{max-width:760px;color:#645649;line-height:1.62;margin:0;}
.lean-meter{text-align:right;min-width:150px;}
.lean-meter span{display:block;font-family:"Cormorant Garamond",serif;font-size:1.65rem;color:#211a14;}
.lean-meter strong{display:block;margin-top:5px;color:#9b713c;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;}

.optimized-analysis{max-width:1220px;margin:26px auto 0!important;}

/* Progressive source reading */
.source-comparison-progressive{max-width:1220px;margin:26px auto 0!important;}
.source-comparison-progressive .source-teaser{max-width:900px!important;font-size:1.04rem;line-height:1.68;}
.source-details{margin-top:22px;border-top:1px solid rgba(245,237,224,.14);padding-top:4px;}
.source-details summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;cursor:pointer;list-style:none;color:#f5ede0;font-weight:600;}
.source-details summary::-webkit-details-marker{display:none;}
.source-details summary span{font-family:"Cormorant Garamond",serif;font-size:1.9rem;color:#dfbf7b;transition:transform .2s ease;}
.source-details[open] summary span{transform:rotate(45deg);}
.source-details-body{padding:2px 0 4px;}
.source-details-body>p:first-child{max-width:1000px!important;color:rgba(245,237,224,.82)!important;line-height:1.72;}

/* Related comparisons */
.related-comparisons{max-width:1220px;margin:26px auto 0;padding:30px 32px 34px;border-radius:24px;background:#f6eee1;border:1px solid rgba(70,52,31,.09);}
.related-pair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.related-pair-grid a{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:17px 18px;border:1px solid rgba(70,52,31,.12);border-radius:14px;background:rgba(255,255,255,.38);color:#271f18;text-decoration:none;transition:transform .16s ease,background .16s ease;}
.related-pair-grid a:hover{transform:translateY(-2px);background:#fffaf2;}
.related-pair-grid span:last-child{text-align:right;}
.related-pair-grid b{color:#a77d46;font-size:1.2rem;}

.quartet-header{max-width:1220px;margin:0 auto;padding:22px 0 8px;}
.comparison-page-redesign .quartet-grid{max-width:1220px;margin:26px auto;}
.comparison-page-redesign .source-comparison{max-width:1220px;margin-left:auto;margin-right:auto;}

@media(max-width:980px){
  .comparison-topbar-matched{position:relative;top:auto;left:auto;right:auto;border-radius:30px 30px 0 0;}
  .comparison-intro-matched{min-height:660px;padding-top:50px!important;}
  .duel-grid{grid-template-columns:1fr;}
  .duel-vs{transform:none;margin:-5px 0;}
  .comparison-section-heading{grid-template-columns:1fr;gap:10px;}
  .related-pair-grid{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .comparison-intro-matched{min-height:600px;padding:38px 20px 28px!important;background-position:72% center!important;}
  .comparison-intro-matched h1{font-size:3.6rem;max-width:9ch;}
  .comparison-pills span:last-child{display:none;}
  .compare-sticky-bar{top:6px;margin:0 12px 18px;padding:10px 12px;}
  .sticky-pair-title{display:none;}
  .compare-sticky-bar label,.compare-sticky-bar select{width:100%;max-width:none;min-width:0;}
  .duel-summary,.separation-card,.trait-duel-section,.user-lean-card,.optimized-analysis,.source-comparison-progressive,.related-comparisons{margin-left:12px!important;margin-right:12px!important;}
  .duel-person{grid-template-columns:118px 1fr;gap:16px;padding:18px;}
  .duel-person .comparison-portrait{border-radius:14px;}
  .duel-copy{padding-top:16px;}
  .duel-copy h2{font-size:2.35rem;}
  .duel-facts div{grid-template-columns:1fr;gap:3px;}
  .duel-facts div:nth-child(3){display:none;}
  .separation-card,.trait-duel-section,.related-comparisons{padding:24px 20px;}
  .trait-duel-row{grid-template-columns:105px 1fr 42px;gap:9px;}
  .trait-duel-name{font-size:.69rem;}
  .user-lean-card{grid-template-columns:1fr;padding:24px 20px;}
  .lean-meter{text-align:left;}
  .optimized-analysis{grid-template-columns:1fr!important;}
}
@media(max-width:480px){
  .comparison-intro-matched h1{font-size:3.05rem;}
  .comparison-intro-matched .comparison-hero-deck{font-size:.96rem;}
  .duel-person{grid-template-columns:1fr;}
  .duel-person .comparison-portrait{width:145px;aspect-ratio:1/1;}
  .duel-label{top:14px;right:16px;}
  .trait-duel-row{grid-template-columns:1fr;gap:5px;}
  .trait-duel-values{justify-self:start;width:48px;}
}


/* =========================================================
   Fast Read contrast fix
   ========================================================= */
body.ux-refresh .comparison-page .separation-card{
  background:
    radial-gradient(circle at 84% 18%, rgba(223,191,123,.08), transparent 20%),
    linear-gradient(135deg,#102019 0%,#182b23 100%) !important;
  color:#f5ede0 !important;
  border:1px solid rgba(223,191,123,.12);
  box-shadow:0 18px 42px rgba(12,18,15,.10);
}

body.ux-refresh .comparison-page .separation-card .eyebrow{
  color:#d9b574 !important;
}

body.ux-refresh .comparison-page .separation-card h2{
  color:#f5ede0 !important;
  text-shadow:none !important;
}

body.ux-refresh .comparison-page .separation-card p:last-child{
  color:rgba(245,237,224,.84) !important;
  max-width:980px;
}

@media(max-width:720px){
  body.ux-refresh .comparison-page .separation-card{
    padding:24px 20px;
  }
  body.ux-refresh .comparison-page .separation-card h2{
    font-size:clamp(2.3rem,10vw,3.2rem);
  }
  body.ux-refresh .comparison-page .separation-card p:last-child{
    font-size:.96rem;
    line-height:1.62;
  }
}


/* =========================================================
   Mobile rescue pass
   Fixes cramped header, duplicated CTA, hero overlap, and text scale.
   ========================================================= */

.mobile-nav-menu{display:none}

/* Tablet/mobile header becomes one clean bar */
@media(max-width:760px){
  body.ux-refresh .page-wrap{
    padding:8px;
  }

  /* HEADER */
  body.ux-refresh .ux-header,
  body.ux-refresh .restored-header,
  body.ux-refresh .comparison-topbar,
  body.ux-refresh .comparison-topbar-matched{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
    padding:13px 14px !important;
    min-height:72px !important;
    border-radius:22px 22px 0 0 !important;
    background:#0b1714 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body.ux-refresh .restored-brand,
  body.ux-refresh .comparison-topbar .restored-brand{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
  }

  body.ux-refresh .restored-brand .brand-emblem{
    font-size:1.45rem;
    flex:0 0 auto;
  }

  body.ux-refresh .restored-brand .brand-lockup{
    min-width:0;
  }

  body.ux-refresh .restored-brand .brand-title,
  body.ux-refresh .comparison-topbar .brand-title{
    display:block;
    font-size:.96rem !important;
    line-height:1.05;
    letter-spacing:.10em !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.ux-refresh .restored-brand .brand-sub,
  body.ux-refresh .comparison-topbar .brand-sub{
    display:block;
    margin-top:4px;
    font-size:.42rem !important;
    line-height:1.1;
    letter-spacing:.22em !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* Desktop nav/CTA disappear on mobile */
  body.ux-refresh .ux-header > nav,
  body.ux-refresh .restored-header > nav,
  body.ux-refresh .comparison-topbar > nav,
  body.ux-refresh .ux-header > .restored-nav-cta,
  body.ux-refresh .restored-header > .restored-nav-cta,
  body.ux-refresh .comparison-topbar > .restored-nav-cta,
  body.ux-refresh .comparison-topbar > .nav-cta{
    display:none !important;
  }

  /* Compact menu */
  body.ux-refresh .mobile-nav-menu{
    display:block;
    position:relative;
    justify-self:end;
    z-index:30;
  }

  body.ux-refresh .mobile-nav-menu summary{
    list-style:none;
    cursor:pointer;
    border:1px solid rgba(223,191,123,.34);
    border-radius:999px;
    padding:9px 14px;
    color:#f5ede0;
    font-size:.78rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:rgba(255,255,255,.045);
  }
  body.ux-refresh .mobile-nav-menu summary::-webkit-details-marker{display:none}

  body.ux-refresh .mobile-nav-panel{
    position:absolute;
    right:0;
    top:calc(100% + 10px);
    width:min(78vw,280px);
    display:grid;
    gap:4px;
    padding:10px;
    border:1px solid rgba(223,191,123,.16);
    border-radius:16px;
    background:rgba(10,22,18,.98);
    box-shadow:0 18px 42px rgba(0,0,0,.30);
  }

  body.ux-refresh .mobile-nav-panel a,
  body.ux-refresh .mobile-nav-panel button{
    display:block;
    width:100%;
    padding:12px 13px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#f5ede0;
    text-align:left;
    text-decoration:none;
    font:inherit;
    font-size:.94rem;
  }

  body.ux-refresh .mobile-nav-panel a:hover{
    background:rgba(255,255,255,.06);
  }

  body.ux-refresh .mobile-nav-panel .mobile-nav-cta{
    margin-top:5px;
    background:#d9b56b;
    color:#17130f;
    text-align:center;
    font-weight:700;
  }

  /* HERO: no overlap, saner scale */
  body.ux-refresh .ux-hero,
  body.ux-refresh .restored-hero{
    min-height:auto !important;
    padding:34px 18px 34px !important;
    align-items:flex-start !important;
    background:
      linear-gradient(180deg, rgba(4,10,10,.82) 0%, rgba(4,10,10,.66) 42%, rgba(4,10,10,.36) 100%),
      url("scenes/theseus-labyrinth-corrected.png") 64% center / cover no-repeat !important;
  }

  body.ux-refresh .ux-hero-copy,
  body.ux-refresh .restored-hero-copy{
    max-width:100% !important;
  }

  body.ux-refresh .ux-hero .eyebrow,
  body.ux-refresh .restored-hero .eyebrow{
    margin-bottom:10px;
    font-size:.62rem;
    letter-spacing:.22em;
  }

  body.ux-refresh .ux-hero h1,
  body.ux-refresh .restored-hero h1{
    margin:0 0 14px !important;
    max-width:10ch;
    font-size:clamp(2.75rem,12vw,3.85rem) !important;
    line-height:.93 !important;
    letter-spacing:-.035em;
  }

  body.ux-refresh .ux-hero-lead{
    margin:0 0 12px;
    max-width:23ch;
    font-size:1.42rem !important;
    line-height:1.08;
  }

  body.ux-refresh .ux-hero .hero-deck,
  body.ux-refresh .restored-hero .hero-deck{
    max-width:34ch !important;
    margin-bottom:20px !important;
    font-size:.98rem !important;
    line-height:1.55 !important;
  }

  body.ux-refresh .ux-hero-actions,
  body.ux-refresh .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:20px 0 20px !important;
  }

  body.ux-refresh .ux-hero-actions .primary-btn,
  body.ux-refresh .hero-actions .primary-btn{
    width:100%;
    min-height:50px;
    padding:14px 16px !important;
    font-size:1rem !important;
  }

  body.ux-refresh .ux-secondary-link{
    width:max-content;
    font-size:.78rem;
    letter-spacing:.14em;
  }

  body.ux-refresh .ux-hero-pills{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin:18px 0 0 !important;
  }

  body.ux-refresh .ux-hero-pills span{
    min-width:0;
    padding:8px 10px !important;
    font-size:.74rem !important;
    text-align:center;
    white-space:normal;
  }

  body.ux-refresh .ux-hero-pills span:last-child{
    grid-column:1 / -1;
    width:max-content;
    max-width:100%;
  }

  body.ux-refresh .restored-hero-note{
    margin-top:16px !important;
    max-width:28ch;
    font-size:.78rem !important;
    line-height:1.45;
    letter-spacing:.06em !important;
  }

  /* Don't let old decorative mobile rules reappear */
  body.ux-refresh .restored-hero-caption,
  body.ux-refresh .restored-hero-aside{
    display:none !important;
  }

  /* Feature band becomes readable cards instead of squeezed columns */
  body.ux-refresh .ux-feature-band,
  body.ux-refresh .restored-feature-band{
    grid-template-columns:1fr 1fr !important;
    padding:0 10px !important;
  }

  body.ux-refresh .ux-feature-band article,
  body.ux-refresh .restored-feature-band article{
    min-height:0 !important;
    padding:15px 10px !important;
    align-items:flex-start;
    gap:8px !important;
  }

  body.ux-refresh .restored-feature-icon{
    font-size:1.25rem !important;
    min-width:24px !important;
  }

  body.ux-refresh .ux-feature-band h3,
  body.ux-refresh .restored-feature-band h3{
    font-size:.72rem !important;
    line-height:1.32 !important;
    letter-spacing:.09em !important;
  }

  body.ux-refresh .ux-feature-band p,
  body.ux-refresh .restored-feature-band p{
    font-size:.76rem !important;
    line-height:1.42 !important;
  }

  /* Compare hero gets same mobile behavior */
  body.ux-refresh .comparison-intro-matched,
  body.ux-refresh .comparison-intro-v2{
    min-height:auto !important;
    padding:34px 18px 30px !important;
    background-position:68% center !important;
  }

  body.ux-refresh .comparison-intro-matched h1,
  body.ux-refresh .comparison-intro-v2 h1{
    max-width:10ch !important;
    font-size:clamp(2.75rem,12vw,3.85rem) !important;
    line-height:.93 !important;
  }

  body.ux-refresh .comparison-intro-note,
  body.ux-refresh .comparison-intro-aside{
    display:none !important;
  }

  body.ux-refresh .comparison-pills{
    display:grid;
    grid-template-columns:1fr;
  }

  body.ux-refresh .comparison-picker select{
    width:100% !important;
    min-width:0 !important;
  }
}

/* Very narrow phones */
@media(max-width:390px){
  body.ux-refresh .ux-hero h1,
  body.ux-refresh .restored-hero h1,
  body.ux-refresh .comparison-intro-matched h1,
  body.ux-refresh .comparison-intro-v2 h1{
    font-size:2.65rem !important;
  }

  body.ux-refresh .ux-hero-pills{
    grid-template-columns:1fr !important;
  }

  body.ux-refresh .ux-hero-pills span:last-child{
    grid-column:auto;
    width:100%;
  }

  body.ux-refresh .ux-feature-band,
  body.ux-refresh .restored-feature-band{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   Compare page mobile refinement v2
   ========================================================= */
@media(max-width:720px){
  /* Make the compare hero feel like a compact decision screen, not a second homepage. */
  body.ux-refresh .comparison-intro-matched,
  body.ux-refresh .comparison-intro-v2{
    min-height:auto !important;
    padding:30px 18px 26px !important;
    background-position:70% center !important;
    border-radius:0 0 22px 22px !important;
  }

  body.ux-refresh .comparison-intro-matched .eyebrow,
  body.ux-refresh .comparison-intro-v2 .eyebrow{
    margin-bottom:12px !important;
    font-size:.58rem !important;
    line-height:1.45 !important;
    letter-spacing:.20em !important;
    max-width:34ch;
  }

  body.ux-refresh .comparison-intro-matched h1,
  body.ux-refresh .comparison-intro-v2 h1{
    max-width:9ch !important;
    margin:0 0 14px !important;
    font-size:clamp(2.62rem,11vw,3.3rem) !important;
    line-height:.94 !important;
  }

  body.ux-refresh .comparison-intro-matched .comparison-hero-deck,
  body.ux-refresh .comparison-intro-v2 .comparison-hero-deck{
    max-width:31ch !important;
    margin:0 0 20px !important;
    font-size:.94rem !important;
    line-height:1.52 !important;
  }

  body.ux-refresh .comparison-picker-wrap{
    gap:8px !important;
  }
  body.ux-refresh .comparison-picker-label{
    font-size:.63rem !important;
    letter-spacing:.18em !important;
  }
  body.ux-refresh .comparison-picker select{
    min-height:54px !important;
    padding:12px 14px !important;
    border-radius:12px !important;
    font-size:1rem !important;
  }

  /* The pills were useful on desktop but just repeat information on phones. */
  body.ux-refresh .comparison-pills{
    display:none !important;
  }

  /* Never show the duplicate selector directly beneath the hero. */
  body.ux-refresh .compare-sticky-bar.mobile-gated{
    display:none !important;
  }
  body.ux-refresh .compare-sticky-bar.mobile-gated.mobile-show{
    display:flex !important;
    position:fixed !important;
    top:82px !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    margin:0 !important;
    padding:8px 10px !important;
    z-index:45 !important;
    border-radius:14px !important;
    background:rgba(246,238,225,.96) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 12px 30px rgba(33,24,15,.14) !important;
  }
  body.ux-refresh .compare-sticky-bar.mobile-show label,
  body.ux-refresh .compare-sticky-bar.mobile-show select{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  body.ux-refresh .compare-sticky-bar.mobile-show select{
    min-height:44px !important;
    padding:9px 11px !important;
    border-radius:9px !important;
    font-size:.92rem !important;
  }

  /* Head-to-head begins immediately after the hero. */
  body.ux-refresh .comparison-page-redesign #comparison-view{
    padding-top:16px !important;
  }
  body.ux-refresh .duel-summary{
    margin-top:0 !important;
  }
}

@media(max-width:430px){
  body.ux-refresh .comparison-intro-matched h1,
  body.ux-refresh .comparison-intro-v2 h1{
    font-size:2.55rem !important;
  }
  body.ux-refresh .comparison-intro-matched .comparison-hero-deck,
  body.ux-refresh .comparison-intro-v2 .comparison-hero-deck{
    font-size:.9rem !important;
  }
}


/* =========================================================
   Integrated compare banner + feedback feature
   ========================================================= */
.comparison-shell{
  background:#081410;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 18px 52px rgba(18,14,11,.09);
}
.comparison-shell .comparison-topbar-matched{
  margin-bottom:0;
  border:none;
  border-bottom:1px solid rgba(223,191,123,.14);
  border-radius:0;
  background:linear-gradient(180deg, rgba(7,14,14,.96), rgba(7,14,14,.82));
}
.comparison-shell .comparison-page-matched{
  border-radius:0;
  overflow:hidden;
  background:transparent;
}
.comparison-shell .comparison-intro-matched{
  margin-top:0 !important;
  border-radius:0;
}

.feedback-panel{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(320px,.95fr);
  gap:28px;
  align-items:start;
  margin:26px 0 0;
  padding:30px;
  border-radius:30px;
  background:
    radial-gradient(circle at 84% 18%, rgba(223,191,123,.14), transparent 18%),
    linear-gradient(135deg, rgba(10,20,18,.98), rgba(14,39,31,.94));
  color:#f5ede0;
  box-shadow:0 16px 42px rgba(17,13,10,.08);
  border:1px solid rgba(223,191,123,.14);
}
.feedback-panel .eyebrow{color:#dfbf7b;margin:0 0 14px;letter-spacing:.22em;}
.feedback-panel h2{font-size:clamp(2.2rem,4vw,3.4rem);line-height:.95;margin:0 0 12px;color:#f7f0e3;}
.feedback-panel p{margin:0;color:rgba(245,237,224,.78);font-size:1rem;line-height:1.6;}
.feedback-form{
  display:grid;
  gap:14px;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(223,191,123,.12);
}
.feedback-reactions{display:flex;flex-wrap:wrap;gap:10px;}
.feedback-chip{
  appearance:none;
  border:1px solid rgba(223,191,123,.24);
  background:rgba(255,255,255,.04);
  color:#f5ede0;
  border-radius:999px;
  padding:9px 14px;
  font:inherit;
  cursor:pointer;
  transition:all .18s ease;
}
.feedback-chip:hover{background:rgba(255,255,255,.08);transform:translateY(-1px);}
.feedback-chip.is-active{background:#d9b56b;color:#15130f;border-color:#d9b56b;}
.feedback-label{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:#dfbf7b;}
.feedback-input{
  width:100%;
  min-height:128px;
  resize:vertical;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(223,191,123,.16);
  background:rgba(248,241,228,.97);
  color:#1b1915;
  font:inherit;
  line-height:1.55;
}
.feedback-input:focus{outline:2px solid rgba(217,181,107,.4);outline-offset:2px;}
.feedback-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.feedback-actions .primary-btn,
.feedback-actions .ghost-dark{border-radius:12px;padding:14px 18px;}
.feedback-actions .ghost-dark{border-color:rgba(245,237,224,.34);color:#f5ede0;}
.feedback-status{min-height:1.35em;color:#dfbf7b;font-size:.92rem;}
.feedback-panel-index{margin-top:26px;}
.feedback-panel-compare{margin:8px 0 26px;}

@media(max-width:760px){
  .comparison-shell{border-radius:22px;}
  body.ux-refresh .comparison-shell .comparison-topbar,
  body.ux-refresh .comparison-shell .comparison-topbar-matched{
    border-radius:0 !important;
    padding:13px 14px !important;
    margin:0 !important;
  }
  body.ux-refresh .comparison-shell .comparison-page-matched{border-radius:0;overflow:hidden;}
  body.ux-refresh .comparison-shell .comparison-intro-matched,
  body.ux-refresh .comparison-shell .comparison-intro-v2{
    margin-top:0 !important;
    border-radius:0 !important;
    padding:26px 18px 24px !important;
    background-position:70% center !important;
  }
  body.ux-refresh .comparison-page-redesign #comparison-view{padding-top:12px !important;}
  .feedback-panel{
    grid-template-columns:1fr;
    gap:20px;
    padding:22px;
    border-radius:22px;
    margin-top:18px;
  }
  .feedback-panel h2{font-size:2.4rem;}
  .feedback-form{padding:18px;border-radius:18px;}
  .feedback-actions{display:grid;grid-template-columns:1fr;}
  .feedback-actions .primary-btn,
  .feedback-actions .ghost-dark{width:100%;justify-content:center;}
  .feedback-chip{width:auto;}
}

@media(max-width:420px){
  .feedback-panel h2{font-size:2.1rem;}
  .feedback-panel p{font-size:.95rem;}
  .feedback-reactions{gap:8px;}
  .feedback-chip{padding:8px 12px;font-size:.92rem;}
}


/* =========================================================
   Feedback panel polish + Netlify forms delivery
   ========================================================= */
.feedback-panel{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(100deg, rgba(5,14,13,.94) 0%, rgba(5,20,18,.90) 36%, rgba(14,36,30,.84) 100%),
    linear-gradient(0deg, rgba(8,18,15,.45), rgba(8,18,15,.45)),
    url('scenes/themistocles-salamis-hd.png') center center / cover no-repeat;
  isolation:isolate;
}
.feedback-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 18%, rgba(223,191,123,.18), transparent 20%),
    linear-gradient(90deg, rgba(4,12,11,.72) 0%, rgba(4,12,11,.44) 38%, rgba(4,12,11,.18) 100%);
  pointer-events:none;
  z-index:0;
}
.feedback-panel > *{position:relative;z-index:1;}
.feedback-panel .feedback-copy h2{
  color:#f6efe1 !important;
  text-shadow:0 2px 16px rgba(0,0,0,.35);
}
.feedback-panel .feedback-copy p,
.feedback-panel .feedback-copy .feedback-routing-note{
  color:rgba(246,239,225,.88) !important;
  max-width:42rem;
}
.feedback-panel .feedback-routing-note{
  margin-top:14px !important;
  font-size:.96rem;
}
.feedback-form{
  backdrop-filter:blur(8px);
  background:linear-gradient(180deg, rgba(243,235,221,.08), rgba(255,255,255,.03));
  border:1px solid rgba(223,191,123,.16);
  box-shadow:0 16px 40px rgba(0,0,0,.15);
}
.feedback-chip{background:rgba(255,255,255,.05); color:#f7f0e3;}
.feedback-chip:hover{background:rgba(255,255,255,.11);}
.feedback-label{color:#ecc97e;}
.feedback-input{
  background:rgba(247,241,231,.98);
  color:#171511;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.feedback-input::placeholder{color:#7d7a73;}
.feedback-status{color:#f0cf88;}
.feedback-actions .primary-btn[disabled]{opacity:.72; cursor:progress;}
.feedback-actions .ghost-dark{background:rgba(255,255,255,.03);} 

@media(min-width:980px){
  .feedback-panel{
    grid-template-columns:minmax(320px,1.05fr) minmax(420px,.95fr);
    min-height:360px;
  }
  .feedback-panel .feedback-copy{
    align-self:center;
    padding-right:14px;
  }
}

@media(max-width:760px){
  .feedback-panel{
    background-position:62% center;
  }
  .feedback-panel::before{
    background:
      linear-gradient(180deg, rgba(4,12,11,.78) 0%, rgba(4,12,11,.52) 45%, rgba(4,12,11,.60) 100%),
      radial-gradient(circle at 72% 14%, rgba(223,191,123,.12), transparent 24%);
  }
  .feedback-panel .feedback-copy p,
  .feedback-panel .feedback-copy .feedback-routing-note{max-width:none;}
}


/* Pass 1: keyboard accessibility */
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid #d9b56b;
  outline-offset: 3px;
}
.feedback-chip[aria-checked="true"] {
  box-shadow: 0 0 0 2px rgba(217,181,107,.7);
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Pass 1.1 hotfix — keep featured portraits in a stable square frame regardless of intrinsic image dimensions. */
.featured-image-frame{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:14px;background:#d9ccb7;}
.featured-image-frame img,
body.ux-refresh .featured-image-frame img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;}
@media(max-width:560px){.featured-image-frame{border-radius:12px;}}

/* Pass 1.2 hotfix — mobile-safe featured card geometry.
   Use the padding-box ratio technique rather than relying on intrinsic image
   dimensions/aspect-ratio so every featured portrait occupies an identical square. */
body.ux-refresh .featured-figures-grid {
  align-items:start;
  grid-auto-rows:auto;
}
body.ux-refresh .featured-mini-card {
  display:block;
  width:100%;
  min-width:0;
  height:auto !important;
  align-self:start;
}
body.ux-refresh .featured-image-frame {
  position:relative;
  display:block;
  width:100%;
  height:0 !important;
  padding-bottom:100%;
  aspect-ratio:auto !important;
  overflow:hidden;
  border-radius:14px;
  background:#d9ccb7;
}
body.ux-refresh .featured-image-frame > img {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center center;
  border-radius:0 !important;
  margin:0 !important;
}
@media(max-width:560px){
  body.ux-refresh .featured-figures-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 14px;
  }
  body.ux-refresh .featured-image-frame{border-radius:12px;}
}

/* Pass 1.3 — featured portraits: final defensive geometry + cache refresh.
   Every card owns a square media box; source image dimensions cannot affect layout. */
body.editorial-body.ux-refresh .ux-featured .featured-figures-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: start !important;
  grid-auto-rows: auto !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-mini-card {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  align-self: start !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-image-frame {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-image-frame > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
@media (max-width: 1100px) {
  body.editorial-body.ux-refresh .ux-featured .featured-figures-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 920px) {
  body.editorial-body.ux-refresh .ux-featured .featured-figures-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  body.editorial-body.ux-refresh .ux-featured .featured-figures-grid {
    gap: 18px 14px !important;
  }
  body.editorial-body.ux-refresh .ux-featured .featured-image-frame {
    border-radius: 12px !important;
  }
}


/* Pass 1.4 — featured figures visual polish.
   Editorial refinement only: spacing, type hierarchy, card rhythm, and hover/focus treatment. */
body.editorial-body.ux-refresh .ux-featured {
  padding: 34px 32px 36px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(223,191,123,.055), transparent 34%),
    linear-gradient(180deg,#091713 0%,#0d2019 100%) !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-strip-header {
  align-items: end !important;
  margin-bottom: 24px !important;
  gap: 28px !important;
}
body.editorial-body.ux-refresh .ux-featured .eyebrow {
  color: #d7b56f !important;
  letter-spacing: .18em !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
}
body.editorial-body.ux-refresh .ux-featured .ux-featured-title {
  margin-top: 9px !important;
  color: #f4eadb !important;
  font-size: clamp(2.15rem, 3.2vw, 3rem) !important;
  line-height: .98 !important;
  letter-spacing: -.018em !important;
  max-width: 820px !important;
  text-wrap: balance;
}
body.editorial-body.ux-refresh .ux-featured .featured-all-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0 2px 4px !important;
  color: #e0bd73 !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  border-bottom: 1px solid rgba(224,189,115,.32) !important;
  transition: color .18s ease, border-color .18s ease, transform .18s ease !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-all-link:hover,
body.editorial-body.ux-refresh .ux-featured .featured-all-link:focus-visible {
  color: #f1d694 !important;
  border-color: rgba(241,214,148,.82) !important;
  transform: translateY(-1px) !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-figures-grid {
  gap: 22px !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-mini-card {
  border-radius: 14px !important;
  text-align: left !important;
  transition: transform .2s ease !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-image-frame {
  border-radius: 13px !important;
  background: #d8c9b0 !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.07),
    0 8px 22px rgba(0,0,0,.12) !important;
  transition: box-shadow .2s ease, transform .2s ease !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-image-frame > img {
  transition: transform .28s ease, filter .28s ease !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-name {
  margin-top: 11px !important;
  color: #f5ecdf !important;
  font-size: 1.34rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
}
body.editorial-body.ux-refresh .ux-featured .featured-role {
  margin-top: 5px !important;
  color: rgba(245,237,224,.68) !important;
  font-size: .72rem !important;
  line-height: 1.35 !important;
  letter-spacing: .025em !important;
}
@media (hover:hover) and (pointer:fine) {
  body.editorial-body.ux-refresh .ux-featured .featured-mini-card:hover {
    transform: translateY(-3px) !important;
  }
  body.editorial-body.ux-refresh .ux-featured .featured-mini-card:hover .featured-image-frame {
    box-shadow:
      0 0 0 1px rgba(222,186,111,.48),
      0 13px 28px rgba(0,0,0,.2) !important;
  }
  body.editorial-body.ux-refresh .ux-featured .featured-mini-card:hover .featured-image-frame > img {
    transform: scale(1.025) !important;
    filter: contrast(1.02) saturate(1.02) !important;
  }
}
body.editorial-body.ux-refresh .ux-featured .featured-mini-card:focus-visible {
  outline: 2px solid #e0bd73 !important;
  outline-offset: 5px !important;
}
body.editorial-body.ux-refresh .ux-quote {
  padding: 24px 30px 30px !important;
  background: linear-gradient(180deg,#f4ecdf 0%,#eee3d3 100%) !important;
  color: #655b50 !important;
  letter-spacing: .16em !important;
}
body.editorial-body.ux-refresh .ux-quote > span {
  margin-top: 8px !important;
  color: #8a7761 !important;
  letter-spacing: .28em !important;
}
@media (max-width: 1100px) {
  body.editorial-body.ux-refresh .ux-featured .featured-figures-grid {
    gap: 20px !important;
  }
}
@media (max-width: 920px) {
  body.editorial-body.ux-refresh .ux-featured {
    padding: 28px 24px 30px !important;
  }
  body.editorial-body.ux-refresh .ux-featured .featured-strip-header {
    align-items: flex-start !important;
    margin-bottom: 22px !important;
  }
  body.editorial-body.ux-refresh .ux-featured .ux-featured-title {
    font-size: clamp(2rem, 6vw, 2.55rem) !important;
    line-height: 1.02 !important;
  }
}
@media (max-width: 560px) {
  body.editorial-body.ux-refresh .ux-featured {
    padding: 24px 18px 28px !important;
  }
  body.editorial-body.ux-refresh .ux-featured .featured-strip-header {
    gap: 14px !important;
    margin-bottom: 20px !important;
  }
  body.editorial-body.ux-refresh .ux-featured .featured-all-link {
    min-height: 34px !important;
    font-size: .68rem !important;
  }
  body.editorial-body.ux-refresh .ux-featured .featured-figures-grid {
    gap: 22px 14px !important;
  }
  body.editorial-body.ux-refresh .ux-featured .featured-image-frame {
    border-radius: 12px !important;
  }
  body.editorial-body.ux-refresh .ux-featured .featured-name {
    font-size: 1.22rem !important;
    margin-top: 9px !important;
  }
  body.editorial-body.ux-refresh .ux-featured .featured-role {
    font-size: .69rem !important;
    margin-top: 3px !important;
  }
  body.editorial-body.ux-refresh .ux-quote {
    padding: 22px 18px 28px !important;
    letter-spacing: .11em !important;
    line-height: 1.55 !important;
  }
}


/* Pass 2 — shared result entry + stronger sharing */
.shared-result-banner{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  margin:0 0 22px;padding:22px 24px;border-radius:18px;
  background:linear-gradient(135deg,rgba(17,38,30,.98),rgba(26,55,43,.96));
  border:1px solid rgba(218,181,116,.28);color:#f4ecdf;
  box-shadow:0 16px 40px rgba(0,0,0,.14);
}
.shared-result-banner h2{margin:.1rem 0 .35rem;color:#fff8ea;font-size:clamp(1.45rem,3vw,2.15rem);}
.shared-result-banner p:last-child{margin:0;color:#d8cfbf;max-width:720px;}
.premium-share-block .share-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
@media(max-width:720px){
  .shared-result-banner{align-items:flex-start;flex-direction:column;padding:20px 18px;}
  .shared-result-banner .primary-btn{width:100%;justify-content:center;}
  .premium-share-block .share-actions>*{width:100%;justify-content:center;}
}

/* =========================================================
   Pass 2.1 — compact desktop / tablet resilience
   Prevents the desktop header and hero from collapsing when
   the browser is narrowed without yet reaching phone width.
   ========================================================= */

/* Keep the desktop header compact instead of stacking it into three rows. */
@media (min-width:931px) and (max-width:1180px){
  body.ux-refresh .ux-header,
  body.ux-refresh .restored-header,
  body.ux-refresh .comparison-topbar,
  body.ux-refresh .comparison-topbar-matched{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:center !important;
    gap:20px !important;
    padding:16px 22px !important;
  }

  body.ux-refresh .restored-header > .restored-nav-cta,
  body.ux-refresh .ux-header > .restored-nav-cta,
  body.ux-refresh .comparison-topbar > .restored-nav-cta,
  body.ux-refresh .comparison-topbar > .nav-cta{
    display:none !important;
  }

  body.ux-refresh .ux-header nav,
  body.ux-refresh .restored-header nav,
  body.ux-refresh .comparison-topbar nav{
    justify-self:end !important;
    flex-wrap:nowrap !important;
    gap:clamp(12px,1.8vw,22px) !important;
    min-width:0;
  }

  body.ux-refresh .ux-header nav a,
  body.ux-refresh .restored-header nav a,
  body.ux-refresh .comparison-topbar nav a{
    font-size:.9rem !important;
    white-space:nowrap;
  }

  body.ux-refresh .restored-brand .brand-title,
  body.ux-refresh .comparison-topbar .brand-title{
    font-size:1.02rem !important;
  }

  body.ux-refresh .restored-brand .brand-sub,
  body.ux-refresh .comparison-topbar .brand-sub{
    font-size:.5rem !important;
    letter-spacing:.25em !important;
  }

  body.ux-refresh .ux-hero,
  body.ux-refresh .restored-hero{
    min-height:690px !important;
    padding:118px 30px 36px !important;
  }

  body.ux-refresh .ux-hero h1,
  body.ux-refresh .restored-hero h1{
    max-width:9.5ch;
    font-size:clamp(4rem,7vw,5.5rem) !important;
    line-height:.94 !important;
  }

  body.ux-refresh .ux-hero-copy,
  body.ux-refresh .restored-hero-copy{
    max-width:590px !important;
  }
}

/* At narrow-laptop/tablet widths, move to the compact menu before the
   desktop nav has a chance to wrap or overlap the hero. */
@media (min-width:761px) and (max-width:930px){
  body.ux-refresh .ux-header,
  body.ux-refresh .restored-header,
  body.ux-refresh .comparison-topbar,
  body.ux-refresh .comparison-topbar-matched{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:14px !important;
    padding:14px 18px !important;
    min-height:76px !important;
    background:#0b1714 !important;
  }

  body.ux-refresh .ux-header > nav,
  body.ux-refresh .restored-header > nav,
  body.ux-refresh .comparison-topbar > nav,
  body.ux-refresh .ux-header > .restored-nav-cta,
  body.ux-refresh .restored-header > .restored-nav-cta,
  body.ux-refresh .comparison-topbar > .restored-nav-cta,
  body.ux-refresh .comparison-topbar > .nav-cta{
    display:none !important;
  }

  body.ux-refresh .mobile-nav-menu{
    display:block !important;
    position:relative;
    justify-self:end;
    z-index:30;
  }

  body.ux-refresh .mobile-nav-menu summary{
    list-style:none;
    cursor:pointer;
    border:1px solid rgba(223,191,123,.34);
    border-radius:999px;
    padding:9px 14px;
    color:#f5ede0;
    font-size:.78rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:rgba(255,255,255,.045);
  }
  body.ux-refresh .mobile-nav-menu summary::-webkit-details-marker{display:none}

  body.ux-refresh .mobile-nav-panel{
    position:absolute;
    right:0;
    top:calc(100% + 10px);
    width:min(68vw,290px);
    display:grid;
    gap:4px;
    padding:10px;
    border:1px solid rgba(223,191,123,.16);
    border-radius:16px;
    background:rgba(10,22,18,.99);
    box-shadow:0 18px 42px rgba(0,0,0,.30);
  }

  body.ux-refresh .mobile-nav-panel a,
  body.ux-refresh .mobile-nav-panel button{
    display:block;
    width:100%;
    padding:12px 13px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#f5ede0;
    text-align:left;
    text-decoration:none;
    font:inherit;
    font-size:.94rem;
  }

  body.ux-refresh .mobile-nav-panel .mobile-nav-cta{
    margin-top:5px;
    background:#d9b56b;
    color:#17130f;
    text-align:center;
    font-weight:700;
  }

  body.ux-refresh .ux-hero,
  body.ux-refresh .restored-hero{
    min-height:610px !important;
    padding:44px 24px 36px !important;
    align-items:center !important;
    background-position:62% center !important;
  }

  body.ux-refresh .ux-hero-copy,
  body.ux-refresh .restored-hero-copy{
    max-width:560px !important;
  }

  body.ux-refresh .ux-hero h1,
  body.ux-refresh .restored-hero h1{
    max-width:9.5ch;
    font-size:clamp(3.65rem,8vw,4.8rem) !important;
    line-height:.94 !important;
  }

  body.ux-refresh .ux-hero-lead{
    font-size:1.55rem !important;
  }

  body.ux-refresh .ux-hero .hero-deck,
  body.ux-refresh .restored-hero .hero-deck{
    max-width:42ch !important;
    font-size:1rem !important;
  }
}

/* =========================================================
   Pass 2.2 — shared-result invitation polish
   Turns the direct-shared result banner into a premium invitation
   while preserving result behavior and responsive layout.
   ========================================================= */
body.ux-refresh .shared-result-banner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(28px,5vw,72px);
  margin:clamp(18px,3vw,32px) 0;
  padding:clamp(28px,4vw,46px) clamp(28px,4.8vw,58px);
  min-height:220px;
  border:1px solid rgba(223,191,123,.34);
  border-radius:26px;
  background:
    linear-gradient(92deg,rgba(7,20,16,.97) 0%,rgba(8,27,21,.91) 48%,rgba(7,24,20,.76) 100%),
    url("scenes/coriolanus-mother-hd.png?v=pass22shared") 72% 43%/cover no-repeat;
  box-shadow:
    0 22px 54px rgba(25,18,10,.17),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 80px rgba(218,181,105,.035);
}
body.ux-refresh .shared-result-banner::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 22%,rgba(236,203,128,.14),transparent 26%),
    linear-gradient(115deg,rgba(255,255,255,.025),transparent 34%,rgba(223,191,123,.05) 70%,transparent);
}
body.ux-refresh .shared-result-banner::after{
  content:"";
  position:absolute;
  left:clamp(28px,4.8vw,58px);
  bottom:0;
  width:clamp(86px,12vw,160px);
  height:2px;
  background:linear-gradient(90deg,#dfbf7b,rgba(223,191,123,0));
  opacity:.82;
}
body.ux-refresh .shared-result-banner > *{
  position:relative;
  z-index:1;
}
body.ux-refresh .shared-result-copy{
  max-width:720px;
}
body.ux-refresh .shared-result-banner .eyebrow{
  margin:0 0 12px;
  color:#d7ad60 !important;
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.28em;
}
body.ux-refresh .shared-result-banner h2{
  margin:0 0 10px;
  max-width:16ch;
  color:#fff7e9 !important;
  font-size:clamp(2rem,3.4vw,3.25rem);
  line-height:.98;
  letter-spacing:-.025em;
  text-wrap:balance;
  text-shadow:0 2px 18px rgba(0,0,0,.32);
}
body.ux-refresh .shared-result-banner .shared-result-deck{
  margin:0;
  max-width:58ch;
  color:#e4ddd0 !important;
  font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.62;
}
body.ux-refresh .shared-result-banner .shared-result-whisper{
  margin:15px 0 0;
  color:#c7b995 !important;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(1rem,1.35vw,1.2rem);
  font-style:italic;
  letter-spacing:.015em;
}
body.ux-refresh .shared-result-banner #take-own-oracle{
  min-width:210px;
  min-height:74px;
  padding:16px 24px;
  border:1px solid rgba(255,239,199,.34);
  border-radius:16px;
  background:linear-gradient(135deg,#e3bc67 0%,#d5a94d 100%);
  color:#17130d;
  box-shadow:0 13px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.35);
  font-size:1rem;
  font-weight:750;
  line-height:1.25;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
body.ux-refresh .shared-result-banner #take-own-oracle span{
  margin-left:10px;
  transition:transform .18s ease;
}
@media (hover:hover){
  body.ux-refresh .shared-result-banner #take-own-oracle:hover{
    transform:translateY(-2px);
    filter:brightness(1.035);
    box-shadow:0 17px 36px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.38);
  }
  body.ux-refresh .shared-result-banner #take-own-oracle:hover span{transform:translateX(3px)}
}
body.ux-refresh .shared-result-banner #take-own-oracle:focus-visible{
  outline:3px solid #fff2cc;
  outline-offset:4px;
}
@media (max-width:760px){
  body.ux-refresh .shared-result-banner{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:24px;
    min-height:0;
    padding:28px 22px 24px;
    border-radius:22px;
    background:
      linear-gradient(180deg,rgba(7,20,16,.95) 0%,rgba(8,27,21,.91) 65%,rgba(7,24,20,.88) 100%),
      url("scenes/coriolanus-mother-hd.png?v=pass22shared") 68% center/cover no-repeat;
  }
  body.ux-refresh .shared-result-banner::after{left:22px;width:92px}
  body.ux-refresh .shared-result-banner h2{max-width:13ch;font-size:clamp(2rem,10vw,2.7rem)}
  body.ux-refresh .shared-result-banner #take-own-oracle{
    width:100%;
    min-height:62px;
    justify-content:center;
  }
}