:root{--s20-ink:#132a32;--s20-paper:#f5f2e9;--s20-accent:#b51f2e;--s20-line:#d8d2c3;--s20-ready:#0c6b59}
.s20-module-surface{margin:1.25rem auto 3rem;max-width:1180px;padding:clamp(1rem,2.5vw,2.25rem);background:linear-gradient(145deg,#fff 0%,var(--s20-paper) 100%);border:1px solid var(--s20-line);border-radius:1.25rem;color:var(--s20-ink);box-shadow:0 1.25rem 3rem rgba(18,42,50,.08)}
.s20-module-surface__header{display:grid;gap:.65rem;padding-bottom:1.5rem;border-bottom:1px solid var(--s20-line)}
.s20-module-surface__header h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,5vw,4.2rem);font-weight:600;letter-spacing:-.04em;line-height:.98}
.s20-module-surface__header>p{max-width:72ch;margin:0;color:#4b5c61;line-height:1.65}
.s20-module-surface__status{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.s20-module-surface__status span{padding:.35rem .7rem;border:1px solid color-mix(in srgb,var(--s20-ready) 40%,transparent);border-radius:99rem;background:color-mix(in srgb,var(--s20-ready) 9%,white);color:var(--s20-ready);font-size:.82rem;font-weight:700}
.s20-module-surface__grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(16rem,.65fr);gap:clamp(1rem,3vw,2.25rem);padding-top:1.5rem}.s20-module-surface__grid article,.s20-module-surface__grid aside{min-width:0}.s20-module-surface__grid h2{margin:.1rem 0 1rem;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}
.s20-module-surface__actions{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.s20-module-surface__actions li{display:grid;grid-template-columns:minmax(10rem,1.2fr) minmax(8rem,.55fr) minmax(9rem,.7fr);gap:.75rem;align-items:center;padding:.85rem 1rem;background:#fff;border:1px solid var(--s20-line);border-radius:.8rem}.s20-module-surface__actions strong,.s20-module-surface__actions small{display:block;overflow-wrap:anywhere}.s20-module-surface__actions span,.s20-module-surface__actions small{color:#59686c}.s20-module-surface__control{min-height:42px;padding:.62rem .8rem;border:1px solid var(--s20-ready);border-radius:.55rem;text-align:center;font:inherit;font-weight:700;color:var(--s20-ready);background:#fff}.s20-module-surface__control[disabled]{border-color:#c9c4b8;color:#68645c;background:#eeeae1;cursor:not-allowed}
.s20-module-surface__grid dl{display:grid;gap:.65rem;margin:0}.s20-module-surface__grid dl div{padding:.75rem 0;border-bottom:1px solid var(--s20-line)}.s20-module-surface__grid dt{font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6c777a}.s20-module-surface__grid dd{margin:.3rem 0 0;overflow-wrap:anywhere}.s20-module-surface__non-actions{margin-top:1rem}.s20-module-surface__non-actions summary{cursor:pointer;font-weight:700}.s20-module-surface__non-actions ul{max-height:18rem;overflow:auto;padding-left:1.2rem}.s20-module-surface__non-actions li{margin:.65rem 0}.s20-module-surface__non-actions code,.s20-module-surface__non-actions span{display:block;overflow-wrap:anywhere}.s20-module-surface__non-actions span{font-size:.82rem;color:#59686c}
@media(max-width:760px){.s20-module-surface{margin:.75rem .5rem 2rem;border-radius:.9rem}.s20-module-surface__grid{grid-template-columns:1fr}.s20-module-surface__actions li{grid-template-columns:1fr;gap:.35rem}.s20-module-surface__control{width:100%}}
@media(prefers-reduced-motion:reduce){.s20-module-surface *{scroll-behavior:auto!important;transition:none!important}}