:root{color-scheme:light;--paper:#faf7ef;--ink:#303b30;--green:#425d43;--line:#dcded0}*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,sans-serif}a{color:var(--green);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #946128;outline-offset:5px}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#faf7eff5;border-bottom:1px solid var(--line);padding:16px max(24px,calc((100vw - 1240px)/2));backdrop-filter:blur(12px)}.brand{font:700 28px Georgia,serif;text-decoration:none;line-height:1.1}.brand span{display:block;font:10px system-ui;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none;font-size:15px;padding:8px 0}h1,h2,h3{font-family:Georgia,serif;line-height:1.18;font-weight:500;text-wrap:balance}h1{font-size:clamp(36px,5vw,66px);letter-spacing:-1.5px;margin:20px 0}h2{font-size:30px;margin:44px 0 18px}h3{font-size:24px;margin:30px 0 12px}h1 em{color:var(--green)}main{max-width:1240px;margin:auto;padding:48px 24px}.hero{max-width:820px;padding:35px 0 65px}.hero>p:last-child{max-width:660px;font-size:21px;color:#606a58}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.7px;font-weight:700;color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fffdf8;transition:transform .15s}.card:hover{transform:translateY(-3px)}.card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.card>div{padding:22px}.card h2{font-size:27px;margin:12px 0}.card p{font-size:15px}.byline{font-size:13px;color:#64705e}article{max-width:850px;margin:auto}.article-head{max-width:790px;margin:30px 0}.intro{font-size:21px;color:#606a58}figure{margin:32px 0}figure img{display:block;width:100%;height:auto;border-radius:20px}figcaption{font-size:13px;color:#64705e;margin-top:8px}.answer{padding:26px 30px;background:#eaf0e2;border:1px solid #d0dac4;border-radius:18px;margin:32px 0}.answer p:last-child{margin-bottom:0}.answer h2{margin-top:0}.contents{padding:18px 22px;border:1px solid var(--line);border-radius:14px}.contents summary{cursor:pointer}.prose p{margin:20px 0}.prose li{margin:10px 0}.prose table{display:block;overflow:auto;border-collapse:collapse;font-size:16px}.prose td,.prose th{padding:12px;border:1px solid var(--line);min-width:130px}.prose th{background:#eaf0e2}footer{max-width:1240px;margin:48px auto 0;padding:36px 24px;border-top:1px solid var(--line);font-size:14px}footer strong{font:700 26px Georgia,serif}footer nav{flex-wrap:wrap}.skip{position:absolute;top:-100px;left:16px;padding:10px;background:white;z-index:5}.skip:focus{top:10px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body{font-size:17px}header{padding:14px 18px;gap:12px}.brand{font-size:24px}.brand span{font-size:8px}nav{gap:14px}nav a{font-size:13px}.app{display:none}main{padding:28px 18px}.hero{padding:18px 0 35px}.cards{grid-template-columns:1fr}.card h2{font-size:26px}.answer{padding:20px}.intro{font-size:19px}h2{font-size:27px}figure{margin:24px -2px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
