:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#102b2c;color:#f2ead8;font:17px/1.6 system-ui,sans-serif}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:18px}header span,.eyebrow{font-size:10px;letter-spacing:2px;color:#e7c792}a{color:inherit;text-decoration:none;min-height:48px;display:inline-flex;align-items:center}h1{font:clamp(43px,6vw,76px)/1.1 Georgia,serif;margin:16px 0}h2{font:32px Georgia,serif;margin:8px 0}.intro{color:#b9d0bb;font-family:Georgia,serif;font-size:24px}.hero{display:block;width:100%;border-radius:18px;border:1px solid #e1c89055}nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}button,summary{touch-action:manipulation;min-height:52px;padding:12px 20px;border:1px solid #bbcbb655;border-radius:99px;background:transparent;color:inherit;font:inherit;cursor:pointer}button[aria-pressed=true]{background:#c1d4b8;color:#102b2c}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e7c792;outline-offset:3px}#meaning{padding:20px 28px;background:#ffffff06;border:1px solid #bbcbb633;border-radius:18px;min-height:240px}#state{color:#c2d5b8;font-size:14px}details{margin-top:24px}summary{width:max-content}textarea{display:block;width:100%;height:230px;padding:16px;margin:16px 0;background:#0b2224;color:#eceddf;border:1px solid #bbcbb655;border-radius:10px;font:14px/1.6 system-ui}footer{color:#a0b5ad;font-size:12px}@media(max-width:600px){header,main,footer{padding:18px}header span{display:none}nav{gap:8px}button{font-size:14px;padding:12px 15px}#meaning{padding:20px;min-height:290px}}