.guide-shell{max-width:1400px;padding-bottom:80px}
.guide-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:clamp(25px,6vw,95px);padding:42px 0 37px}
.guide-hero h1{font:400 clamp(2.8rem,5.8vw,5.8rem)/1.05 Georgia,serif;letter-spacing:-.025em;margin-top:8px}
.guide-hero h1 em{font-weight:400;color:#cbd6e7}
.guide-hero>div:last-child p{font:400 clamp(1.14rem,1.55vw,1.4rem)/1.5 Georgia,serif;color:#e2dce9;max-width:590px}
.guide-start{display:inline-block;border:1px solid #dce6f2;background:#dbe4ee;color:#111a2b;text-decoration:none;font:.9rem/1.3 Arial,sans-serif;font-weight:600;padding:13px 19px;margin-top:22px}
.guide-start:hover,.guide-start:focus-visible{background:#fff}
.guide-jump{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #cbd2df55;border-bottom:1px solid #cbd2df55;padding:13px 0}
.guide-jump a{color:#f3f5f7;text-decoration:none;border:1px solid #cbd2df65;padding:8px 13px;font:.84rem/1.25 Arial,sans-serif;letter-spacing:.03em}
.guide-jump a:hover,.guide-jump a:focus-visible{background:#e8edf521}
.guide-method{padding:49px 0 55px;max-width:1110px}
.guide-method h2,.guide-deck-intro h2,.guide-world h2{font:400 clamp(2rem,3.4vw,3.4rem)/1.12 Georgia,serif;margin:6px 0 16px}
.guide-method>p:not(.reading-kicker){color:#e2ddea;font:400 1.15rem/1.58 Georgia,serif;max-width:900px}
.guide-method strong{color:#f7f3f6;font-weight:600}
.guide-method ol{list-style:none;counter-reset:guide-step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:27px 0 24px}
.guide-method li{counter-increment:guide-step;border:1px solid #cbd2df50;background:#ffffff08;padding:16px 17px;color:#d8dfea;font-size:.95rem;line-height:1.48}
.guide-method li::before{content:'0' counter(guide-step);display:block;color:#b9cbe0;font:.78rem/1.3 Arial,sans-serif;letter-spacing:.14em;margin-bottom:12px}
.guide-method li strong{display:block;font:400 1.35rem/1.2 Georgia,serif;margin-bottom:8px}
.guide-method li span{display:block}
.guide-example{border-left:2px solid #dce4eb;padding:4px 0 5px 22px;max-width:850px}
.guide-example p:not(.reading-kicker){color:#e6e3ec;font:400 1.07rem/1.6 Georgia,serif;margin-top:8px}
.guide-deck-intro{border-top:1px solid #cbd2df55;padding:40px 0 8px}
.guide-deck-intro p:last-child{color:#dce2eb;max-width:750px;line-height:1.5}
.guide-world{border-top:1px solid #cbd2df55;padding:43px 0 38px;scroll-margin-top:24px}
.guide-world-head{max-width:920px;margin-bottom:28px}
.guide-world-head h2{margin-bottom:5px}
.guide-world-head .guide-subtitle{font:400 1.33rem/1.4 Georgia,serif;color:#f3edf4;margin-bottom:10px}
.guide-world-head>p:last-child{color:#dce3eb;line-height:1.58;max-width:770px}
.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.guide-card{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:14px;align-items:start;border:1px solid #cbd2df44;background:linear-gradient(140deg,#ffffff0d,#ffffff04);padding:12px;min-width:0}
.guide-card-art{display:block;text-decoration:none}
.guide-card-art .reading-card{border-radius:4px;box-shadow:0 8px 21px #0305197a}
.guide-card-art:hover .reading-card,.guide-card-art:focus-visible .reading-card{border-color:#fff;box-shadow:0 9px 28px #cbd2df52}
.guide-card .card-type-number{font-size:clamp(.93rem,1.5vw,1.5rem)}
.guide-card .card-type-world{font-size:clamp(.43rem,.65vw,.65rem)}
.guide-card .card-type-footer{font-size:clamp(.58rem,.9vw,.95rem)}
.guide-card-copy{min-width:0;padding:4px 0}
.guide-card-copy .reading-kicker{font-size:.62rem;letter-spacing:.1em}
.guide-card-copy h3{font:400 clamp(1.25rem,1.7vw,1.7rem)/1.16 Georgia,serif;margin:5px 0 8px;overflow-wrap:anywhere}
.guide-definition{color:#e7e2ec;font:400 .98rem/1.48 Georgia,serif}
.guide-card details{margin-top:13px;border-top:1px solid #cbd2df45;padding-top:9px}
.guide-card summary{color:#eff4f8;font:.83rem/1.3 Arial,sans-serif;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}
.guide-card summary::-webkit-details-marker{display:none}
.guide-card details p{font-size:.88rem;line-height:1.55;color:#dbe3eb;margin-top:9px}
.guide-card details strong{color:#f5f1f6}
.guide-card details .guide-question{color:#f5dfd3;font:italic 1rem/1.45 Georgia,serif}
.guide-large-link{margin:20px 0 0;text-align:right}
.guide-large-link a{color:#eef3f7;text-underline-offset:4px}
.guide-end{border-top:1px solid #cbd2df55;padding-top:30px;max-width:750px}
.guide-end p{color:#e3e0e9;font:400 1.1rem/1.55 Georgia,serif}
@media(max-width:1100px){.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-method ol{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card .card-type-number{font-size:1.35rem}.guide-card .card-type-world{font-size:.59rem}.guide-card .card-type-footer{font-size:.86rem}}
@media(max-width:700px){.guide-hero{display:block;padding:27px 0}.guide-hero>div:last-child{margin-top:19px}.guide-hero>div:last-child p{font-size:1.13rem}.guide-method{padding:32px 0}.guide-method ol{gap:8px}.guide-method li{padding:12px;font-size:.85rem}.guide-method li strong{font-size:1.18rem}.guide-cards{grid-template-columns:1fr;gap:10px}.guide-card{grid-template-columns:minmax(0,35%) minmax(0,65%)}.guide-card .card-type-number{font-size:1.32rem}.guide-card .card-type-world{font-size:.54rem}.guide-card .card-type-footer{font-size:.8rem}.guide-world{padding-top:32px}.guide-world-head{margin-bottom:20px}}
@media(max-width:390px){.guide-method ol{grid-template-columns:1fr}.guide-card{grid-template-columns:minmax(0,37%) minmax(0,63%);gap:9px;padding:8px}.guide-card .card-type-number{font-size:1.1rem}.guide-card .card-type-world{font-size:.45rem}.guide-card .card-type-footer{font-size:.67rem}}
