:root{font-family:Georgia,serif;color:#292b24;background:#f5efda;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;width:100%;padding:clamp(16px,3vw,48px)}header{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid;padding-bottom:26px}h1{font-size:clamp(36px,5vw,76px);font-weight:400;letter-spacing:-.05em;margin:12px 0}small,.links,nav,button,.status{font-family:ui-monospace,monospace}small{font-size:12px;letter-spacing:.05em}.stamp{border:4px double #b5432f;color:#a83c2b;transform:rotate(8deg);padding:14px;font:700 24px monospace;text-align:center}nav{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}button{border:1px solid #626653;background:#fffaf0;border-radius:3px;padding:10px 13px;font-size:12px;color:inherit;cursor:pointer}button:hover:not(:disabled),button[aria-pressed=true]{background:#303f32;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,textarea:focus-visible{outline:3px solid #c46b36;outline-offset:3px}.status{border-left:5px solid #5b7154;padding:12px;background:#e9e5cd}.warning{border:2px solid #b43;padding:16px}.intro{max-width:950px;margin:42px 0;font-size:19px;line-height:1.7}.intro h2{font-size:35px;font-weight:400}.challenges{display:flex;gap:10px;flex-wrap:wrap}.meter{display:flex;align-items:center;gap:36px;border-block:1px solid #7c806a;padding:24px 0}.meter strong{font-size:48px;font-weight:400}.meter small{display:block;font-size:10px}.meter p{line-height:1.8}.table{display:grid;grid-template-columns:2fr 1fr;gap:36px;margin-top:30px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}article{padding:20px;background:#fffaf0;border:1px solid #bcbca5;box-shadow:3px 4px #d7d2ba;animation:arrive .35s ease}article p{font-size:18px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}article small{color:#6b715b}.links{font-size:11px;line-height:1.8;margin-bottom:16px;overflow-wrap:anywhere}.supported{border-left:6px solid #5c8056}.collapsed{background:#e9ddd0;border-left:6px solid #a94f37;box-shadow:none}.collapsed>p:first-of-type{text-decoration:line-through;text-decoration-color:#a94f3766}.reason{font-size:13px!important;color:#8c392b}.revealed{background:#dddcc2}aside article{margin-bottom:16px}.coda{background:#304134;color:#fff;padding:30px;margin-top:30px;line-height:1.8}.replay{margin:36px 0;border-top:2px solid;padding-top:18px}.replay button{margin:4px}.author{max-width:1100px;line-height:1.8}textarea{display:block;width:100%;min-height:65vh;background:#fffaf0;color:inherit;font:14px/1.5 monospace;padding:20px;border:1px solid;margin:18px 0}footer{margin-top:60px;padding-top:20px;border-top:1px solid;max-width:1000px;font-size:13px;line-height:1.7}footer button{margin:4px}footer small{display:block}p{white-space:pre-wrap;overflow-wrap:anywhere}h2{font-weight:400}@keyframes arrive{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:850px){.table,.cards{grid-template-columns:1fr}.stamp{display:none}.meter{gap:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
