*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:#153b40;font:18px/1.65 system-ui,sans-serif}header{background:#102d40;color:#fff;padding:22px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px}header a{color:#fff}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:700}.brand img{width:68px;height:68px;object-fit:contain}.brand small{display:block;color:#e6c578;font-size:14px}main{max-width:1060px;margin:auto;padding:42px 22px}h1{font-size:clamp(32px,5vw,56px);line-height:1.18;margin:10px 0 24px}h2{margin-top:42px;line-height:1.35}h3{font-size:22px;line-height:1.35}.tag{color:#526728;font-weight:700}.intro{font-size:23px}.credit,.muted{font-size:16px}a{color:#005b55;overflow-wrap:anywhere;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #d2a23b;outline-offset:4px}.button{display:inline-block;margin:14px 0;background:#115847;color:#fff;text-decoration:none;padding:14px 23px;border-radius:10px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}article,.practice{background:#fff;padding:24px;border:1px solid #cfddd5;border-top:4px solid #d4ad54;border-radius:12px;min-width:0}article h3{margin-top:0}article a{display:inline-block;padding:9px 0}details{margin:24px 0;padding:20px;background:#e8efe9;border-radius:10px}summary{cursor:pointer;font-weight:700}footer{padding:30px 22px;text-align:center;background:#102d40;color:#fff}footer a{color:#f0d189}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}.brand img{width:54px;height:54px}main{padding-top:28px}.brand{font-size:16px}}