*{box-sizing:border-box}body{margin:0;background:#f6f3eb;color:#243c35;font-family:system-ui,sans-serif;line-height:1.6}main{max-width:860px;margin:auto;padding:64px 24px}header{border-bottom:1px solid #c8d1c8;padding-bottom:32px;margin-bottom:32px}h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin:16px 0}h1,h2{font-family:Georgia,serif;font-weight:400}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em}.intro{font-size:1.15rem}.muted,footer,time{color:#56675f}article,section{background:#fffdf7;padding:28px;border:1px solid #d9dfd4;border-radius:8px}article{margin:20px 0}form{display:grid;gap:12px;max-width:420px}button,input{font:inherit;border:1px solid #718178;border-radius:4px;padding:12px}button{background:#244c3d;color:white;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input{background:white;color:#243c35}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b37725;outline-offset:3px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}summary{cursor:pointer;margin-top:20px}.study-body{white-space:pre-wrap;overflow-wrap:anywhere;padding-top:20px}footer{margin-top:48px;font-size:.85rem}[role=alert]{background:#fce7df;padding:16px;color:#742e20}