.revision-feature{padding-top:5rem;padding-bottom:5rem}.revision-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.revision-preview article,.demo-card,.demo-context{border:1px solid #c8cfc5;background:#fffdf7;border-radius:10px;padding:1.6rem}.demo-main{padding-top:3rem;padding-bottom:4rem;max-width:1200px}.demo-main h1{font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.12;max-width:800px}.demo-main h2{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.25}.demo-main p{line-height:1.7}.demo-disclosure{padding:1.2rem 1.5rem;background:#e9ede5;border-left:4px solid #345244;line-height:1.65;margin:2rem 0}.demo-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2rem;align-items:start}.demo-context{position:sticky;top:1rem}.demo-context dt{font-weight:700;margin-top:1rem}.demo-context dd{margin:0;line-height:1.6}.demo-nav{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;padding:0;margin:0 0 1.5rem}.demo-card{margin-bottom:1.5rem;scroll-margin-top:1rem}.passage{padding:1.2rem;background:#f4f1e9;margin:1rem 0;border-left:3px solid #a7b2a0}.passage span{font-size:.8rem;color:#425345}.passage blockquote{margin:1rem 0 .2rem;font-family:Georgia,serif;font-size:1.2rem;line-height:1.7}.review-note,.decision-record{padding:1rem 1.2rem;border:1px solid #bdc9bc;margin:1.2rem 0}.demo-card details{margin:1rem 0}.demo-card summary{cursor:pointer;font-weight:600}.revision-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.revision-controls[hidden],[hidden]{display:none!important}.revision-controls button{font:inherit;background:transparent;border:1px solid #345244;border-radius:6px;padding:.6rem .9rem;cursor:pointer;color:#294336}.revision-controls button[aria-pressed=true]{background:#345244;color:white}.revision-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.revision-pair h3{font-size:1rem}.revision-pair del{background:#f3ded5;text-decoration:line-through}.revision-pair ins{background:#dcead7;text-decoration:underline}.history-list{padding-left:1.5rem}.history-list li{padding:.6rem 0 .6rem .5rem}.history-list p{margin:.3rem 0}.demo-next{padding:2rem;margin-top:2rem;background:#e9ede5;border-radius:10px}.demo-main a:focus-visible,.demo-main button:focus-visible,.demo-main summary:focus-visible{outline:3px solid #9a621b;outline-offset:4px}@media(max-width:780px){.demo-layout{grid-template-columns:1fr}.demo-context{position:static}.revision-preview,.revision-pair{grid-template-columns:1fr}.demo-card,.demo-next{padding:1.2rem}.demo-main{padding-top:1.5rem}.demo-nav{font-size:.9rem}}/* Keep reading-size headings clear; the landing-page display tracking is too tight here. */
.demo-main h1{letter-spacing:-.035em;font-weight:600}
.demo-main h2,.revision-feature h2{letter-spacing:-.02em;font-weight:600}
.demo-main h3,.revision-feature h3{letter-spacing:normal;font-weight:600;line-height:1.4}
.demo-main p,.demo-main dd,.demo-main li{letter-spacing:normal}
.demo-context h2{font-size:1.35rem;letter-spacing:normal}
.demo-main h1 em,.demo-main h2 em,.revision-feature h2 em{letter-spacing:inherit}