/* Evening review: concise pages, with phone-specific structure. */
:root{--revision-red:#90002f;--revision-ink:#640021}
.concise-page{background:#fff;color:var(--revision-red);font-family:'Avenir Next',Arial,sans-serif;max-width:none!important;margin:0!important}
.concise-page *{box-sizing:border-box;min-width:0}
.concise-page h1,.concise-page h2{font-family:'Avenir Next',Arial,sans-serif;font-weight:300;letter-spacing:-.035em;line-height:1.12;margin:0 0 16px}
.concise-page h1{font-size:clamp(36px,4.4vw,64px)}
.concise-page h2{font-size:32px}
.concise-page p{font-size:17px;line-height:1.55;color:var(--revision-ink);margin:0 0 18px;font-weight:400}
.concise-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:42px 5vw;background:#fff}
.concise-hero>img{width:100%;height:320px;object-fit:cover;object-position:center 42%;display:block}
.concise-hero .eyebrow{font-size:13px;line-height:1.4;letter-spacing:.08em;margin-bottom:15px;color:inherit}
.concise-hero .display-copy{font-weight:300;font-size:24px;line-height:1.5;margin:0}
.concise-section{padding:30px 5vw;margin:0;border-top:1px solid #ead4dc}
.concise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:18px 0}
.concise-card{border:1px solid var(--revision-red);background:#fff;display:flex;flex-direction:column;overflow:hidden;color:var(--revision-red)}
.concise-card>div{padding:24px;display:flex;flex-direction:column;flex:1}
.concise-card h2{font-size:28px}
.concise-card p{font-size:16px}
.concise-card .btn{margin-top:auto;align-self:start}
.concise-card>img{height:210px;width:100%;object-fit:cover}
.concise-page .btn{border:1px solid var(--revision-red);border-radius:30px;padding:13px 22px;min-height:44px;white-space:normal;font:500 13px/1.3 'Avenir Next',Arial,sans-serif;text-decoration:none;cursor:pointer;background:white;color:var(--revision-red);display:inline-flex;align-items:center;justify-content:center;text-align:center;max-width:100%}
.concise-page .btn.primary{background:var(--revision-red);color:white}
.concise-page .actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0}
.concise-page .consent-footnote{font-size:12px;line-height:1.5;padding:12px 5vw;margin:0}
.concise-details{margin:20px 0;border-top:1px solid #dcc3cc;padding:16px 0}
.concise-details summary,.compact-faq summary{font-size:17px;cursor:pointer;font-weight:500;padding-right:24px;line-height:1.4}
.concise-details p{margin:14px 0 0}
.parent-interest{max-width:900px;margin:auto}
.parent-interest form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.parent-interest label{font-size:15px;line-height:1.5}
.parent-interest input:not([type=checkbox]){display:block;width:100%;padding:12px;font:16px 'Avenir Next',Arial,sans-serif;border:1px solid #ba7e94;background:white;border-radius:0;margin-top:5px}
.parent-interest .parent-consent{grid-column:1/-1;display:flex;gap:10px;align-items:start;font-size:13px}
.parent-consent input{flex:0 0 18px;margin-top:4px}
.adult-membership .concise-hero{background:var(--revision-red);color:white}
.adult-membership .concise-hero p{color:white}
.adult-membership .concise-hero .btn{background:white;color:var(--revision-red);border-color:white}
.membership-rhythm,.membership-rhythm *{color:var(--revision-red)}
.membership-rhythm .concise-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.membership-rhythm .concise-card:first-child{background:var(--revision-red)}
.membership-rhythm .concise-card:first-child *{color:white}
.membership-rhythm .membership-price{font-size:14px;margin:20px 0 0}
.membership-age-note{margin:20px 0 0!important;padding:12px;border:1px solid #d3adba;font-size:13px!important}
.revision-dialog{border:1px solid #90002f;color:#90002f;background:white;border-radius:14px;padding:28px;width:calc(100% - 40px);max-width:460px;box-sizing:border-box;font:16px/1.5 'Avenir Next',Arial,sans-serif}
.revision-dialog::backdrop{background:#30001488}
.revision-dialog h2{font-size:30px;font-weight:400;margin:0 0 10px}
.revision-dialog .actions{display:grid;gap:10px}
.revision-dialog .btn{white-space:normal;margin:6px 0}
.grocery-wordmark{position:absolute;top:28px;left:28px;color:white;font:300 clamp(32px,4vw,65px)/1 'Avenir Next',Arial,sans-serif;text-shadow:0 1px 8px #0009;z-index:2}
.opening-photo-wrap{position:relative}
.pathfinder-panel .quiz-shell,.pathfinder-panel .quiz-card{background:white!important}
.editorial-page,.editorial-page .editorial-lead,.editorial-page .editorial-latest{background:white!important;color:#90002f!important}
.editorial-page .editorial-story,.editorial-page .editorial-feature{background:white!important;color:#90002f!important;border:1px solid #90002f!important}
.editorial-page .editorial-story :is(h2,p,small),.editorial-page .editorial-feature :is(h1,p,small){color:#760027!important}
.editorial-page .editorial-picks-head p{font-weight:400!important;color:#55001d!important}
.editorial-page .editorial-lead{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.editorial-page .editorial-lead .editorial-story{display:flex;flex-direction:column}
.editorial-page .editorial-lead .editorial-story img{height:300px;width:100%;object-fit:cover}
.editorial-page .editorial-lead .editorial-story small{margin-top:auto;padding-top:18px}
.editorial-page .editorial-section-head{margin-bottom:12px!important}
.editorial-page .topic-nav{margin-top:0!important}
img.toast-crop{object-position:center top!important}
.article-hero:has(.toast-crop){max-height:620px;overflow:hidden}
.article-hero .toast-crop{height:100%;max-height:620px;object-fit:cover!important}
.workshop-compact-hero{max-width:1060px;padding:32px 5vw;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;align-items:start}
.workshop-compact-hero>.eyebrow,.workshop-compact-hero>h1,.workshop-compact-hero>p,.workshop-compact-hero>.workshop-facts{grid-column:1}
.workshop-compact-hero>h1{font-size:clamp(30px,3.2vw,46px);margin:0}
.workshop-compact-hero>p{font-size:15px;margin:0}
.workshop-compact-hero>img{grid-column:2;grid-row:1/6;width:100%;height:360px;object-fit:cover;object-position:center}
.workshop-compact-hero>.btn{grid-column:1;justify-self:start}
.workshop-facts{display:grid;grid-template-columns:1fr 1fr;border:1px solid #90002f}
.workshop-facts>div{padding:12px;border:1px solid #e5cdd6;display:flex;flex-direction:column;gap:4px}
.workshop-facts b{font-size:15px;font-weight:500}
.workshop-facts span{font-size:12px;line-height:1.35}
.workshop-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}
.workshop-benefits h2{font-size:25px}
.workshop-benefits .concise-card>div{padding:18px}
.workshop-credit{padding-top:24px;padding-bottom:24px}
.workshop-credit p{max-width:850px;margin:0}
.compact-faq details{padding:14px 0;border-top:1px solid #d9bdc7}
.compact-faq p{font-size:15px;margin:12px 0 0}
.compact-faq h2{font-size:28px}
.match-concise .concise-hero h1{font-size:clamp(26px,2.4vw,37px)}
.concise-page .young-section-title{font-size:30px}
/* Contact keeps the working topic selection, without repeating the process. */
body:has(.contact-wrap) .intro{padding:32px 5vw;min-height:0}
body:has(.contact-wrap) .intro-image{height:240px}
body:has(.contact-wrap) .contact-wrap{padding:24px 5vw}
body:has(.contact-wrap) .form-shell{margin-top:20px}
body:has(.contact-wrap) .contact-next-note{margin:20px 5vw;font-size:15px;line-height:1.5}
body:has(.contact-wrap) .boundary{padding:20px 5vw;font-size:13px}
/* Founder story: the existing prose is unchanged. */
body:has(.childhood-grid) :is(.hero,.questions,.section,.truth,.mom,.learn,.build,.role,.close){min-height:0!important;padding-top:38px!important;padding-bottom:38px!important}
body:has(.childhood-grid) h1{font-size:clamp(36px,4vw,56px)!important}
body:has(.childhood-grid) h2{font-size:clamp(28px,3vw,42px)!important}
body:has(.childhood-grid) p{font-size:17px!important;line-height:1.55!important}
body:has(.childhood-grid) .childhood-grid{display:block;margin:20px 0 0}
body:has(.childhood-grid) .childhood-grid img{height:230px;width:auto;max-width:100%;object-fit:contain;margin:auto;display:block}
.founder-later-photo{float:right;margin:0 0 20px 32px;width:170px}
.founder-later-photo img{width:100%;height:230px;object-fit:cover}
body:has(.childhood-grid) .truth-row>b{display:none}
body:has(.childhood-grid) .truth-row{grid-template-columns:1fr 1.4fr;padding:22px 0}
body:has(.childhood-grid) .hero-photo img,body:has(.childhood-grid) .mom img,body:has(.childhood-grid) .close>img{max-height:380px;object-fit:cover}
@media(max-width:700px){
.concise-hero{grid-template-columns:1fr;gap:18px;padding:22px 20px}
.concise-hero>img{height:155px;object-fit:cover;object-position:center 40%}
.women-concise .concise-hero>img,.adult-membership .concise-hero>img{height:165px;object-position:center 37%}
.concise-page h1{font-size:31px;line-height:1.08;margin-bottom:12px}
.concise-page h2{font-size:25px;margin-bottom:10px}
.concise-page p{font-size:14px;line-height:1.5;margin-bottom:12px}
.concise-hero .display-copy{font-size:18px;line-height:1.5;font-weight:400}
.concise-hero .eyebrow{font-size:11px;margin-bottom:10px}
.concise-section{padding:22px 20px}
.concise-grid,.membership-rhythm .concise-grid,.workshop-benefits{grid-template-columns:1fr;gap:12px;margin:14px 0}
.concise-card>div{padding:18px}
.concise-card h2{font-size:23px}
.concise-card p{font-size:14px}
.concise-card .btn{font-size:11px;padding:11px 16px}
.concise-page .young-section-title{font-size:21px;line-height:1.2}
.concise-page .young-motto{font-size:14px;white-space:nowrap}
.concise-page .actions{gap:8px;margin-top:12px}
.concise-page .actions .btn{font-size:11px}
.parent-interest form{grid-template-columns:1fr}
.parent-interest .parent-consent{grid-column:1}
.grocery-wordmark{top:18px;left:20px;font-size:36px}
.editorial-page .editorial-lead{grid-template-columns:1fr;gap:16px}
.editorial-page .editorial-lead .editorial-story img{height:200px}
.editorial-page .editorial-lead .editorial-story h2{font-size:27px}
.editorial-page .editorial-latest{padding-top:22px!important}
.editorial-page .mobile-topic-filter{margin-top:8px!important}
.editorial-page .editorial-story img.toast-crop{height:195px!important;aspect-ratio:auto!important;object-position:top!important}
.workshop-compact-hero{display:flex;flex-direction:column;padding:18px 20px;gap:10px}
.workshop-compact-hero>.eyebrow{font-size:10px;letter-spacing:.08em}
.workshop-compact-hero>h1{font-size:23px;line-height:1.13;margin:0;letter-spacing:-.045em}
.workshop-compact-hero>p{font-size:12px;line-height:1.45}
.workshop-facts{width:100%;grid-template-columns:repeat(2,1fr)}
.workshop-facts>div{padding:7px 10px;gap:2px}
.workshop-facts b{font-size:12px}
.workshop-facts span{font-size:10px}
.workshop-compact-hero>img{height:92px;object-position:center 46%;width:100%}
.workshop-compact-hero>.btn{align-self:stretch;padding:11px 20px;font-size:12px}
.workshop-benefits .concise-card{display:grid;grid-template-columns:100px 1fr}
.workshop-benefits .concise-card>img{height:100%;min-height:150px;object-fit:cover}
.workshop-benefits .concise-card>div{padding:14px}
.workshop-benefits .concise-card h2{font-size:21px}
.workshop-benefits .concise-card p{font-size:13px}
.compact-faq h2{font-size:23px;white-space:nowrap;letter-spacing:-.045em}
.match-concise .concise-hero h1{font-size:21px;letter-spacing:-.045em;line-height:1.18}
body:has(.contact-wrap) .intro{padding:22px 20px}
body:has(.contact-wrap) .intro-image{height:140px}
body:has(.contact-wrap) .contact-wrap{padding:20px}
body:has(.contact-wrap) .form-aside{padding:18px}
body:has(.contact-wrap) .path-option{padding:14px;min-height:0}
body:has(.contact-wrap) .path-option strong{font-size:15px}
body:has(.childhood-grid) :is(.hero,.questions,.section,.truth,.mom,.learn,.build,.role,.close){padding-top:24px!important;padding-bottom:24px!important}
body:has(.childhood-grid) h1{font-size:32px!important}
body:has(.childhood-grid) h2{font-size:27px!important}
body:has(.childhood-grid) p{font-size:14px!important;line-height:1.5!important}
body:has(.childhood-grid) .truth-row{display:block;padding:16px 0}
body:has(.childhood-grid) .truth-row h3{font-size:20px;margin:0 0 10px}
body:has(.childhood-grid) .hero-photo img,body:has(.childhood-grid) .mom img,body:has(.childhood-grid) .close>img{max-height:230px}
body:has(.childhood-grid) .childhood-grid img{height:170px}
.founder-later-photo{width:105px;margin:0 0 12px 16px}
.founder-later-photo img{height:145px}
}
.women-concise .concise-hero>img,.adult-membership .concise-hero>img{object-position:center 8%}
@media(max-width:700px){
.concise-page h1{font-size:31px!important;line-height:1.12!important}
.concise-page h2{font-size:25px!important;line-height:1.15!important}
.concise-page .concise-card h2{font-size:23px!important}
.concise-page .young-section-title{font-size:21px!important;line-height:1.2!important}
.concise-page .workshop-compact-hero h1{font-size:23px!important;line-height:1.13!important}
.concise-page .workshop-benefits h2{font-size:21px!important}
.concise-page .compact-faq h2{font-size:23px!important}
.match-concise .concise-hero h1{font-size:21px!important;line-height:1.18!important}
.concise-page .btn{min-height:44px;font-size:12px!important;padding:11px 16px}
.concise-card .btn{font-size:11px!important}
.women-concise .concise-hero>img,.adult-membership .concise-hero>img{object-position:center 8%}
}
.concise-hero h1.eyebrow{font-size:13px!important;line-height:1.4!important;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.workshop-compact-hero>h1{font-size:32px}
@media(max-width:700px){.concise-hero h1.eyebrow{font-size:11px!important}.concise-hero .display-copy{font-weight:300}.women-concise .concise-hero>img,.adult-membership .concise-hero>img{height:190px;object-position:center 8%}}
/* September 19: clearer reading and complete phone opening sections. */
.guided-home .question-panel .story-copy{font-weight:400!important;color:#58001e!important;opacity:1!important}
.home-life-head{margin-bottom:0!important}.home-life-description{margin:16px 0 24px!important}
.promise-panel .pillar-visual-grid{margin-top:0!important}
#quizShell.quiz-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0;max-width:100%}
#quizShell::before,#quizShell::after,#quizShell .quiz-card::before,#quizShell .quiz-card::after{content:none!important;display:none!important}
#quizShell .quiz-card,#quizShell .quiz-result{background:#fff!important;box-shadow:none!important;border:1px solid #e8cbd5;border-radius:16px;overflow:hidden;min-width:0;max-width:100%}
#quizShell .quiz-topline.intro{display:none}
#quizShell .quiz-topline:not(.intro){color:#fff}
#quizShell .result-recommendation-copy{min-width:0;justify-content:center}
#quizShell .result-label>span{font-size:12px;letter-spacing:.08em}
@media(max-width:700px){
.guided-home .question-panel .story-copy{font-size:15px!important;line-height:1.4!important}
/* Header, intro and photograph form one screen; the next cards begin below it. */
.concise-page>.concise-hero{min-height:100svh;display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:22px 20px;box-sizing:border-box}
.concise-page>.concise-hero>div{flex:0 0 auto}
.concise-page>.concise-hero>img{flex:1 1 0;min-height:240px;height:0;width:100%;object-fit:cover;object-position:center 30%}
.young-concise>.concise-hero>img,.youth-membership>.concise-hero>img{object-position:center 18%}
.women-concise>.concise-hero>img,.adult-membership>.concise-hero>img{object-position:center 15%}
#quizShell .quiz-result{padding:18px!important}
#quizShell .result-recommendation{grid-template-columns:1fr!important;border:0;gap:0}
#quizShell .result-recommendation>img{width:100%;height:180px;min-height:0;max-height:none;object-fit:cover;object-position:center 18%}
#quizShell .result-recommendation-copy{padding:16px 0 0!important}
#quizShell .result-recommendation-copy p{font-size:14px!important;line-height:1.45!important}
#quizShell .result-recommendation-copy h4{font-size:23px!important}
#quizShell .result-recommendation-copy .btn{width:100%}
}

@media(max-width:700px){#quizShell .result-recommendation>img{height:120px}#quizShell .result-recommendation-copy h4{font-size:20px!important}}