/* V5 changes the reading experience only. Catalog and homepage retain V4. */
.guide-v5.is-case{--ink:#262d2d;--muted:#717777;--line:#dedfda;background:#fafaf7}
.guide-v5.is-case .nav{border-bottom-color:#dcded9}
.guide-v5.is-case .casepage{padding-top:0}
.guide-v5 .case-breadcrumb{display:flex;justify-content:space-between;align-items:center;padding:26px 0 34px;color:#79817e;font-size:11px}
.guide-v5 .case-breadcrumb .back{display:flex;gap:13px;align-items:center;font-size:12px;color:#69746f}
.guide-v5 .case-breadcrumb .back span{font-size:18px}
.guide-v5 .case-breadcrumb>span{font:11px Mono;letter-spacing:.5px}
.guide-v5 .case-spread{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,650px);gap:clamp(50px,7vw,105px);justify-content:space-between;align-items:start;padding-bottom:75px}
.guide-v5 .case-passport{position:sticky;top:34px;padding:0;min-width:0}
.guide-v5 .case-passport header{border-top:3px solid var(--tone-rich);padding-top:25px;position:relative}
.guide-v5 .case-passport header:before{content:'';position:absolute;top:-3px;left:-45px;right:-45px;bottom:-50px;background:radial-gradient(ellipse at 25% 25%,color-mix(in srgb,var(--tone-light) 19%,transparent),transparent 72%),radial-gradient(ellipse at 85% 80%,color-mix(in srgb,var(--tone-rich) 12%,transparent),transparent 65%);z-index:-1;pointer-events:none}
.guide-v5 .case-passport .category-label{font-size:11px;gap:8px;color:#57736c;line-height:1.5}
.guide-v5 .case-passport h1{font:400 clamp(32px,3.45vw,46px)/1.15 Lora,serif;letter-spacing:-1.55px;margin:28px 0 30px;text-wrap:pretty;color:#242f2d}
.guide-v5 .case-facts{font-size:11px;line-height:1.7;margin:0;color:#4f615a}
.guide-v5 .case-facts>div{display:grid;grid-template-columns:70px 1fr;gap:15px;margin-bottom:9px}
.guide-v5 .case-facts dt{color:#858d87}
.guide-v5 .case-facts dd{margin:0;display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.guide-v5 .difficulty{display:flex;gap:3px;align-items:end;height:12px}
.guide-v5 .difficulty i{height:5px;width:3px;background:#d3dbd5;display:block;border-radius:1px}
.guide-v5 .difficulty i:nth-child(2){height:8px}.guide-v5 .difficulty i:nth-child(3){height:11px}
.guide-v5 .difficulty .filled{background:var(--tone-ink)}
.guide-v5 .passport-action{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #455e52;padding:14px 0 12px;margin-top:18px;font-size:12px;max-width:237px;color:#2d443c}
.guide-v5 .passport-action span{font-size:21px}
.guide-v5 .case-contents{margin-top:43px;padding-top:0;max-width:275px}
.guide-v5 .contents-label{font-size:10px;color:#929992;display:block;margin-bottom:13px}
.guide-v5 .case-contents a{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.5;min-height:31px;color:#77847b}
.guide-v5 .contents-tick{width:13px;height:1px;background:#bfc9c0;flex:0 0 auto}
.guide-v5 .case-contents a.current{color:#263f32}.guide-v5 .case-contents a.current .contents-tick{height:2px;background:var(--tone-ink);width:22px}
.guide-v5 .case-contents a:hover,.guide-v5 .passport-action:hover{color:var(--tone-ink)}
.guide-v5 .case-reading{min-width:0;width:100%;padding-top:2px}
.guide-v5 .case-opening{padding-bottom:36px}
.guide-v5 .chapter-kicker{font-size:11px;color:#8a928c;display:block;margin-bottom:19px}
.guide-v5 .case-opening p{font:400 25px/1.55 Lora,serif;letter-spacing:-.35px;margin:0;color:#3b4943;text-wrap:pretty}
.guide-v5 .chapter{border-top:1px solid #dfe3dc;padding:33px 0 36px;scroll-margin-top:35px}
.guide-v5 .chapter-heading{display:flex;gap:15px;align-items:baseline;margin-bottom:18px}
.guide-v5 .chapter-number{font:10px Mono;color:#91a096;flex-shrink:0}
.guide-v5 .chapter h2{font:400 27px/1.3 Lora,serif;letter-spacing:-.65px;margin:0;color:#263a30}
.guide-v5 .chapter p,.guide-v5 .chapter li{font:400 15px/1.9 Inter,sans-serif;color:#55615a}
.guide-v5 .chapter p{margin:0 0 17px}
.guide-v5 .chapter p:last-child{margin-bottom:0}
.guide-v5 .chapter.outcome{border-top:1px solid #dfe3dc;padding:31px 0 36px;background:transparent;border-radius:0;margin:0}
.guide-v5 .outcome p{font:400 21px/1.65 Lora,serif;color:#3b5448;letter-spacing:-.2px;padding-left:31px;border-left:2px solid var(--tone-rich);margin-top:22px}
.guide-v5 .case-steps{padding:0 0 0 30px;list-style:decimal;margin:23px 0 27px}
.guide-v5 .case-steps li{padding-left:11px;margin-bottom:14px}
.guide-v5 .case-steps li::marker{font:12px Mono;color:#768c7c}
.guide-v5 .tools-note{border-left:1px solid #cfd9ce;padding:0 0 0 18px;margin-top:24px}
.guide-v5 .tools-note>span{display:block;font-size:10px;color:#819080;margin-bottom:8px}
.guide-v5 .tools-note p{font:12px/1.8 Inter;color:#7a857b}
.guide-v5 .prompt-chapter{padding-top:36px}
.guide-v5 .prompt-chapter .chapter-heading{gap:15px;align-items:start;margin-bottom:13px}
.guide-v5 .prompt-chapter .chapter-number{padding-top:9px}
.guide-v5 .prompt-chapter h2{font-size:34px;line-height:1.15;letter-spacing:-1px}
.guide-v5 .prompt-chapter .prompt-instruction{font:12px/1.7 Inter;color:#7c887e;margin:0 0 26px;padding-left:31px;max-width:460px}
.guide-v5 .prompt-instruction span{color:#427967}
.guide-v5 .prompt-document{background:#fff;border:1px solid #e0e7df;border-radius:3px;position:relative;box-shadow:0 6px 18px -16px #172c2033;overflow:hidden}
.guide-v5 .prompt-document:before{content:'';display:block;height:5px;background:linear-gradient(105deg,var(--tone-light),var(--tone-base) 50%,var(--tone-rich))}
.guide-v5 .document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 32px;padding:21px 0;border-bottom:1px solid #e9ece5}
.guide-v5 .document-toolbar>span{font:10px Inter;color:#8b958c}
.guide-v5 .document-copy{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#253c32;color:#f8faf5;border:1px solid #253c32;border-radius:5px;font:500 11px Inter;padding:12px 15px;min-height:42px;cursor:pointer}
.guide-v5 .document-copy:hover{background:#3a5748;border-color:#3a5748}
.guide-v5 .document-copy:focus-visible,.guide-v5 .document-text:focus-visible{outline:2px solid var(--tone-ink);outline-offset:4px}
.guide-v5 .document-text{padding:29px 33px 32px;font:400 16px/1.85 Inter,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:3;color:#34443b}
.guide-v5 .document-text mark{background:color-mix(in srgb,var(--tone-soft) 70%,white);color:#2e6654;box-shadow:0 1px 0 #91baa6;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 1px}
.guide-v5 .document-end{display:flex;align-items:center;justify-content:space-between;margin:0 33px;padding:0 0 22px;color:#a4aea5;font:9px Inter}
.guide-v5 .document-end>span:first-child{width:19px;height:1px;background:#b7c5b7}
.guide-v5 .chapter .availability-note{font:11px/1.75 Inter;color:#8a9489;margin:17px 1px 0;max-width:550px}
.guide-v5 .source-note{border-top:1px solid #dfe3dc;padding:30px 0 12px;scroll-margin-top:35px}
.guide-v5 .source-note .chapter-kicker{margin-bottom:13px}
.guide-v5 .source-note>a{font-size:13px;color:#4a6957;display:flex;justify-content:space-between;margin-bottom:17px;text-decoration:underline;text-underline-offset:4px}
.guide-v5 .source-note p{font:11px/1.8 Inter;color:#8a948a;margin:5px 0;max-width:540px}
.guide-v5 .case-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce2d8;padding:26px 0 40px;font-size:11px;color:#839080}
.guide-v5 .case-footer a{color:#4b6553;display:flex;gap:30px}
.guide-v5 .copy-status{border-radius:5px;font-size:12px;background:#283e32}
@media(min-width:761px) and (max-width:1050px){.guide-v5 .case-spread{grid-template-columns:250px minmax(0,1fr);gap:45px}.guide-v5 .case-passport h1{font-size:34px;letter-spacing:-1px}.guide-v5 .document-text{padding:25px;font-size:15px}.guide-v5 .document-toolbar{margin:0 25px}.guide-v5 .document-toolbar>span{display:none}.guide-v5 .document-toolbar{justify-content:flex-end}}
@media(max-width:760px){
.guide-v5.is-case .wrap{padding-left:23px;padding-right:23px}
.guide-v5 .case-breadcrumb{padding:20px 0 25px}.guide-v5 .case-breadcrumb>span{font-size:9px}.guide-v5 .case-breadcrumb .back{font-size:11px}
.guide-v5 .case-spread{display:block;padding-bottom:40px}.guide-v5 .case-passport{position:static}.guide-v5 .case-passport header{padding-top:21px;border-top-width:2px}.guide-v5 .case-passport header:before{left:-23px;right:-23px;bottom:-20px}
.guide-v5 .case-passport h1{font-size:35px;line-height:1.17;letter-spacing:-1.1px;margin:24px 0 27px;text-wrap:pretty}.guide-v5 .case-passport .category-label{font-size:10px}
.guide-v5 .case-facts{font-size:11px}.guide-v5 .case-facts>div{grid-template-columns:61px 1fr}.guide-v5 .passport-action{max-width:none;margin-top:17px;padding:12px 0;font-size:12px}.guide-v5 .case-contents{display:none}
.guide-v5 .case-reading{margin-top:43px}.guide-v5 .case-opening{padding-bottom:27px}.guide-v5 .chapter-kicker{font-size:10px;margin-bottom:14px}.guide-v5 .case-opening p{font-size:22px;line-height:1.55;letter-spacing:-.3px}
.guide-v5 .chapter{padding:27px 0 30px;scroll-margin-top:20px}.guide-v5 .chapter-heading{gap:12px;margin-bottom:17px}.guide-v5 .chapter-number{font-size:9px}.guide-v5 .chapter h2{font-size:25px;letter-spacing:-.6px}.guide-v5 .chapter p,.guide-v5 .chapter li{font-size:15px;line-height:1.85}.guide-v5 .outcome p{font:20px/1.65 Lora;padding-left:22px;margin-top:20px}.guide-v5 .chapter.outcome{padding:27px 0 30px}.guide-v5 .case-steps{padding-left:22px}.guide-v5 .case-steps li{padding-left:8px}.guide-v5 .tools-note p{font-size:12px;line-height:1.8}
.guide-v5 .prompt-chapter h2{font-size:30px}.guide-v5 .prompt-chapter .chapter-number{padding-top:7px}.guide-v5 .prompt-chapter .prompt-instruction{font-size:12px;padding-left:28px;margin-bottom:24px}.guide-v5 .prompt-document{margin:0 -8px}.guide-v5 .document-toolbar{margin:0 18px;padding:16px 0;gap:10px}.guide-v5 .document-toolbar>span{font-size:9px}.guide-v5 .document-copy{font-size:10px;padding:10px 12px;gap:8px}.guide-v5 .document-text{font-size:15px;line-height:1.9;padding:23px 18px 26px}.guide-v5 .document-end{margin:0 18px;padding-bottom:20px}.guide-v5 .chapter .availability-note{font-size:11px;line-height:1.75;margin-top:16px}.guide-v5 .source-note{padding-top:25px}.guide-v5 .source-note p{font-size:11px}
.guide-v5 .mobile-copy{background:#fafaf7f5;border-color:#dce2d8;padding:10px 20px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(14px)}.guide-v5 .mobile-copy .document-copy{width:100%;min-height:46px;font-size:12px}.guide-v5 .case-footer{padding-bottom:104px;font-size:10px}.guide-v5 .case-footer a{gap:10px}
}
@media(max-width:360px){.guide-v5 .document-toolbar>span{display:none}.guide-v5 .document-toolbar{justify-content:flex-end}.guide-v5 .case-passport h1{font-size:32px}}
/* Optical refinements after desktop and phone review. */
.guide-v5 .case-passport header:before{background:radial-gradient(ellipse at 25% 25%,color-mix(in srgb,var(--tone-light) 28%,transparent),transparent 72%),radial-gradient(ellipse at 85% 80%,color-mix(in srgb,var(--tone-rich) 17%,transparent),transparent 65%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}
.guide-v5 .case-passport h1{text-wrap:balance}
.guide-v5 .document-text mark{box-shadow:none;color:inherit;background:color-mix(in srgb,var(--tone-soft) 72%,white)}
@media(max-width:760px){.guide-v5 .document-toolbar{display:none}.guide-v5 .document-text{padding-top:24px}}
@media(min-width:761px) and (max-height:760px){.guide-v5 .case-passport h1{font-size:38px;line-height:1.17}.guide-v5 .case-passport header{padding-top:20px}.guide-v5 .case-contents{margin-top:28px}.guide-v5 .case-passport h1{margin:24px 0}.guide-v5 .case-contents a{min-height:28px}}
/* Two-line desktop slogan: static opening, then a continuous word roll.
   4.5s rest + 550ms transition.
   The slot permanently reserves its widest word; surrounding text never moves.
   A duplicate first word makes the return continue upwards without a visible reset. */
.guide-v5 .hero-headline-wrap{position:relative;width:max-content;max-width:100%;margin:22px auto}
.guide-v5 .hero h1.animated-headline{margin:0;line-height:1.12;color:#171717;font-family:Manrope;font-style:normal;font-weight:500;letter-spacing:-2.2px;word-spacing:.08em}
.guide-v5 .animated-headline>span{display:grid;justify-items:center;gap:.08em;white-space:nowrap}
.guide-v5 .hero-lead{display:block}
/* Static optical offset balances both word lengths without moving the line. */
.guide-v5 .hero-resolution{display:inline-flex;align-items:baseline;gap:.28em;transform:translateX(-.43em)}
.guide-v5 .hero-word-slot{display:inline-grid;grid-template-columns:max-content;text-align:right;clip-path:inset(0 -.04em)}
.guide-v5 .hero-word{grid-area:1/1;justify-self:end;opacity:1}
.guide-v5 .hero-word-first{transform:translateY(0)}
.guide-v5 .hero-word-second{transform:translateY(100%)}
.guide-v5 .hero-word-return{transform:translateY(200%)}
.guide-v5 .hero-motion-ready .hero-word{animation-duration:10.1s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite}
.guide-v5 .hero-motion-ready .hero-word-first{animation-name:hero-roll-first}
.guide-v5 .hero-motion-ready .hero-word-second{animation-name:hero-roll-second}
.guide-v5 .hero-motion-ready .hero-word-return{animation-name:hero-roll-return}
.guide-v5 .hero .intro{color:#397780;text-wrap:balance}
.guide-v5 .hero .searchbar{margin:24px auto 0}
@keyframes hero-roll-first{0%,44.554455%{transform:translateY(0)}50%,94.554455%{transform:translateY(-100%)}100%{transform:translateY(-200%)}}
@keyframes hero-roll-second{0%,44.554455%{transform:translateY(100%)}50%,94.554455%{transform:translateY(0)}100%{transform:translateY(-100%)}}
@keyframes hero-roll-return{0%,44.554455%{transform:translateY(200%)}50%,94.554455%{transform:translateY(100%)}100%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.guide-v5 .hero-motion-ready .hero-word,.guide-v5 .hero-motion-ready .hero-word-slot{animation:none}}

/* Original artwork remains underneath as an offline and reduced-motion fallback. */
.guide-v5 .heroart{overflow:hidden;isolation:isolate}
.guide-v5 .guide-wave-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media(prefers-reduced-motion:reduce){.guide-v5 .guide-wave-canvas{display:none}}

/* Keep the idle search invitation on the hero's central axis. */
.guide-v5 .hero .hero-search{position:relative;display:block}
.guide-v5 .hero-search input{display:block;text-align:left}
.guide-v5 .hero-search input::placeholder{color:transparent;opacity:1}
.guide-v5 .hero-search-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none;color:#697a74;font:400 15px Inter,sans-serif}
.guide-v5 .hero-search-hint svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.guide-v5 .hero-search:focus-within .hero-search-hint,
.guide-v5 .hero-search:has(input:not(:placeholder-shown)) .hero-search-hint{visibility:hidden}
.guide-v5 .hero-search:focus-within{outline:2px solid #6f9382;outline-offset:4px}