.guides-page .top{gap:24px;flex-wrap:wrap;padding-bottom:20px}.guides-page .top nav{flex-wrap:wrap;gap:12px 20px}
.guides-intro,.guide-hero,.guide-list,.guide-layout{max-width:1180px;margin:auto;padding:64px 32px}.guide-kicker{color:#ff8b47;font:12px/1.5 var(--mono);letter-spacing:.12em;margin:20px 0}.guides-intro h1{font-size:clamp(42px,6vw,78px);max-width:850px}.guides-intro>p:last-child{max-width:640px;color:var(--soft);font-size:20px;margin-top:24px}.guide-list{padding-top:0}.guide-card{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;border:1px solid var(--line);border-radius:24px;padding:32px;text-decoration:none;background:#141216}.guide-card h2{font-size:clamp(26px,3vw,38px);line-height:1.15}.guide-card p:not(.guide-kicker){color:var(--soft);margin:20px 0}.guide-read{color:#ff8b47}.guide-card:hover{border-color:#ff8b47}.guide-art{min-height:240px;display:flex;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at 20% 20%,#693311,#21191c 65%);border-radius:16px;font:14px var(--mono)}.guide-art span{border:1px solid #a16d4f;border-radius:12px;padding:28px 12px}.guide-art b{font-size:30px;color:#ff8b47}.guide-hero{padding-bottom:40px;border-bottom:1px solid var(--line)}.guide-back{color:var(--soft);font-size:14px}.guide-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.08;max-width:960px}.guide-meta{color:var(--mute);margin-top:24px;font-size:14px}.guide-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:56px;padding-top:48px;align-items:start}.guide-toc{position:sticky;top:28px;font-size:13px}.guide-toc summary{font-weight:700;font-size:16px}.guide-toc ul{padding:0;list-style:none}.guide-toc li{margin:12px 0}.guide-toc li li{display:none}.guide-toc a{color:var(--soft);text-decoration:none}.guide-toc a:hover{color:#ff8b47}.guide-toc .toc>ul>li>a{display:none}.guide-toc .toc>ul>li>ul>li{display:block}.guide-prose{font-size:17px;line-height:1.85;min-width:0}.guide-prose p{margin:0 0 22px}.guide-prose h2{font-size:30px;line-height:1.25;margin:52px 0 24px;scroll-margin-top:28px}.guide-prose h3{font-size:22px;line-height:1.35;margin:32px 0 16px;scroll-margin-top:28px}.guide-prose li{margin:10px 0}.guide-prose a{color:#ffab76;text-underline-offset:4px;overflow-wrap:anywhere}.guide-prose blockquote{margin:28px 0;padding:22px 24px;border-left:3px solid #ff6a13;background:#201915;border-radius:0 12px 12px 0}.guide-prose blockquote p{margin:0}.guide-prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.guide-table{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:24px 0}.guide-table table{border-collapse:collapse;min-width:620px;width:100%;font-size:14px}.guide-table td,.guide-table th{padding:14px;text-align:left;border-bottom:1px solid var(--line)}.guide-table th{background:#211a16}.guide-prose strong{color:#fff6ec}.guides-page footer{margin-top:40px}
@media(max-width:760px){.guides-intro,.guide-hero,.guide-list,.guide-layout{padding:36px 20px}.guide-card{grid-template-columns:1fr;padding:20px;gap:16px}.guide-art{min-height:180px}.guide-layout{grid-template-columns:1fr;gap:28px}.guide-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:16px}.guide-prose{font-size:16px}.guide-prose h2{font-size:26px}.guide-hero h1{font-size:38px}.guides-page .top nav{font-size:12px}}