.guide-page{--bg:#f6f3ec;--surface:#fefcf7;--ink:#1d2a24;--muted:#667269;--line:#dcd8ce;--line-strong:#dcd8ce;--primary:#175a43;color:#1d2a24;background:#f6f3ec}.guide-hero{padding:clamp(42px,7vw,88px) 0 34px}.guide-hero-inner{max-width:900px}.guide-hero .h1{max-width:880px;margin:16px 0}.guide-hero .lead{max-width:760px}.guide-answer-card,.guide-playground,.guide-boundary{border:1px solid var(--line,#2a354b1f);background:var(--surface,#fff);border-radius:16px;box-shadow:0 12px 30px #232d480d}.guide-answer-card{grid-template-columns:minmax(150px,.35fr) 1fr;align-items:start;gap:24px;padding:24px 28px;display:grid}.guide-answer-card p{color:var(--muted,#667269);margin:0;line-height:1.7}.guide-checklist{gap:12px;display:grid}.guide-check{border:1px solid var(--line,#2a354b1f);background:var(--surface,#fff);border-radius:14px;grid-template-columns:32px 1fr;align-items:start;gap:14px;padding:20px 22px;display:grid}.guide-check h2{color:var(--ink,#172033);margin:0 0 4px;font-size:1.05rem}.guide-check p{color:var(--muted,#667269);margin:0;line-height:1.6}.guide-status{width:28px;height:28px;color:var(--muted,#667269);background:#f0f2f7;border-radius:50%;place-items:center;font-weight:800;display:grid}.guide-check-success .guide-status{color:#237b55;background:#e4ebdd}.guide-check-warning .guide-status{color:#936718;background:#f5ead0}.guide-check-error .guide-status{color:#b54035;background:#f8e5e2}.guide-playground{padding:clamp(20px,4vw,32px)}.guide-playground-copy h2{margin:12px 0 6px;font-size:clamp(1.6rem,3vw,2.35rem)}.guide-playground-copy p{color:var(--muted,#667269);margin:0 0 24px}.guide-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.guide-form-grid label{color:var(--ink,#172033);gap:7px;font-size:.84rem;font-weight:700;display:grid}.guide-form-grid input,.guide-form-grid textarea{border:1px solid var(--line-strong,#2a354b38);width:100%;min-height:44px;color:var(--ink,#172033);font:inherit;background:#fff;border-radius:10px;padding:11px 12px;line-height:1.5}.guide-form-grid textarea{resize:vertical}.guide-form-wide{grid-column:1/-1}.guide-trigger-row{border-top:1px solid var(--line,#2a354b1f);align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.guide-trigger-row span{color:#237b55;background:#e4ebdd;border-radius:999px;min-height:32px;padding:6px 12px;font-size:.86rem;font-weight:800}.guide-trigger-row span[data-active=false]{color:#6b7280;background:#eef0f4}.guide-trigger-row small{color:var(--muted,#667269)}.guide-issues,.guide-examples{gap:12px;display:grid}.guide-issue,.guide-example{border:1px solid var(--line,#2a354b1f);background:var(--surface,#fff);border-radius:14px;overflow:hidden}.guide-issue summary,.guide-example summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:16px 20px;font-weight:750;list-style:none;display:flex}.guide-issue summary::-webkit-details-marker{display:none}.guide-example summary::-webkit-details-marker{display:none}.guide-issue summary b,.guide-example summary b{color:var(--primary,#5b5bd6);font-size:.78rem}.guide-issue-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 20px 20px;display:grid}.guide-issue-body>div{border-top:1px solid var(--line,#2a354b1f);padding-top:18px}.guide-issue-body strong{color:var(--muted,#667269);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.78rem;display:block}.guide-issue-body p{color:var(--ink,#172033);margin:0;line-height:1.65}.guide-example summary b{color:var(--muted,#667269);font-family:ui-monospace,monospace}.guide-example-body{padding:0 20px 20px}.guide-example-body>p{color:var(--muted,#667269);margin:0 0 16px}.guide-example-body dl{gap:8px;margin:0;display:grid}.guide-example-body dl>div{border-top:1px solid var(--line,#2a354b1f);grid-template-columns:120px 1fr;gap:12px;padding-top:10px;display:grid}.guide-example-body dt{color:var(--muted,#667269);font-family:ui-monospace,monospace;font-size:.82rem}.guide-example-body dd{color:var(--ink,#172033);margin:0;line-height:1.55}.guide-boundary{justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.guide-boundary p{color:var(--muted,#667269);margin:5px 0 0}@media (width<=720px){.guide-answer-card{grid-template-columns:1fr;gap:10px;padding:20px}.guide-form-grid,.guide-issue-body{grid-template-columns:1fr}.guide-form-wide{grid-column:auto}.guide-boundary{flex-direction:column;align-items:stretch}.guide-boundary .btn{justify-content:center;width:100%}}@media (width<=480px){.guide-hero{padding-top:28px}.guide-check{padding:16px}.guide-issue summary,.guide-example summary{min-height:56px;padding:14px 16px}.guide-issue-body,.guide-example-body{padding-inline:16px}.guide-example-body dl>div{grid-template-columns:92px 1fr}}