.mkf-shell,.mkf-public{--bg:#0c1215;--card:#172025cc;--line:#ffffff18;--text:#f5f3ed;--muted:#b6c0bc;--gold:#d7bd82;box-sizing:border-box;width:min(1200px,100%);margin:auto;padding:clamp(18px,4vw,48px);overflow:hidden;border-radius:24px;background:radial-gradient(circle at 90% 0,#31534755,transparent 35%),var(--bg);color:var(--text)}.mkf-shell *,.mkf-public *{box-sizing:border-box;min-width:0}.mkf-hero{padding:clamp(28px,6vw,72px) 0}.mkf-hero h1,.mkf-public h1{margin:.15em 0;font:700 clamp(2rem,7vw,5.5rem)/1.02 Georgia,serif;overflow-wrap:anywhere}.mkf-grid,.mkf-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mkf-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 20px 70px #0004}.mkf-card a,.mkf-tabs a{color:var(--gold)}.mkf-button,.mkf-card button,.mkf-public button{display:inline-block;padding:11px 16px;border:0;border-radius:9px;background:var(--gold);color:#15191a;text-decoration:none;font-weight:800}.mkf-card label,.mkf-public label{display:grid;gap:6px;margin:12px 0}.mkf-card input,.mkf-card select,.mkf-card textarea,.mkf-public input,.mkf-public textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#070b0dc7;color:var(--text)}.mkf-tabs{display:flex;gap:18px;overflow:auto;padding:12px 0 24px}.mkf-shell section{padding:28px 0}.mkf-timeline{border-left:1px solid var(--gold);padding-left:24px}.mkf-timeline article{position:relative;padding:0 0 26px}.mkf-timeline article:before{content:'';position:absolute;left:-30px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--gold)}.mkf-public{min-height:100vh;border-radius:0}.mkf-public img{display:block;max-width:100%;height:auto;border-radius:12px}@media(max-width:800px){.mkf-grid,.mkf-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mkf-shell,.mkf-public{width:100%;padding:16px;border-radius:0}.mkf-grid,.mkf-dashboard{grid-template-columns:1fr}.mkf-tabs{gap:14px}.mkf-card{padding:16px}}
.mkf-switcher{display:flex;gap:10px;overflow-x:auto;padding:12px;margin-bottom:18px;border:1px solid #d5ddd7;border-radius:12px}.mkf-switcher>a{flex:0 0 min(260px,75vw);padding:9px 12px;border-radius:8px;text-decoration:none}.mkf-switcher>a.current{outline:3px solid #3d6a50}.mkf-switcher small{display:block}
