.guide-page a{color:var(--gold)}.guide-back{font-size:15px;text-underline-offset:4px}.guide-main{max-width:920px;padding:48px 32px 24px}.guide-intro{max-width:720px}.guide-intro h1{font-size:clamp(42px,6vw,64px);line-height:1.1}.guide-lead{font-size:19px;line-height:1.7;color:var(--muted);margin:20px 0 24px;max-width:660px}.guide-cta{display:inline-block;background:var(--gold);color:var(--bg)!important;padding:12px 20px;border-radius:7px;font-weight:600;text-decoration:none}.guide-cta:hover{background:#e6c993}.guide-contents{display:flex;flex-wrap:wrap;gap:12px 24px;margin:32px 0 40px;padding:20px 0;border-block:1px solid var(--line);font-size:15px}.guide-contents a{text-underline-offset:4px}.guide-main section{scroll-margin-top:24px}.guide-main article>section{margin:42px 0}.guide-main h2{font:500 clamp(30px,4vw,38px)/1.2 var(--serif);margin:0 0 20px}.guide-main h3{font:500 28px/1.2 var(--serif);margin:0 0 12px}.guide-main p,.guide-main li{font-size:17px;line-height:1.8}.guide-main p{max-width:760px}.guide-steps{padding-left:26px;max-width:750px}.guide-steps li{padding-left:8px;margin:16px 0}.guide-steps li::marker{color:var(--gold);font-weight:600}.guide-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-modes section{border-top:2px solid var(--gold);padding-top:18px}.guide-modes p{font-size:16px;line-height:1.8;color:var(--muted)}.guide-example{margin:28px 0;display:grid;grid-template-columns:140px minmax(0,1fr);gap:32px;padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.guide-example img{width:140px;height:auto;border-radius:5px}.guide-example .little-label{font-size:12px;letter-spacing:1.5px}.guide-example h3{margin-top:10px}.guide-example p{margin:10px 0;font-size:16px}.guide-faq{border-top:1px solid var(--line);padding:18px 0}.guide-faq:last-child{border-bottom:1px solid var(--line)}.guide-faq summary{font-size:17px;font-weight:500;cursor:pointer}.guide-faq p{margin:12px 0 0;color:var(--muted);font-size:16px}.guide-close{border-top:1px solid var(--line);padding-top:32px}.guide-page footer{font-size:14px}.guide-page footer>p{font-size:14px}.guide-page footer details p{font-size:14px}@media(max-width:700px){.guide-main{padding:32px 22px 12px}.guide-lead{font-size:18px}.guide-modes{grid-template-columns:1fr;gap:24px}.guide-modes p{max-width:none}.guide-main article>section{margin:34px 0}.guide-contents{gap:12px 18px;margin-bottom:32px}.guide-example{grid-template-columns:100px minmax(0,1fr);gap:20px;padding:20px}.guide-example img{width:100px}.guide-back{font-size:14px}.guide-main p,.guide-main li{font-size:16px}}@media(max-width:440px){.guide-example{grid-template-columns:1fr}.guide-example img{width:120px}.guide-page .wordmark{font-size:30px}.guide-page .site-header{gap:18px}.guide-contents{flex-direction:column;align-items:flex-start}}

.guide-spread { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:28px 0; }
.guide-spread section { border-top:1px solid var(--gold); padding-top:20px; }
.guide-spread img { display:block; width:110px; max-width:100%; height:auto; border-radius:5px; margin-bottom:18px; }
.guide-spread .little-label { font-size:12px; }
.guide-spread h3 { margin:8px 0; }
.guide-spread p { font-size:16px; }
@media (max-width:700px) { .guide-spread { grid-template-columns:1fr; gap:28px; } }

.meaning-controls{display:grid;gap:10px;margin:28px 0}.meaning-controls input,.meaning-controls select{font:inherit;padding:12px;background:#262230;color:#f5efe7;border:1px solid #8d806e;border-radius:6px}.meaning-card{border-bottom:1px solid #ffffff24;padding:16px 0}.meaning-card[hidden]{display:none}.meaning-card summary{cursor:pointer;font-size:22px}.meaning-card summary span{display:block;font-size:14px;color:#c5beb5;margin-top:5px}.meaning-card .guide-example{margin:20px 0}.meaning-card p{margin-top:0}

.practice-reveal{border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.practice-reveal summary{padding:15px 20px;color:var(--gold);font-size:17px;font-weight:600;cursor:pointer}
.practice-reveal summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.practice-reveal>div{padding:0 20px 8px}
.practice-related{margin-top:14px;color:var(--muted)}