:root{font:15px Inter,"Segoe UI",Arial,sans-serif;color:#22271e;background:#f8f7f3}*{box-sizing:border-box}body{margin:0;display:flex;flex-direction:column;height:100vh;height:100dvh}header{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between;padding:10px clamp(12px,3vw,44px);min-height:58px;background:#fffefa;border-bottom:1px solid #d3d5c9}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #678c38;outline-offset:3px}.brand{display:flex;align-items:center;gap:9px;letter-spacing:-.045em;font-weight:700;font-size:18px}nav{display:flex;gap:4px}nav a{padding:7px 13px;border-radius:5px;font-weight:600}nav [aria-current]{background:#22271e;color:white}.external{font-size:13px;color:#526049}.external:hover{text-decoration:underline}main{flex:1;min-height:0}iframe{display:block;border:0;width:100%;height:100%;background:#fff}@media(max-width:550px){header{gap:5px}.brand{font-size:15px}.brand img{width:25px;height:25px}nav a{font-size:13px;padding:6px}.external{font-size:11px}}
.actions{display:flex;align-items:center;gap:12px}.actions button{border:1px solid #c5cdba;background:#f6f8f1;color:#273320;border-radius:5px;padding:6px 9px;cursor:pointer;font:600 13px Inter,"Segoe UI",sans-serif}.actions button:focus-visible{outline:3px solid #678c38;outline-offset:2px}#notice{margin:0;padding:7px clamp(12px,3vw,44px);background:#edf1e4;color:#3e4933;font-size:13px}button[hidden]{display:none}@media(max-width:650px){.actions{gap:8px}.actions button{font-size:12px}.external{display:none}}