/* Guide 04: category color is shared by filters, cards and case pages. */
.guide-v4{--bg:#fcfcf9;--ink:#20312d;--muted:#62716a;--line:#dce2dc}
.guide-v4 #catalog{padding-top:35px;scroll-margin-top:26px}
.guide-v4 .sectionhead{margin:25px 0 26px;align-items:center;gap:30px}
.guide-v4 .catalog-kicker{font:10px Mono;letter-spacing:1.2px;color:#7b897e;margin-bottom:12px}
.guide-v4 #catalog h2{font:500 42px/1.15 Manrope;letter-spacing:-1.7px}
.guide-v4 .sectionhead p{font-size:14px;margin-top:11px;line-height:1.65}
.guide-v4 .catalog-search{display:flex;align-items:center;gap:12px;border-bottom:1px solid #bbc9bf;width:245px;padding:10px 2px;color:#5b6d62}
.guide-v4 .catalog-search svg{fill:none;stroke:currentColor;stroke-width:1.5}
.guide-v4 .catalog-search input{border:0;outline:0;background:transparent;font-size:13px;color:var(--ink);width:100%;min-width:0;padding:5px 0}
.guide-v4 .catalog-search:focus-within{outline:2px solid #6f9382;outline-offset:5px;border-radius:2px}
.guide-v4 .catalog-toolbar{margin-bottom:29px}
.guide-v4 .filters{display:flex;flex-wrap:wrap;gap:7px;padding:5px 0 17px;overflow:visible}
.guide-v4 .chip{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:37px;border:1px solid #e1e6df;border-radius:99px;font-size:11px;background:transparent;transition:background .18s,border-color .18s;color:#4d6056}
.guide-v4 .chip:hover{background:var(--tone-soft,#eaf0e9);border-color:#bacabd}
.guide-v4 .chip.on{background:var(--tone-soft,#253c33);color:var(--tone-ink,#fff);border-color:var(--tone-ink,#253c33)}
.guide-v4 .catalog-count{display:block;font:10px Mono;letter-spacing:.3px;color:#7a857d;padding-top:2px}
.guide-v4 .grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:46px}
.guide-v4 .case{border:0;border-radius:0;background:transparent!important;overflow:visible;box-shadow:none;transition:none}
.guide-v4 .case:hover{transform:none;box-shadow:none}
.guide-v4 .case-surface{border-radius:17px;padding:23px 24px 20px;min-height:310px;display:flex;flex-direction:column;overflow:hidden;color:#17291e;box-shadow:inset 0 0 0 1px #1a332008;transition:box-shadow .2s;position:relative}
.guide-v4 .case-top{display:flex;align-items:start;justify-content:space-between;gap:13px;font-size:10px;line-height:1.5;min-height:30px;color:#2e4c3d}
.guide-v4 .case-id{font:9px Mono;letter-spacing:.7px;opacity:.6;white-space:nowrap;padding-top:1px}
.guide-v4 .case h3{font:500 26px/1.23 Manrope;letter-spacing:-.8px;margin:24px 0 25px;max-width:100%;text-wrap:pretty;color:#18271f}
.guide-v4 .case-floor{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:10px;padding-top:12px}
.guide-v4 .card-arrow{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid #20372940;border-radius:50%;transition:background .2s,color .2s}
.guide-v4 .case:hover .card-arrow{background:#20372c;color:#fff;border-color:#20372c}
.guide-v4 .case:hover .case-surface{box-shadow:inset 0 0 0 1px #1a332025,0 9px 20px -16px #1834234d}
.guide-v4 .case:focus-visible{outline:3px solid #537f6a;outline-offset:7px;border-radius:17px}
.guide-v4 .case-body{padding:18px 2px 0;flex:1;display:flex;flex-direction:column}
.guide-v4 .case p{font-size:13px;line-height:1.7;color:#637269;margin:0 0 18px}
.guide-v4 .case-bottom{border:0;padding:0;gap:12px;align-items:start;font-size:10px;line-height:1.5;color:#79867d}
.guide-v4 .case-bottom>span:first-child{max-width:64%}
.guide-v4 .case-bottom>span:last-child{white-space:nowrap;color:#3d594a}
.guide-v4 .case-bottom span span{font-size:13px;margin-left:4px}
.guide-v4 .levels{padding:94px 0 54px;gap:26px}
.guide-v4 .level{padding-top:23px}
.guide-v4 .level .eyebrow{font-size:10px}
.guide-v4 .empty{grid-column:1/-1;border:1px solid #dde5d9;padding:40px;background:var(--tone-soft,#f3f5ee);border-radius:17px;min-height:230px}
.guide-v4 .empty h3{font:500 32px Manrope;margin:12px 0 8px}
.guide-v4 .empty p{font-size:14px;color:#667267}
.guide-v4 .empty button{border:0;background:transparent;padding:8px 0;color:#304e3e}
/* Case reading: category color introduces the subject, white space supports reading. */
.guide-v4 .casepage{padding-top:30px}
.guide-v4 .casepage>.back{display:inline-block;margin-bottom:23px;font-size:12px}
.guide-v4 .detail-hero{padding:32px 40px 28px;border-radius:21px;color:#18291f}
.guide-v4 .detail-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.guide-v4 .category-label{display:flex;align-items:center;gap:9px;font-size:12px}
.guide-v4 .detail-hero h1{font:500 51px/1.13 Manrope;letter-spacing:-1.8px;max-width:880px;margin:37px 0 33px;text-wrap:pretty}
.guide-v4 .detail-hero-bottom{display:flex;justify-content:space-between;gap:25px;font-size:11px;line-height:1.7;padding-top:19px;border-top:1px solid #1b382126;color:#2e4c3a}
.guide-v4 .separator{opacity:.4;padding:0 11px}
.guide-v4 .reading-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px;margin:50px auto 0;max-width:1104px}
.guide-v4 .case-rail{align-self:start;position:sticky;top:34px;padding-top:9px;font-size:12px}
.guide-v4 .rail-label{font:9px Mono;letter-spacing:1px;color:#8c968c;margin-bottom:24px}
.guide-v4 .case-rail>a{display:flex;gap:15px;align-items:center;padding:8px 0;color:#607266}
.guide-v4 .case-rail>a span:not(.category-dot){font:9px Mono;color:#8b9d90}
.guide-v4 .case-rail>a:hover{color:#1d3b28}
.guide-v4 .case-rail .button{font-size:11px;min-height:43px;padding:10px 19px;margin-top:26px;background:#263f31;border-color:#263f31;color:white}
.guide-v4 .case-rail .rail-category{border-top:1px solid #dce4d8;margin-top:31px;padding-top:20px;font-size:11px;color:var(--tone-ink)}
.guide-v4 .detail{max-width:740px;width:100%;margin:0;padding:0 0 75px;min-width:0}
.guide-v4 .reading-intro{padding:0 0 34px}
.guide-v4 .caselead{font:400 19px/1.7 Inter;margin:0 0 17px;color:#566b5d;max-width:650px}
.guide-v4 .prompt-jump{display:inline-flex;align-items:center;gap:25px;font-size:12px;color:#294936}
.guide-v4 .prompt-jump span{font-size:18px}
.guide-v4 .detail section{padding:32px 0;scroll-margin-top:26px}
.guide-v4 .detail h2{font:500 27px/1.3 Manrope;letter-spacing:-.7px;margin:0 0 17px}
.guide-v4 .detail p,.guide-v4 .detail li{font-size:15px;line-height:1.85}
.guide-v4 .detail section p:last-child{margin-bottom:0}
.guide-v4 .detail .result{background:var(--tone-soft);border:1px solid #1832210a;border-radius:15px;padding:27px 29px;margin:6px 0 28px}
.guide-v4 .section-eyebrow{font:9px Mono;letter-spacing:.8px;color:var(--tone-ink);margin-bottom:15px}
.guide-v4 .detail ol{padding-left:22px;margin:22px 0}
.guide-v4 .detail li{padding-left:9px;margin-bottom:17px}
.guide-v4 .detail li::marker{font:12px Mono;color:var(--tone-ink)}
.guide-v4 .promptbox{background:#192c23;border-radius:15px;color:#ecf3ed}
.guide-v4 .prompthead{background:#263e31;padding:16px 22px}
.guide-v4 .prompthead>span{font:9px Mono;letter-spacing:.6px}
.guide-v4 .copy{font-size:11px;padding:10px 16px;background:#ecf4e9;color:#253e2d}
.guide-v4 .prompttext{font:13px/1.95 Mono;white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;max-height:none;overflow:visible}
.guide-v4 .prompttext mark{background:#c9ec9c13;color:#d4eab5;padding:0 1px}
.guide-v4 .detail .source,.guide-v4 .detail .source p{font-size:11px;line-height:1.85;color:#78877c}
.guide-v4 .source a{display:inline-block;color:#3f6650;text-decoration:underline;text-underline-offset:4px;margin-bottom:6px}
.guide-v4 .copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#213c2b;color:white;font-size:12px;border-radius:99px;padding:12px 22px;z-index:8;box-shadow:0 4px 24px #0002}
.guide-v4 .copy-status:empty{display:none}
.guide-v4 .health-note{background:var(--tone-soft);border-left:2px solid var(--tone-ink);padding:18px 22px;border-radius:5px}
@media(min-width:1101px){.guide-v4 .case-surface{height:310px}}
@media(min-width:761px) and (max-width:1100px){.guide-v4 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-v4 .case-surface{height:308px}.guide-v4 .case h3{font-size:28px}.guide-v4 .reading-layout{grid-template-columns:185px minmax(0,1fr);gap:35px}.guide-v4 .case-rail .button{font-size:10px;padding:10px 13px}.guide-v4 .detail-hero h1{font-size:44px}}
@media(max-width:760px){
.guide-v4 #catalog{padding-top:20px;scroll-margin-top:16px}.guide-v4 .sectionhead{display:block;margin:20px 0 14px}.guide-v4 .catalog-kicker{font-size:8px;margin-bottom:11px}.guide-v4 #catalog h2{font-size:33px;letter-spacing:-1.2px}.guide-v4 .sectionhead p{font-size:13px;max-width:290px}.guide-v4 .catalog-search{width:100%;margin-top:23px;padding-bottom:8px}.guide-v4 .catalog-search input{font-size:16px}.guide-v4 .catalog-toolbar{margin-bottom:22px}.guide-v4 .filters{flex-wrap:nowrap;overflow-x:auto;padding:8px 0 15px;gap:7px}.guide-v4 .chip{font-size:11px;min-height:39px;padding:8px 13px}.guide-v4 .catalog-count{font-size:9px}.guide-v4 .grid{grid-template-columns:1fr;row-gap:34px}.guide-v4 .case-surface{padding:22px;min-height:288px;border-radius:16px}.guide-v4 .case-top{font-size:10px;min-height:24px}.guide-v4 .case h3{font-size:29px;line-height:1.2;letter-spacing:-.9px;margin:24px 0}.guide-v4 .case-floor{font-size:10px}.guide-v4 .case-body{padding:16px 2px 0}.guide-v4 .case p{font-size:14px;line-height:1.75;margin-bottom:14px}.guide-v4 .case-bottom{font-size:10px}.guide-v4 .levels{padding:65px 0 30px;gap:0}.guide-v4 .empty{padding:26px}
.guide-v4 .casepage{padding-top:23px}.guide-v4 .casepage>.back{font-size:11px;margin-bottom:20px}.guide-v4 .detail-hero{padding:23px 22px;border-radius:17px}.guide-v4 .detail-top{align-items:start;gap:10px}.guide-v4 .category-label{font-size:10px;line-height:1.5;gap:7px;max-width:80%}.guide-v4 .detail-top .case-id{font-size:8px}.guide-v4 .detail-hero h1{font-size:30px;line-height:1.19;letter-spacing:-.8px;margin:29px 0 27px;text-wrap:balance}.guide-v4 .detail-hero-bottom{font-size:10px;display:block;padding-top:16px}.guide-v4 .detail-hero-bottom>span{display:block}.guide-v4 .detail-hero-bottom>span+span{margin-top:5px}.guide-v4 .separator{padding:0 6px}.guide-v4 .reading-layout{display:block;margin-top:28px}.guide-v4 .case-rail{display:none}.guide-v4 .detail{padding:0 0 40px}.guide-v4 .reading-intro{padding-bottom:27px}.guide-v4 .detail .caselead{font-size:16px;line-height:1.7}.guide-v4 .detail h2{font-size:24px}.guide-v4 .detail p,.guide-v4 .detail li{font-size:15px;line-height:1.85}.guide-v4 .detail section{padding:27px 0}.guide-v4 .detail .result{padding:23px;margin:5px 0 24px}.guide-v4 .prompthead{padding:13px 14px;gap:8px}.guide-v4 .prompthead>span{font-size:8px;letter-spacing:0}.guide-v4 .copy{font-size:10px;padding:10px 12px}.guide-v4 .prompttext{font-size:12px;line-height:1.95;padding:19px}.guide-v4 .mobile-copy{background:#fcfcf9f5;backdrop-filter:blur(14px);border-color:#dce4d8;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.guide-v4 .mobile-copy .button{background:#253f30;border-color:#253f30;color:white}.guide-v4 .copy-status{bottom:88px;max-width:90%;text-align:center}.guide-v4 .casepage>.foot{padding-bottom:105px}.guide-v4 .detail .source,.guide-v4 .detail .source p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.guide-v4 .case-surface,.guide-v4 .card-arrow,.guide-v4 .chip{transition:none}}