body{margin:0;background:#f5f5ef;color:#182c32;font:17px/1.65 system-ui,sans-serif}main,header{max-width:1000px;margin:auto;padding:24px}a{color:#12635b}header{display:flex;gap:24px;flex-wrap:wrap}h1{font-size:clamp(28px,5vw,44px)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card,section{background:white;border:1px solid #ccd7d0;border-radius:12px;padding:22px;margin:16px 0;overflow-wrap:anywhere}.muted{color:#52656a}.locked{padding:16px;border-bottom:1px solid #ddd}input{padding:12px;font:inherit;max-width:90%}nav{display:flex;gap:20px;flex-wrap:wrap}summary{cursor:pointer}:focus-visible{outline:3px solid #b66912}

*{-webkit-tap-highlight-color:transparent}
a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
button,input,select{box-sizing:border-box;min-width:44px;min-height:44px;font:inherit}
button,select{padding:10px 16px;border:1px solid #849e94;border-radius:9px;background:white;color:#164b49}
button{cursor:pointer}button:disabled{opacity:.5;cursor:default}
input[type=checkbox]{width:44px;height:44px;vertical-align:middle;margin:0 8px 0 0}
audio{display:block;max-width:100%;min-height:54px}
:focus-visible{outline:3px solid #b66912;outline-offset:3px}
@media (hover:hover){button:hover{background:#e0eee5}}

audio:focus-within{outline:3px solid #b66912;outline-offset:3px}