.mistfox-body{margin:0;--bg:#1a3328;--ink:#e7f0ea;--accent:#c5d5c0;--panel:#244435;--ff-d:'IBM Plex Serif',serif;--ff-b:'IBM Plex Sans',sans-serif;background:var(--bg);color:var(--ink);font-family:var(--ff-b);line-height:1.65}
.mistfox-body *{box-sizing:border-box}
.mistfox-brand{font-family:var(--ff-d);text-decoration:none;color:inherit}
.mistfox-main{padding:1.5rem clamp(1rem,4vw,2.5rem) 3rem}
.mistfox-main h1,.mistfox-main h2{font-family:var(--ff-d)}
.mistfox-cbtn{font:inherit;padding:.4rem .7rem;border:1px solid var(--ink);background:var(--bg);color:var(--ink);cursor:pointer}
.mistfox-cbtn-ok{background:var(--ink);color:var(--bg)}
.mistfox-cookie-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}
form button{background:var(--ink);color:var(--bg)}
a{color:inherit}

form label{display:block;margin:.65rem 0}
form input,form textarea{width:100%;max-width:100%;padding:.5rem;border:1px solid #888;font:inherit;background:#fff;box-sizing:border-box}
form button{font:inherit;padding:.55rem 1rem;cursor:pointer;border:0}
.mistfox-cookie-panel{margin-top:.6rem;display:grid;gap:.35rem}
.mistfox-contact-block p{margin:.2rem 0}
.mistfox-legal{max-width:68ch}
html.mistfox-reduced *{transition:none!important;animation:none!important}

.mistfox-dock{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding:.7rem;border-bottom:1px solid #2f553f;background:#13261d}
.mistfox-dock a{text-decoration:none;font-size:.9rem}.mistfox-brand-top{text-align:center;padding:1rem;font-size:1.5rem}
.mistfox-nav-toggle{position:fixed;right:1rem;bottom:1rem;z-index:35;font:inherit;padding:.7rem 1rem;background:var(--accent);color:#13261d;border:0;cursor:pointer}
.mistfox-nav-panel{position:fixed;inset:0;background:#13261d;z-index:40;display:flex;flex-direction:column;justify-content:center;gap:1.2rem;padding:2rem;transform:translateY(100%);transition:transform .35s;}
.mistfox-nav-panel.is-open{transform:none}.mistfox-nav-panel a{font-size:1.6rem;text-decoration:none}
.mistfox-narrow{max-width:52ch;margin:0 auto}.mistfox-under{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.mistfox-paper{perspective:800px;margin:1rem 0}.mistfox-sheet{background:var(--panel);padding:1.5rem;transform:rotate(-1.2deg);box-shadow:8px 8px 0 #0f1f18,16px 16px 0 #0a1611}
.mistfox-time{padding-left:1.2rem}.mistfox-band{background:#0f1f18;padding:2rem 1rem;margin:1.8rem -1rem;text-align:center}
.mistfox-masonry{columns:2;gap:1rem}.mistfox-masonry article{break-inside:avoid;background:var(--panel);padding:.8rem;margin:0 0 .8rem}
.mistfox-footer{padding:1.2rem;border-top:1px solid #2f553f}.mistfox-footer dl{display:grid;grid-template-columns:6rem 1fr;gap:.3rem}
.mistfox-cookie{position:fixed;bottom:1rem;left:1rem;max-width:300px;background:var(--panel);padding:1rem;z-index:50;border:1px solid var(--accent);display:flex;flex-direction:column;gap:.5rem}
@media(max-width:600px){.mistfox-masonry{columns:1}.mistfox-dock{display:none}}