@layer components{.guides-hub,.guide-article{padding-block:45px 95px}.guide-masthead{border-block:1px solid var(--ink);letter-spacing:.08em;justify-content:space-between;gap:20px;padding:16px 0;font-size:10px;display:flex}.guides-title{justify-content:space-between;align-items:center;gap:25px;padding-block:35px;display:flex}.guides-title h1{font-size:clamp(95px,16vw,225px);line-height:1}.guide-deck{max-width:900px;font-size:clamp(20px,2.8vw,36px);line-height:1.35}.guides-title .guide-deck{font-family:var(--display);margin-top:20px}.guide-seal{border:2px solid var(--ink);background:var(--yellow);text-align:center;width:190px;height:190px;box-shadow:5px 5px 0 var(--ink);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex;rotate:12deg}.guide-seal strong{font-family:var(--display);font-size:28px}.guide-seal span{font-size:50px;line-height:1}.guides-intro{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:60px;padding:28px 0 50px;line-height:1.8;display:grid}.guides-intro p:first-child{font-size:21px}.guides-intro p:last-child{color:var(--muted);font-size:14px}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;display:grid}.guide-card{border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fffaf2;min-width:0}.guide-card-image{border-bottom:1px solid var(--ink);display:block;position:relative;overflow:hidden}.guide-card-image img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;transition:transform .4s}.guide-card-image:hover img{transform:scale(1.025)rotate(-.5deg)}.guide-card-number{background:var(--yellow);border:1px solid var(--ink);font-family:var(--display);padding:8px 12px;font-size:25px;position:absolute;top:18px;left:18px;rotate:-6deg}.guide-card:nth-child(2n) .guide-card-number{background:var(--pink);rotate:6deg}.guide-card-copy{padding:28px}.guide-card h3{font-family:var(--display);margin:16px 0;font-size:clamp(27px,2.8vw,42px);font-weight:400;line-height:1.2}.guide-card h3 a:hover{color:var(--pink)}.guide-card-copy>p{color:var(--muted);margin-bottom:24px;line-height:1.7}.guide-readtime{letter-spacing:.08em;margin-top:20px;font-size:9px;display:block}.guide-bottom-note{background:var(--yellow);gap:25px;margin-top:55px;padding:30px;line-height:1.8;display:flex}.guide-bottom-note>span{font-size:50px;line-height:1}.guide-breadcrumbs{flex-wrap:wrap;gap:12px;font-size:11px;line-height:1.8;display:flex}.guide-breadcrumbs a{text-underline-offset:4px;text-decoration:underline}.guide-article-header{max-width:1100px;padding:45px 0 35px}.guide-article-header h1{margin:20px 0;font-size:clamp(45px,6.3vw,94px);line-height:1.1}.guide-article-header .guide-deck{font-size:clamp(20px,2.3vw,30px)}.guide-byline{color:var(--muted);flex-wrap:wrap;gap:12px 24px;margin-top:25px;font-size:12px;display:flex}.guide-byline a{text-decoration:underline}.guide-hero{margin:0 0 55px}.guide-hero img{border:1px solid var(--ink);width:100%;height:auto;display:block}.guide-hero figcaption,.guide-gameplay figcaption{color:var(--muted);max-width:800px;margin-top:12px;font-size:11px;line-height:1.7}.guide-reading-grid{grid-template-columns:240px minmax(0,760px);justify-content:space-between;gap:clamp(30px,6vw,100px);display:grid}.guide-sidebar{min-width:0}.guide-sidebar nav{border-top:3px solid var(--ink);padding-top:22px}.guide-sidebar ol{margin:20px 0 30px;padding-left:20px;font-size:13px;line-height:1.6}.guide-sidebar li{padding:0 0 14px 8px}.guide-sidebar a:hover{color:var(--pink)}.guide-narrator{background:var(--yellow);border:1px solid var(--ink);padding:20px;rotate:-2deg}.guide-narrator strong{margin:15px 0;font-size:21px;line-height:1.3;display:block}.guide-narrator p{font-size:12px;line-height:1.7}.guide-short-answer{border:1px solid var(--ink);box-shadow:5px 5px 0 var(--pink);background:#fffaf2;padding:28px}.guide-short-answer p{margin-top:15px;font-size:20px;line-height:1.65}.guide-preview-note{color:var(--muted);margin:25px 0 45px;font-size:12px;line-height:1.8}.guide-chapter{margin-bottom:48px;scroll-margin-top:25px}.guide-chapter-number{background:var(--ink);color:var(--yellow);margin-bottom:14px;padding:4px 9px;font-size:11px;display:inline-block}.guide-chapter h2,.guide-faq h2{margin-bottom:22px;font-size:clamp(29px,3vw,43px);line-height:1.2}.guide-chapter>p,.guide-chapter li,.guide-faq p{margin-bottom:20px;font-size:17px;line-height:1.85}.guide-chapter ul{padding-left:22px}.guide-tangent{border-left:4px solid var(--pink);background:#f9e4e8;margin-top:28px;padding:22px 25px}.guide-tangent p{margin-top:12px;font-size:15px;line-height:1.8}.guide-tangent .eyebrow{font-size:9px}.guide-gameplay{margin:45px 0}.guide-gameplay img{border:1px solid var(--ink);width:100%;height:auto;display:block}.guide-faq{padding-top:25px;scroll-margin-top:25px}.guide-faq h2{margin-top:16px}.guide-faq details{border-top:1px solid var(--line);padding:20px 0}.guide-faq summary{cursor:pointer;font-weight:600;line-height:1.6}.guide-faq p{margin:15px 0 0;font-size:15px}.guide-editorial-note{border-top:2px solid var(--ink);margin-top:40px;padding-top:25px;font-size:12px;line-height:1.8}.guide-editorial-note p{margin:12px 0}.guide-editorial-note .text-link{margin-block:10px}.guide-related{border-top:1px solid var(--ink);margin-top:70px;padding-top:35px}.guide-related>h2{margin:15px 0 30px;font-size:clamp(35px,4vw,60px)}.guide-related .guide-cards{grid-template-columns:1fr;max-width:700px}.guide-all{margin-top:30px}.guide-teaser{border-top:1px solid var(--line);padding-block:65px}.guide-teaser h2{margin:15px 0 20px;font-size:clamp(40px,5vw,75px)}.guide-teaser>p{max-width:650px;margin-bottom:25px;line-height:1.8}.game-guide-links{border:1px solid var(--ink);background:var(--yellow);margin-block:45px;padding:35px}.game-guide-links h2{margin:12px 0 20px;font-size:35px}.game-guide-links a{text-underline-offset:4px;padding-block:8px;font-size:16px;line-height:1.7;text-decoration:underline;display:block}@media (width<=1000px){.guide-reading-grid{grid-template-columns:190px minmax(0,1fr);gap:35px}.site-header nav{gap:18px;font-size:12px}}@media (width<=700px){.guides-hub,.guide-article{padding-block:25px 60px}.guide-masthead{flex-direction:column;gap:8px;font-size:8px}.guide-masthead .eyebrow{font-size:9px}.guides-title{gap:15px;padding-block:25px}.guides-title h1{font-size:clamp(76px,21vw,145px)}.guides-title .guide-deck{font-size:22px}.guide-seal{width:90px;height:90px;box-shadow:3px 3px 0 var(--ink);font-size:8px}.guide-seal strong{font-size:15px}.guide-seal span{font-size:27px}.guides-intro{grid-template-columns:1fr;gap:18px;padding-bottom:30px}.guides-intro p:first-child{font-size:18px}.guide-cards{grid-template-columns:1fr;gap:28px}.guide-card-copy{padding:22px}.guide-card h3{font-size:30px}.guide-bottom-note{gap:16px;padding:22px;font-size:14px}.guide-bottom-note>span{font-size:35px}.guide-article-header{padding:30px 0}.guide-article-header h1{font-size:clamp(39px,9vw,60px)}.guide-byline{gap:10px 16px;font-size:10px}.guide-hero{margin-bottom:30px}.guide-reading-grid{grid-template-columns:1fr;gap:30px}.guide-sidebar{grid-template-columns:1fr;display:grid}.guide-sidebar ol{columns:2;column-gap:25px;margin-bottom:10px;font-size:11px}.guide-sidebar li{break-inside:avoid;padding-left:0}.guide-narrator{margin-top:12px;padding:18px;rotate:0deg}.guide-narrator strong{margin:10px 0;font-size:18px}.guide-short-answer{padding:22px}.guide-short-answer p{font-size:18px}.guide-chapter>p,.guide-chapter li{font-size:16px}.guide-tangent{padding:20px}.guide-related{margin-top:45px}.game-guide-links{padding:22px}.game-guide-links h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.guide-card-image img{transition:none}.guide-card-image:hover img{transform:none}}}