.guides-page{background:#fbf8f3;color:#302d29}.guides-page .site-header{max-width:1120px;margin:auto;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.guides-page a{color:#375c40;text-underline-offset:3px}.guides-page a:focus-visible,.analysis-guide a:focus-visible{outline:3px solid #c96628;outline-offset:4px}.guides-main{max-width:1080px;margin:auto;padding:24px 24px 64px;font-size:18px;line-height:1.75}.guide-article{max-width:780px;margin:auto}.guide-hero{padding:30px 0}.guides-main h1{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.15;letter-spacing:-.03em}.guides-main h2{font-size:clamp(1.4rem,3vw,1.85rem);line-height:1.3;margin-top:0}.guide-article section{margin:44px 0;scroll-margin-top:24px}.guide-byline{font-size:14px}.guide-contents,.guide-next,.guide-cards article{padding:26px;border:1px solid #ddd6ca;border-radius:18px;background:#fffdf8}.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-cards h2{font-size:1.4rem}.guide-next{margin-top:40px}.guides-main li+li{margin-top:12px}.guide-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,400px);border:2px solid #675b49;aspect-ratio:1}.guide-square{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0}.guide-square.light{background:#ede2c9}.guide-square.dark{background:#98a17c}.guide-square img{width:85%;height:85%}.guide-square small{position:absolute;bottom:0;left:2px;font:9px sans-serif;color:#292a22}.guide-figure{margin:24px 0;max-width:440px}.guide-figure figcaption{font-size:15px;margin-top:10px}.guide-figure details{font-size:14px}.guide-figure code{overflow-wrap:anywhere}.guide-figure summary{cursor:pointer}.analysis-guide{max-width:1000px;margin:28px auto;padding:24px;line-height:1.7}.analysis-guide h1{font-size:clamp(1.6rem,3vw,2.2rem)}.analysis-guide h2{font-size:1.25rem}.analysis-guide a{color:#375c40;text-decoration:underline}.guide-entry{padding:12px 20px;line-height:1.6}.guide-entry a{text-decoration:underline}@media(max-width:780px){.guide-cards{grid-template-columns:1fr}.guides-main{padding:20px 18px 40px;font-size:17px}.guide-contents,.guide-next,.guide-cards article{padding:20px}.guides-page .site-header{padding:14px}.guides-page .wordmark{font-size:20px}.guides-page .brand-mark{width:44px;height:44px}.guides-main ol,.guides-main ul{padding-left:24px}}