/* Free guide page: Turn any script into a branded explainer video. */
.guide-page .guide-hero{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:40px;align-items:start;padding:8px 0 28px}
.guide-page .guide-video{margin:0;min-width:0}
.guide-page .guide-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;border:1px solid var(--line);border-radius:14px;background:#0B0B09}
.guide-page .guide-video figcaption{margin-top:10px;color:var(--muted);font:.78rem var(--mono)}
.guide-page .guide-hero .system-detail-head{padding-top:0}
.guide-page .guide-note{max-width:52ch;margin:4px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}
.guide-page .guide-steps{list-style:none;margin:0;padding:0}
.guide-page .guide-step{border-top:1px solid var(--line);padding:28px 0}
.guide-page .guide-step:last-child{border-bottom:1px solid var(--line)}
.guide-page .guide-step h2{margin:0;font-size:clamp(1.2rem,2.4vw,1.5rem);letter-spacing:-.03em;line-height:1.2}
.guide-page .guide-step h2 span{display:block;margin-bottom:8px;color:var(--gold);font:.7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.guide-page .guide-step p{max-width:62ch;margin:12px 0;line-height:1.6;color:var(--muted)}
.guide-page .guide-step p strong{color:var(--text)}
.guide-page .guide-copy-row{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:16px 0 0}
.guide-page .guide-copy-row input{flex:1 1 280px;min-width:0;min-height:44px;box-sizing:border-box;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg-2);color:var(--gold-2);font:15px/1.5 var(--mono)}
.guide-page .guide-copy-row .system-action,.guide-page .member-skill-actions button{font:inherit;font-weight:600;cursor:pointer}
.guide-page textarea{display:block;box-sizing:border-box;width:100%;min-height:16rem;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg-2);color:var(--text);font:15px/1.5 var(--mono);resize:vertical}
.guide-page .guide-status{min-height:1.4em;margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}
.guide-page .guide-example{margin-top:8px;border-top:0}
.guide-page .guide-copy-row input:focus-visible,.guide-page textarea:focus-visible,.guide-page [data-copy]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(forced-colors:active){.guide-page .guide-copy-row input:focus-visible,.guide-page textarea:focus-visible,.guide-page [data-copy]:focus-visible{outline-color:Highlight}}
@media(max-width:760px){.guide-page .guide-hero{grid-template-columns:1fr;gap:24px}.guide-page .guide-hero .system-detail-head{order:1;padding-bottom:0}.guide-page .guide-video{order:2;width:100%;max-width:320px;margin:0 auto}}
@media(max-width:420px){.guide-page .guide-copy-row .system-action{width:100%;justify-content:center}.guide-page .guide-copy-row input{font-size:13px;padding:10px 12px}}