/* Final Notes visual system: white, deep wine and restrained optical glass. */
:root{--red:#701c28;--wine:#701c28;--deep:#551420;--ink:#701c28;--pink:#fff;--rose:#fff;--soft:#fff;--line:#ddc8cd}
html body.final-site{background:#fff!important;color:#701c28!important}
body.final-site :is(h1,h2,h3,h4){font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;font-weight:300;letter-spacing:-.04em;text-wrap:balance}
body.final-site :is(p,.pillar-visual span,.quiz-option){text-wrap:pretty}
body.final-site :is(.concise-page,.concise-section,.concise-card,.editorial-page,.editorial-story,.quiz-shell,.quiz-card,.quiz-result,.home-life-panel,.pathfinder-panel,.home-promise-panel,.footer,.page,.audience-page,.start-quiz-page,.matching-preview,.moves-preview){background:#fff!important;color:var(--wine)!important;box-shadow:none!important}
body.final-site :is(.concise-card,.pillar-visual,.expert-card){border:1px solid var(--line);border-radius:0!important}
body.final-site :is(.btn,.primary,button.primary,.editorial-nav button.active){background:linear-gradient(135deg,#8a2837,#651621)!important;color:#fff!important;border:1px solid #b9687488!important;border-radius:999px;box-shadow:inset 0 1px 1px #fff5,0 3px 10px #54102114;backdrop-filter:blur(16px)}
body.final-site :is(.btn,.primary):hover{background:#541420!important;color:#fff!important;transform:translateY(-1px)}
body.final-site :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--wine)!important;outline-offset:4px}
body.final-site button:disabled{opacity:.45;cursor:not-allowed}
body.final-site :is(input,select,textarea){background:#fff;color:var(--wine);border-color:var(--line)}
body.final-site .site-nav{background:#fff;border:0;position:relative;isolation:isolate}
body.final-site .site-nav:before{content:'';position:absolute;inset:9px 20px 9px 27%;z-index:-1;border-radius:999px;background:linear-gradient(125deg,#8a2939,#64121f);border:1px solid #b96d7a;box-shadow:inset 0 1px 2px #fff7,0 4px 15px #701c2812}
body.final-site .site-nav .logo{color:var(--wine)!important;font-size:36px!important;font-weight:300!important}
body.final-site .nav-button{background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important}
body.final-site .nav-button:after,body.final-site .nav-item[data-featured] .nav-button:after{display:none!important}
body.final-site #mapButton{border-radius:999px;background:#ffffff20!important;border:1px solid #ffffff60!important}
body.final-site .announcement{background:white!important;color:var(--wine)!important;border-bottom:1px solid var(--line);box-shadow:none}
body.final-site .menu,body.final-site .map-drawer{background:#fff;color:var(--wine);border-color:var(--line)}
body.final-site .menu button,body.final-site .page-row{background:white;color:var(--wine)}
body.final-site .review-badge{background:#ffffffeb!important;color:var(--wine)!important;border:1px solid var(--line);backdrop-filter:blur(16px)}
body.final-site .review-badge button{color:var(--wine)!important}
body.final-site .quiz-shell{border:0!important;border-radius:0!important}
body.final-site #quizShell .quiz-card{background:#fff!important;color:var(--wine)!important;border:0!important;padding:32px}
body.final-site #quizShell .quiz-card :is(h3,p,span,em,strong){color:inherit!important}
body.final-site #quizShell .quiz-option{background:#fff!important;color:var(--wine)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important;min-height:64px}
body.final-site #quizShell .quiz-option.selected{background:var(--wine)!important;color:#fff!important;border-color:var(--wine)!important}
body.final-site #quizShell .quiz-option.selected *{color:white!important}
body.final-site .quiz-progress{background:#eee3e6!important;height:4px}
body.final-site .quiz-progress span{background:var(--wine)!important}
body.final-site .quiz-orientation{text-align:center;max-width:720px;margin:auto}
body.final-site .quiz-orientation h3{font-size:clamp(32px,4vw,50px)!important}
body.final-site .quiz-orientation .btn{min-width:210px;margin:18px auto 0}
body.final-site .quiz-topline.intro{max-width:260px;margin:0 auto}
body.final-site .start-quiz-head{display:none}
body.final-site .start-quiz-page{min-height:70vh;padding-top:9vh}
body.final-site .editorial-filters-review{justify-content:flex-start!important;gap:32px!important}
body.final-site .desktop-topic-review{margin-left:0!important;width:220px}
body.final-site .editorial-nav button{border:1px solid var(--line)!important;background:#fff;color:var(--wine);border-radius:999px!important}
body.final-site .credentials-key{font-size:14px;line-height:1.6;margin:0 0 32px}
body.final-site .match-hero-copy>p:empty,body.final-site .concise-intro:empty{display:none}
body.final-site .answer-panel{background-color:#701c28!important;color:white!important}
body.final-site .answer-panel:before{background:linear-gradient(90deg,#350916b8,#35091620)!important}
body.final-site .answer-panel :is(h2,p){color:#fff!important}
body.final-site .answer-panel .btn{background:#ffffff25!important;border-color:#ffffffb3!important;backdrop-filter:blur(18px);color:#fff!important;box-shadow:inset 0 1px #fff7}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1041px){body.final-site .site-nav{gap:10px;padding:0 28px}body.final-site .site-nav .logo{flex:0 0 25%;margin-right:0}body.final-site .site-nav .nav-item{flex:1;justify-content:center}.nav-button{font-size:14px!important}}
@media(max-width:1040px){body.final-site .site-nav:before{inset:9px 16px 9px auto;width:104px}body.final-site .site-nav .logo{font-size:29px!important}}
@media(max-width:700px){body.final-site .editorial-filters-review{gap:14px!important;flex-wrap:wrap}body.final-site .desktop-topic-review{width:100%}body.approved-home .review-badge{display:none!important}body.final-site #quizShell .quiz-card{padding:22px 12px}body.final-site .start-quiz-page{padding-top:5vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
html body.final-site{--red:#701c28;--wine:#701c28;--deep:#551420;--ink:#701c28;--pink:#fff;--rose:#fff;--soft:#fff;--line:#ddc8cd}
body.final-site .editorial-filters-review .editorial-nav{flex:0 1 auto!important;background:white!important;width:auto!important}
.article-library-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 28px}
.article-library-tabs button,.article-actions button{background:white;color:var(--wine);border:1px solid var(--line);border-radius:999px;padding:10px 20px;font:inherit;cursor:pointer}
.article-library-tabs button.active{background:var(--wine);color:#fff}
.story-with-actions{min-width:0;display:flex;flex-direction:column}
.story-with-actions .editorial-story{width:100%;flex:1}
.article-actions{display:flex;gap:10px;padding:14px 0}
.article-actions button:hover{border-color:var(--wine)}
body.final-site .pillar-visual span{background:white!important;color:var(--wine)!important}
body.final-site .home-promise-panel{background:#fff!important}
body.final-site .brand-tm{font-size:.33em;vertical-align:super;letter-spacing:0}


/* Live responsive homepage uses the supplied clean photograph unchanged. */
body.approved-home .shell{display:block;height:100dvh}
body.approved-home .shell>.announcement{display:none!important}
body.approved-home .stage{height:100%;background:#701c28}
body.approved-home .shell>.site-nav{position:absolute;inset:24px 0 auto;min-height:82px;width:100%;background:transparent!important;border:0;visibility:visible;pointer-events:none}
body.approved-home .site-nav>*{pointer-events:auto}
body.approved-home .site-nav .logo{color:white!important;font-weight:200!important;font-size:clamp(30px,2.8vw,46px)!important}
body.approved-home .site-nav:before{background:#fff2;border:1px solid #fffd;box-shadow:inset 0 1px 4px #fff6,0 2px 6px #0002;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
body.approved-home .nav-button{font-weight:400;font-size:clamp(12px,1.1vw,18px)!important}
body.approved-home .review-badge{display:none!important}
.live-cover{position:relative;isolation:isolate;min-height:680px;height:100svh;color:white;overflow:hidden;background:#701c28}
.live-cover .home-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center;z-index:-2}
.live-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#28061124,transparent 63%)}
.home-content{position:absolute;top:26%;left:4.6%;width:56%;max-width:850px}
body.final-site .home-content h1{font-size:clamp(48px,5.05vw,88px);font-weight:200;line-height:.96;letter-spacing:-.047em;color:#fff;margin:0 0 30px;text-wrap:initial}
.home-glass{border:1px solid #fffc;border-radius:999px;background:linear-gradient(120deg,#ffffff36,#ffffff22);box-shadow:inset 0 1px 3px #fff4,0 3px 14px #26081214;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff}
.home-start{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:19px 30px;font:400 clamp(17px,1.5vw,25px)/1.4 "Avenir Next",sans-serif;cursor:pointer}
.home-start span{font-size:32px;line-height:1}
.home-webinar{position:absolute;right:1.6%;bottom:4.4%;display:flex;align-items:center;gap:22px;padding:18px 20px 18px 32px;font-size:clamp(15px,1.2vw,20px);line-height:1.5}
.home-webinar>svg{width:36px;height:36px;stroke:white;fill:none;stroke-width:1.5}
.home-webinar>div>span{display:block}
.webinar-soon{border:1px solid #ffffff70;border-radius:999px;background:#701c28;color:white;padding:16px 22px;margin-left:20px;font:inherit;cursor:pointer;display:flex;gap:15px;align-items:center}
.home-start:hover{background:#ffffff40}.webinar-soon:hover{background:#561521}
body.final-site .live-cover button:focus-visible{outline:2px solid white!important;outline-offset:5px}
@media(max-width:1040px){body.approved-home .shell>.site-nav{top:16px;min-height:64px}.home-content{top:25%;width:80%}.home-content .desktop-break{display:none}.home-webinar{font-size:15px}}
@media(max-width:700px){.live-cover{height:100svh;min-height:720px}.live-cover .home-photo{object-position:67% center}.home-content{left:6%;top:23%;width:88%;max-width:440px}body.final-site .home-content h1{font-size:clamp(38px,10.8vw,60px);line-height:1.04;margin-bottom:26px}.home-start{font-size:16px;padding:14px 20px;gap:18px}.home-start span{font-size:26px}.home-webinar{left:5%;right:5%;bottom:4%;padding:14px 16px;border-radius:28px;gap:12px;flex-wrap:wrap;font-size:14px}.home-webinar>svg{width:28px;height:28px}.webinar-soon{margin-left:auto;padding:10px 15px;font-size:13px}.home-webinar>div{flex:1}.webinar-soon>span{display:none}}
@media(max-width:370px){.home-webinar{gap:8px;padding:12px}.home-webinar>svg{display:none}.home-content{top:22%}}

body.approved-home .shell>.site-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
@media(max-width:700px){.live-cover .home-photo{object-position:73% center}}

/* Article previews remain visible while full stories await launch. */
.article-launch{max-width:800px;margin:0 auto;padding:clamp(32px,7vw,100px) 24px;min-height:55vh;text-align:center;color:var(--wine,#641923)}
.article-launch h1{font-size:clamp(36px,6vw,64px);line-height:1.1;margin:24px 0}
.article-launch p{font-size:18px;line-height:1.6}
.article-launch .article-launch-title{max-width:640px;margin:20px auto;font-size:22px}
.article-age-options{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.article-age-options .btn{min-height:48px;min-width:140px}
.article-launch button:focus-visible{outline:3px solid #641923;outline-offset:5px}
@media(max-width:420px){.article-age-options{flex-direction:column}.article-age-options .btn{width:100%}}