.commerce-page{padding-bottom:70px}.commerce-page h1{font-family:Poppins,Arial,sans-serif;line-height:1.04;letter-spacing:-.035em;font-size:clamp(40px,5vw,76px);max-width:1000px}.commerce-page h1 em{font-style:normal;color:#ffda66}.commerce-page h2{line-height:1.2}.commerce-page .overline{color:#ffda66}.commerce-section{margin-top:64px}.commerce-section>h2{font-family:Poppins,Arial,sans-serif;font-size:clamp(28px,3vw,42px)}.passport-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:60px;padding-top:50px;padding-bottom:35px}.passport-hero>img{width:100%;height:470px;object-fit:cover;object-position:center 64%;border:1px solid #39516a;border-radius:24px}.passport-hero .text-link{display:inline-block;margin:18px}.passport-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.passport-plan{background:linear-gradient(145deg,#162e43,#071b2b);border:1px solid #3d5369;border-radius:20px;padding:30px;display:flex;flex-direction:column}.passport-plan.recommended{border-color:#ffda66;box-shadow:0 0 30px #f5c95712}.passport-plan h2{font-size:25px;min-height:60px}.plan-price{font-size:38px!important;font-weight:750;color:#ffda66!important;margin:12px 0}.plan-price span{font-size:16px;font-weight:400;color:#c9d4df}.passport-plan ul{padding-left:20px;margin-bottom:28px}.passport-plan li{margin:11px 0;line-height:1.5}.passport-plan>.button{margin-top:auto}.passport-plan>.note{font-size:12px;margin-bottom:0}.passport-benefits{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.passport-benefits h2{font-size:23px}.commerce-faq{max-width:1050px}.commerce-faq details{margin:12px 0;background:#0d2639;border:1px solid #334b5c;border-radius:12px;padding:20px}.commerce-faq summary{cursor:pointer;font-weight:650}.book-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:38px}.book-product{background:linear-gradient(145deg,#142d42,#071b2b);border:1px solid #3d5369;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.book-product>img{width:100%;height:auto;aspect-ratio:595/842;object-fit:contain;background:#071b2b}.book-product>div:not(.book-future-cover){padding:25px;display:flex;flex:1;flex-direction:column}.book-product h2{font-family:Poppins,Arial,sans-serif;font-size:27px}.book-product .button{margin-top:auto;text-align:center;white-space:normal}.book-price{font-size:32px;font-weight:700;color:#ffda66!important;margin-bottom:0}.book-price span{font-size:14px;font-weight:400}.coming-soon{border-top:1px solid #355066;padding-top:20px;color:#d8c3f5!important;font-weight:600;margin-top:auto}.book-future-cover{aspect-ratio:595/842;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:25px;padding:25px;background:radial-gradient(ellipse at 50% 75%,#712877 0,#172343 48%,#061c30 80%);color:#ffdc76;border-bottom:1px solid #3a5068}.book-future-cover.volume-3{background:radial-gradient(ellipse at 50% 75%,#62651d 0,#183d45 48%,#061c30 80%)}.book-future-cover strong{font-family:Poppins,Arial,sans-serif;line-height:1.08;font-size:clamp(24px,3vw,45px);color:#f8f8f3}.book-future-cover>span:first-child{letter-spacing:3px;font-size:13px;font-weight:700}.future-spark{font-size:90px;line-height:1;text-shadow:0 0 30px #ffd465}.book-future-cover small{color:#e3e1da}.book-details{display:grid;grid-template-columns:1.3fr 1fr;gap:65px}.book-details li{margin:12px 0}.account-panel{max-width:1100px;background:linear-gradient(145deg,#112d42,#071b2b);border:1px solid #355066;border-radius:20px;padding:35px;margin-top:30px}.account-panel>section{border-bottom:1px solid #355066;padding:15px 0 28px}.account-panel h2{font-family:Poppins,Arial,sans-serif;font-size:30px}.account-panel .button{margin:8px}.account-saved{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;background:#102b40;border:1px solid #355066;padding:17px;border-radius:10px;margin:10px 0;text-decoration:none;color:#f3f5f8}.account-form{max-width:560px;border:1px solid #3d5369;border-radius:18px;padding:30px;background:#10283b}.account-form label{display:block;margin-bottom:18px}.account-form input,.account-panel input,.account-panel select{display:block;margin-top:7px;border:1px solid #5b7188;background:#061c2b;color:#fff;border-radius:8px;padding:12px;font:inherit;width:100%;max-width:500px}.account-panel select{width:auto}.account-entry{max-width:1000px}.account-entry h1{font-size:clamp(35px,5vw,60px)}.passport-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding:12px 15px;border-top:1px solid #334b5d}.passport-save{border:1px solid #617181;background:transparent;color:#e8edf2;border-radius:20px;padding:7px 11px;cursor:pointer;font:500 11px/1.3 Poppins,system-ui,sans-serif;min-height:34px}.passport-save:hover,.passport-save[aria-pressed=true]{border-color:#ffda66;color:#ffda66;background:#ffda6610}.quiz-entry-copy>.passport-card-actions{border:0;padding:12px 0}.passport-dialog{background:linear-gradient(145deg,#163348,#061827);color:#edf1f5;border:1px solid #62717e;border-radius:20px;max-width:530px;padding:32px}.passport-dialog::backdrop{background:#010b14d9}.passport-dialog h2{font:700 35px/1.1 Poppins,Arial,sans-serif}.passport-dialog p{color:#d2dce5;line-height:1.65}.passport-dialog .overline{color:#ffda66}.passport-dialog .button{display:inline-flex;margin-top:12px}.passport-dialog .secondary{display:block}.passport-sync-status{color:#c5d8df;font-size:12px;line-height:1.6;background:#123044;border-left:3px solid #68d8b5;border-radius:5px;padding:9px 13px;margin-bottom:20px}.sync-warning{color:#ffe0a3!important}.passport-nav{font:600 12px Poppins,system-ui;color:#ffda66;text-decoration:none;border:1px solid #53667a;padding:9px 12px;border-radius:24px;white-space:nowrap}.site-header .header-inner{gap:15px}.commerce-promo{border:1px solid #375267;border-radius:20px;padding:32px;background:linear-gradient(120deg,#29304a,#0a2638);margin-top:40px}.commerce-promo h2{font-family:Poppins,Arial,sans-serif;font-size:34px}.commerce-promo .button{margin-right:12px}@media(min-width:1250px) and (max-width:1550px){.desktop-nav{gap:14px!important}.desktop-nav a{font-size:12px!important}.site-header .brand{max-width:170px}}@media(max-width:1200px){.passport-nav{margin-left:auto}.passport-plans{gap:12px}.passport-plan{padding:21px}.passport-hero{gap:30px}.book-products{gap:18px}}@media(max-width:850px){.passport-hero{grid-template-columns:1fr;padding-top:30px;gap:20px}.passport-hero>img{height:320px;object-position:center 64%}.passport-plans,.passport-benefits{grid-template-columns:1fr}.passport-plan h2{min-height:0}.book-products{grid-template-columns:1fr;max-width:540px;margin-left:auto;margin-right:auto}.book-details{grid-template-columns:1fr;gap:24px}.book-future-cover strong{font-size:42px}.account-panel{padding:22px}.commerce-section{margin-top:38px}.passport-card-actions{padding:10px}.passport-dialog{width:calc(100% - 30px);padding:25px}.passport-nav{font-size:11px;padding:8px}.site-header .header-inner{gap:9px}.commerce-promo{padding:24px}.commerce-page h1{font-size:43px}}@media print{.passport-nav,.passport-card-actions,.passport-sync-status{display:none}}

.book-sample{display:block;margin-top:16px;font-size:13px}.passport-upgrade{padding:25px!important;background:#39294b45;border:1px solid #674e83!important;border-radius:12px;margin-top:20px}
@media(max-width:600px){.site-header .brand{width:135px;min-width:0;flex:0 0 135px}.site-header .brand-image{width:100%;height:auto}.passport-nav{font-size:10px;padding:7px 9px}}@media(max-width:400px){.site-header .brand{width:118px;flex-basis:118px}}@media(max-width:360px){.passport-nav{display:none}}
.book-detail-hero>img{height:auto;max-height:660px;object-fit:contain;border:0}.book-detail-hero .text-link{margin-left:0}.book-detail-hero h1{font-size:clamp(42px,5vw,72px)}

/* Membership and books are easy to reach from every page. */
.site-header .header-inner{gap:clamp(10px,.8vw,16px)}
.site-header .brand{width:clamp(135px,10vw,190px);max-width:none;flex:0 0 auto}
.site-header .brand-image{width:100%}
.site-header .desktop-nav{gap:clamp(10px,.9vw,18px)}
.site-header .desktop-nav>a{font-size:clamp(11px,.78vw,15px)}
.site-header .passport-nav{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#ffe795,#ffd45c);color:#091c2b;border:1px solid #ffe797;box-shadow:0 3px 18px #ffce4d24;padding:12px 17px;border-radius:99px;font-size:clamp(12px,.8vw,15px);font-weight:750;line-height:1.4;flex:none;margin-left:0;min-height:44px}
.site-header .passport-nav .ui-icon{width:16px;height:16px}
.site-header .passport-nav:hover{background:#ffe9a2;color:#091c2b;box-shadow:0 4px 22px #ffce4d42}
.site-header .account-nav{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 13px;border:1px solid #6b8299;border-radius:99px;color:#f2f5fa;text-decoration:none;font-size:clamp(11px,.75vw,14px);font-weight:600;line-height:1.4;white-space:nowrap;flex:none}
.site-header .account-nav:hover{border-color:#ffda70;color:#ffda70;background:#ffda7008}
.site-header .menu-button{width:auto;min-width:90px;padding:10px 14px;min-height:42px;gap:7px;font-size:clamp(12px,.8vw,15px);background:#102638;color:#e4edf6;border:1px solid #526a80}
.site-header .menu-button:hover{background:#1c354a;color:#ffda70}
.site-header .menu-button .ui-icon{width:18px;height:18px}
.account-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.account-entry-grid>:only-child{grid-column:1/-1;max-width:560px}
.account-entry-grid>.account-form{width:100%;max-width:none;margin:0;height:100%}
.account-entry-grid>.account-form:only-child{max-width:560px;height:auto}
.account-join-callout{border:1px solid #796c43;border-radius:18px;padding:30px;background:linear-gradient(140deg,#ffda7014,#10283b);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.account-join-callout h2{font:700 30px/1.2 Poppins,Arial,sans-serif;margin-top:0}
.account-form select{display:block;margin-top:7px;border:1px solid #5b7188;background:#061c2b;color:#fff;border-radius:8px;padding:12px;font:inherit;width:100%}
@media(max-width:1400px){.site-header .desktop-nav,.site-header .menu-button{display:none}.site-header .mobile-nav{display:block;position:static}.site-header .passport-nav{margin-left:auto}.site-header .mobile-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;max-width:none;left:16px;right:16px;top:calc(100% - 1px)}.site-header .mobile-nav:not([open]) nav{display:none}}
@media(max-width:700px){.account-entry-grid{grid-template-columns:1fr}.account-join-callout{padding:24px}}
@media(max-width:600px){.site-header .header-inner{width:calc(100% - 24px);gap:6px;min-height:72px}.site-header .brand{width:clamp(74px,24vw,118px);flex:0 1 auto;min-width:60px}.site-header .passport-nav{display:inline-flex;padding:10px 11px;font-size:11px;min-height:40px}.site-header .passport-nav .ui-icon{display:none}.site-header .account-nav{padding:9px;font-size:10px;min-height:40px}.site-header .mobile-nav>summary{padding:11px;min-height:40px}.site-header .mobile-nav>summary>span{display:none}.site-header .mobile-nav summary .ui-icon{width:18px;height:18px}}
@media print{.account-nav{display:none}}

/* Quiz saves sit beside the duration, inside the card's copy. */
.passport-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;width:100%;margin:0 0 13px}
.passport-meta-row>.collection-time,.passport-meta-row>.relationship-time,.passport-meta-row>.card-time{margin:0;min-width:0;font-size:11px;color:#d3dfed;line-height:1.45}
.passport-meta-row>.passport-card-actions{display:flex;flex:none;flex-wrap:nowrap;gap:7px;margin:0 0 0 auto;padding:0;border:0}
.passport-card-actions>.passport-save-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;min-height:34px;min-width:34px;padding:0;border:1px solid #61778b;border-radius:50%;background:transparent;color:#d5e1ed;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.passport-save-icon>svg{display:block;width:17px;height:17px;pointer-events:none}
.passport-card-actions>.passport-save-icon:hover,.passport-card-actions>.passport-save-icon[aria-pressed=true]{color:#ffda66;border-color:#ffda66;background:#ffda6614}
.passport-save-icon[data-passport-choice=favourite][aria-pressed=true]>svg{fill:currentColor}
.passport-card-actions>.passport-save-icon:focus-visible{outline:2px solid #ffda66;outline-offset:3px}
.passport-card-actions>.passport-save-icon:disabled{opacity:.55;cursor:wait}
.quiz-hero-copy>.passport-meta-row,.quiz-experience-hero>.passport-meta-row,.quiz-experience>.passport-meta-row{margin-top:18px}
@media(prefers-reduced-motion:reduce){.passport-card-actions>.passport-save-icon{transition:none}}
.card-time{display:flex;align-items:center;gap:7px}.card-time>.ui-icon{width:17px;height:17px;flex:none}

/* Balance the primary links between the brand and account controls. */
@media(min-width:1401px){.site-header .desktop-nav{margin-inline:auto;justify-content:center}}

/* Passport typography echoes the rounded, bold Quiz Bar wordmark. */
.passport-page h1{font-family:Poppins,Arial,sans-serif;font-weight:800;font-size:clamp(34px,4vw,68px);line-height:1.08;letter-spacing:-.04em}
.passport-page h2{font-family:Poppins,Arial,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.025em}
@media(max-width:600px){.passport-page h1{font-size:clamp(28px,7.8vw,42px);letter-spacing:-.035em}}
.passport-page .passport-plan h2{min-height:3.6em}
@media(max-width:850px){.passport-page .passport-plan h2{min-height:0}}