.editorial-guide{--guide-ink:#202b48;--guide-blue:#4b5c92;--guide-line:#dce2f0;color:var(--guide-ink)}
.editorial-guide .guide-lead{font-size:1.18em;line-height:1.7}
.editorial-guide h2,.editorial-guide h3{scroll-margin-top:100px;color:var(--guide-ink)}
.editorial-guide .guide-index,.editorial-guide .guide-next{padding:26px;margin:32px 0;border:1px solid var(--guide-line);border-radius:16px;background:#f5f6fb}
.editorial-guide .guide-index strong{display:block;color:var(--guide-blue);margin-bottom:12px}
.editorial-guide .guide-index ol{margin-bottom:0}
.editorial-guide a{color:var(--guide-blue);text-decoration:underline;text-underline-offset:3px}
.editorial-guide a:hover{color:var(--guide-ink)}
.editorial-guide :focus-visible{outline:3px solid #ffb805;outline-offset:4px}
.editorial-guide .guide-table{max-width:100%;overflow-x:auto;margin:30px 0;border:1px solid var(--guide-line);border-radius:12px}
.editorial-guide table{width:100%;min-width:560px;margin:0;border-collapse:collapse;font-size:.94em}
.editorial-guide caption{text-align:left;padding:16px 18px;font-weight:700;color:var(--guide-blue)}
.editorial-guide th,.editorial-guide td{padding:16px;text-align:left;vertical-align:top;border:1px solid var(--guide-line)}
.editorial-guide thead th{background:var(--guide-ink);color:#fff}
.editorial-guide tbody tr:nth-child(even){background:#f6f7fb}
.editorial-guide .guide-next{border-left:5px solid #ffb805}
.editorial-guide .guide-next h2{margin-top:0}
.editorial-guide .guide-next p:last-child{margin-bottom:0}
.editorial-guide .motion-example{border:2px solid var(--guide-blue);border-radius:14px;margin:24px 0;overflow:hidden}
.editorial-guide .motion-example summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;padding:20px;color:var(--guide-ink);background:#f5f6fb;font-weight:700;list-style:none}
.editorial-guide .motion-example summary::-webkit-details-marker{display:none}
.editorial-guide .motion-example summary span{transition:transform .2s ease}
.editorial-guide .motion-example[open] summary span{transform:rotate(180deg)}
.editorial-guide .motion-card{padding:20px}
.editorial-guide .motion-card p:last-child{margin-bottom:0}
.editorial-guide .motion-example[open] .motion-card{animation:guide-reveal .22s ease-out both}
@keyframes guide-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.editorial-guide .motion-example[open] .motion-card{animation:none}.editorial-guide .motion-example summary span{transition:none}}
@media(max-width:600px){.editorial-guide .guide-index,.editorial-guide .guide-next{padding:18px}.editorial-guide .guide-lead{font-size:1.08em}}