:root{color:#25292d;background:#f0f1f3;font:18px/1.65 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(100% - 32px,1120px);margin:auto}header,footer{padding:24px 0}header,nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}a{color:#984600;text-underline-offset:4px}a:focus-visible{outline:3px solid #ff8300;outline-offset:4px}article,aside{background:#fff;border:1px solid #858b91;border-radius:24px;padding:clamp(20px,5vw,64px);overflow-wrap:anywhere}h1{font-size:clamp(30px,4vw,52px);line-height:1.15;margin:16px 0 24px}h2{font-size:clamp(24px,3vw,32px);line-height:1.3;margin-top:40px}.meta{color:#626b75}.summary{font-size:1.15rem}.cover{display:block;width:100%;height:auto;border-radius:16px;margin:24px 0}.article-body{max-width:78ch}nav{padding:24px 0}aside{margin-bottom:16px;border-color:#ff8300}li{margin:8px 0}footer{color:#626b75}@media(max-width:480px){header,main,footer{width:calc(100% - 24px)}article{border-radius:16px}}
:where(input,textarea,select,button){font:inherit;max-width:100%;border:1px solid #858b91;border-radius:10px;padding:10px;background:#fff;color:#25292d}label{display:block;margin:16px 0}label :where(input,textarea,select){display:block;width:100%;margin-top:6px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button[type=submit],#publish{background:#ff8300}main>article+article{margin-top:20px}[hidden]{display:none!important}
.article-body{margin:auto;max-width:76ch}.article-body p{margin:0 0 22px}.article-body h2{margin:44px 0 22px}.journal-steps{margin:28px 0;padding:24px;background:#f0f1f3;border-radius:16px}.journal-steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style-position:inside;padding:0;margin:0}.journal-steps li{font-weight:650}.journal-steps li::marker{color:#984600}.journal-steps figcaption,.journal-note{font-size:14px;color:#626b75;margin-top:16px!important}.journal-practice,.journal-check{margin:40px 0;padding:28px;border:1px solid #858b91;border-radius:16px}.journal-practice h2,.journal-check h2,.journal-next h2{margin-top:0}.journal-practice fieldset{border:0;padding:0;margin:0}.journal-practice legend{font-size:14px;color:#626b75;margin-bottom:10px}.journal-practice label,.journal-check label{display:flex;gap:12px;align-items:flex-start;line-height:1.5}.journal-practice label{border:1px solid #858b91;border-radius:10px;padding:16px}.journal-practice label:has(input:checked){background:#fff3e6;border-color:#a54b00}.journal-practice input,.journal-check input{appearance:auto;padding:0;display:inline-block;width:20px;height:20px;flex:0 0 20px;margin:3px 0 0;accent-color:#984600}.journal-feedback{padding:18px;background:#f0f1f3;border-radius:10px;font-size:16px;margin:20px 0 0!important}.journal-check output{display:block;font-size:14px;color:#626b75;margin:20px 0 12px}.journal-check button{font-size:14px}.journal-faq details{border-top:1px solid #cfd2d5;padding:16px 0}.journal-faq summary{cursor:pointer;font-weight:650}.journal-faq details p{margin:16px 0 0}.journal-next{border-top:3px solid #25292d;margin-top:44px;padding-top:28px}.journal-cta{display:inline-block;text-decoration:none;font-weight:750;background:#ff8300;color:#25292d;padding:15px 22px;border-radius:12px;line-height:1.4}.journal-note{font-weight:400}.journal-check input:focus-visible,.journal-practice input:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #3267bc;outline-offset:4px}@media(max-width:600px){.journal-steps ol{grid-template-columns:1fr 1fr;font-size:16px}.journal-steps,.journal-practice,.journal-check{padding:20px 16px}.journal-cta{font-size:16px}.article-body{font-size:17px}}@media print{.journal-check button{display:none}.journal-practice,.journal-check{break-inside:avoid}}