.guide-intro{display:block;padding-block:3rem 2.5rem}
.guide-intro h1{font-size:2.8rem;max-width:24ch;line-height:1.15;text-wrap:balance}
.guide-intro .intro-description{max-width:65ch}
.guide-context{color:var(--muted);font-size:.8rem;line-height:1.8;margin-top:1.2rem}
.guide-context a,.rule-section a{text-decoration:underline;text-underline-offset:4px}
.rule-section p,.rule-section li{font-size:1rem;line-height:1.8}
.work-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;list-style:none;padding:1rem 0;margin:1.2rem 0;border-block:1px solid var(--line)}
.work-loop li{margin:0;min-width:0}
.work-loop strong,.work-loop span{display:block}
.work-loop strong{font-size:.95rem}
.work-loop span{font-size:.75rem;color:var(--muted);margin-top:.3rem}
.steps{padding-left:1.3rem}
.steps li{padding-left:.4rem;margin-bottom:1rem}
.glossary{border-block:1px solid var(--line);margin-top:1.4rem}
.glossary summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;cursor:pointer;font-size:.9rem;color:#e3e9ed;list-style:none;transition:color 160ms ease}.glossary summary::-webkit-details-marker{display:none}.glossary summary svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform 240ms var(--ease-out)}.glossary[open] summary svg{transform:rotate(180deg)}
.glossary summary:hover{color:var(--accent)}
.glossary summary:focus-visible,button:focus-visible,pre:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.glossary dl{padding-bottom:1rem}
.glossary dl>div,.brief-outline>div,.bug-report>div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:.8rem 0;font-size:.9rem;line-height:1.8}
.glossary dt,.brief-outline dt,.bug-report dt{color:#e3e9ed}
.glossary dd,.brief-outline dd,.bug-report dd{color:#b1bdc6}
.brief-outline,.bug-report{margin:1.5rem 0}
.brief-outline>div,.bug-report>div{border-bottom:1px solid var(--line)}
.brief-outline>div:first-child,.bug-report>div:first-child{border-top:1px solid var(--line)}
.prompt-example{margin:1.5rem 0;background:#171c20;border:1px solid #ffffff24;border-radius:12px;padding:1.2rem}
.prompt-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
.prompt-heading h3{margin:0;font-size:.9rem}
.prompt-heading button{flex-shrink:0;min-height:2.75rem;padding:.5rem .75rem;border:1px solid #ffffff36;border-radius:6px;background:transparent;color:#c7e4f6;font:inherit;font-size:.75rem;cursor:pointer;min-width:7rem;transition:background 160ms ease,border-color 160ms ease,color 160ms ease,transform 160ms var(--ease-out)}
.prompt-heading button:hover{background:#c7e4f612;border-color:#c7e4f66b}
.prompt-heading button:active{background:#c7e4f622;transform:scale(.97)}.prompt-heading button[data-copied]{background:#c7e4f61a;border-color:#c7e4f673;color:#e3f3fd}
.prompt-heading button:disabled{cursor:wait;color:var(--muted)}
.prompt-heading button[hidden]{display:none}
.prompt-example pre{font:inherit;font-size:.85rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;color:#c8d3dc;margin:0;user-select:text}
.rule-section .copy-status{font-size:.75rem;line-height:1.7;margin:.7rem 0 0;min-height:3.4em;color:#c7e4f6}
.rule-section .practical-note{font-size:.85rem}
.rule-section .checkpoint{border-top:1px solid var(--line);padding-top:1rem;margin-top:1.5rem;font-size:.9rem}
.final-checks{list-style:disc}
.reference-links{list-style:none;padding-left:0!important}
.reference-links li{padding:1rem 0!important;margin:0!important;border-bottom:1px solid var(--line)}
.reference-links span{display:block;font-size:.85rem;color:var(--muted);margin-top:.3rem}
@media(max-width:800px){.guide-intro{padding-block:2.3rem}.guide-intro h1{font-size:2.2rem}.guide-context{font-size:.8rem}.rule-section p,.rule-section li{font-size:1rem}.work-loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem}.glossary dl>div,.brief-outline>div,.bug-report>div{grid-template-columns:1fr;gap:.2rem}.prompt-example{padding:1rem}.prompt-heading{align-items:flex-start;gap:.75rem}.prompt-heading h3{font-size:.9rem}.prompt-heading button{font-size:.75rem}.prompt-example pre{font-size:.85rem}.reference-links li{padding-block:1rem!important}}
@supports(interpolate-size:allow-keywords){
  .glossary{interpolate-size:allow-keywords}
  .glossary::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size 260ms var(--ease-out),opacity 180ms ease,content-visibility 260ms;transition-behavior:allow-discrete}
  .glossary[open]::details-content{block-size:auto;opacity:1}
}
@media(prefers-reduced-motion:reduce){.glossary summary svg,.glossary::details-content{transition:none}.prompt-heading button{transition:background 120ms ease,color 120ms ease}.prompt-heading button:active{transform:none}}