:root{--bg: #f6f7f8;--surface: #ffffff;--card: rgba(255,255,255,.88);--text: #0f172a;--muted: #475569;--border: rgba(15,23,42,.1);--shadow: 0 10px 30px rgba(2, 6, 23, .08);--brand-500:#2f6c47;--brand-700:#1f4a31;--brand-900:#0b1a12;--accent-500:#b11f35;--accent-700:#6e121e;--gold-500:#e0b75a;--gold-600:#c9a24a;--r-xl:18px;--r-lg:14px;--r-md:12px;--pad: clamp(16px, 3vw, 28px);--container: 1120px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--text);line-height:1.55;background:radial-gradient(1100px 520px at 12% -10%,rgba(31,74,49,.2),transparent 60%),radial-gradient(900px 420px at 92% -5%,rgba(177,31,53,.12),transparent 55%),radial-gradient(800px 500px at 50% 110%,rgba(224,183,90,.12),transparent 60%),var(--bg)}img{max-width:100%;height:auto;display:block}a{color:inherit}a:hover{opacity:.96}.container{width:min(var(--container),calc(100% - 2*var(--pad)));margin-inline:auto}main{padding:24px 0 56px}h1,h2,h3{line-height:1.2;color:var(--text)}h1{font-size:clamp(28px,4vw,42px);margin:0 0 14px;letter-spacing:-.02em}h2{font-size:clamp(20px,2.6vw,28px);margin:22px 0 10px;letter-spacing:-.01em}h3{font-size:1.05rem;margin:18px 0 8px}p{margin:10px 0;color:var(--muted)}.m0{margin:0}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.site-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:linear-gradient(90deg,#2f6c4724,#b11f351a,#e0b75a1a),color-mix(in oklab,#fff 88%,transparent)}.site-header:after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--brand-500),var(--accent-500),var(--gold-500));opacity:.85}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:14px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;color:var(--text)}.brand-badge{width:36px;height:36px;border-radius:12px;background:radial-gradient(circle at 30% 30%,var(--gold-600),var(--accent-700));box-shadow:0 8px 20px #0000001f}.brand small{display:block;font-weight:700;color:var(--muted);margin-top:1px}.brand-logo{width:42px;height:42px;padding:4px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav a{padding:8px 10px;border-radius:999px;text-decoration:none;font-weight:800;color:var(--muted)}.nav a:hover{background:#0206170a;color:var(--text)}.nav .active{background:#2f6c471f;color:var(--brand-700)}.dropdown{position:relative;z-index:1001}.dropdown>button{all:unset;cursor:pointer;padding:8px 10px;border-radius:999px;font-weight:900;color:var(--muted)}.dropdown>button:hover{background:#0206170a;color:var(--text)}.menu{position:absolute;right:0;top:46px;z-index:2000;min-width:220px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:none}.dropdown[aria-expanded=true] .menu{display:block}.menu a{display:block;padding:10px;border-radius:12px;color:var(--text);text-decoration:none;font-weight:700}.menu a:hover{background:#0206170a}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 10px 28px #02061712;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card:hover{transform:translateY(-2px);box-shadow:0 18px 46px #0206171f;border-color:color-mix(in oklab,var(--brand-500) 35%,var(--border))}.card:before{content:"";position:absolute;left:16px;right:16px;top:0;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand-500),var(--accent-500),var(--gold-500));opacity:.65}.card-pad,.panel{padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:#ffffffeb;color:var(--text);font-weight:900;text-decoration:none;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);filter:brightness(.98);box-shadow:0 12px 26px #0206171a}.btn.primary{border:none;color:#fff;background:linear-gradient(135deg,var(--brand-500),var(--brand-700))}.btn.accent{border:none;color:#fff;background:linear-gradient(135deg,var(--accent-500),var(--accent-700))}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffffbf;color:var(--muted);font-weight:900;font-size:.92rem;white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffffbf;color:var(--muted);font-weight:900;font-size:.92rem}.chip.green{background:color-mix(in oklab,var(--brand-500) 14%,#fff);color:var(--brand-700)}.chip.red{background:color-mix(in oklab,var(--accent-500) 12%,#fff);color:var(--accent-700)}.chip.gold{background:color-mix(in oklab,var(--gold-500) 16%,#fff);color:#6a4a10}.page{max-width:var(--container);margin:0 auto;padding:18px 14px 40px}.page-narrow{max-width:860px}.page-head{margin:6px 0 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.page-head .lead{display:flex;flex-direction:column;gap:8px;max-width:72ch}@media(max-width:760px){.page-head{flex-direction:column;align-items:flex-start}}.section{margin-top:14px}.grid{display:grid;gap:12px;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:720px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:var(--r-lg);border:1px solid rgba(15,23,42,.1);background:#ffffffc7;text-decoration:none;transition:background .12s ease,transform .12s ease,border-color .12s ease}.row:hover{background:#fff;border-color:color-mix(in oklab,var(--brand-500) 22%,var(--border));transform:translateY(-1px)}.row .meta{min-width:0}.row .meta strong{display:block;line-height:1.25}.row .meta .sub{font-size:.93rem;color:var(--muted);margin-top:3px}.row .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}@media(max-width:620px){.row{flex-direction:column}.row .right{align-items:flex-start}}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.input,textarea{padding:12px;border:1px solid rgba(15,23,42,.16);border-radius:14px;font:inherit;background:#ffffffeb}.input:focus,textarea:focus{outline:none;border-color:#2f6c478c;box-shadow:0 0 0 4px #2f6c4724}.status{min-height:1.3em}.prose{line-height:1.75;color:var(--text)}.prose p{margin:.85em 0;color:color-mix(in oklab,var(--text) 92%,#000 0%)}.prose a{color:color-mix(in oklab,var(--brand-700) 80%,black);font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.prose h2,.prose h3{margin:1.4em 0 .5em;letter-spacing:-.01em}.prose h2{font-size:1.35rem}.prose h3{font-size:1.15rem}.prose ul,.prose ol{padding-left:1.15em}.prose li{margin:.35em 0}.prose blockquote{margin:1em 0;padding:12px 14px;border-left:4px solid color-mix(in oklab,var(--brand-500) 65%,var(--border));background:#ffffffa6;border-radius:14px}.prose hr{border:0;height:1px;background:var(--border);margin:18px 0}.prose table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px;border:1px solid var(--border)}.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--border)}.prose th{text-align:left;background:#ffffffbf}.site-footer{margin-top:50px;padding:26px 0;background:linear-gradient(180deg,transparent,rgba(11,26,18,.08) 15%,rgba(11,26,18,.12));border-top:1px solid var(--border)}.footer-inner{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-links a{color:var(--muted);text-decoration:none;font-weight:800}.footer-links a:hover{color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-toggle{display:none;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffffd9;font-weight:900;cursor:pointer}.nav-links{display:flex;gap:10px;align-items:center}.dropdown[data-open=true] .menu{display:block}@media(max-width:860px){.nav{gap:10px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-links{display:none;position:absolute;right:var(--pad);top:64px;flex-direction:column;align-items:stretch;gap:8px;padding:10px;min-width:min(320px,calc(100vw - 2*var(--pad)));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav a,.dropdown>button{width:100%;justify-content:flex-start}.menu{position:static;min-width:100%;box-shadow:none;border-radius:14px}}.nav a,.dropdown>button,.btn{min-height:40px}main{padding:18px 0 44px}@media(max-width:900px){.header-inner{align-items:flex-start;gap:10px;padding:10px 0}.nav{flex-wrap:wrap;justify-content:flex-start;gap:8px}.nav a,.dropdown>button{padding:10px 12px}.dropdown .menu{min-width:260px}.grid{grid-template-columns:repeat(1,minmax(0,1fr))!important}}@media(max-width:640px){.brand{gap:10px}.brand small{font-size:12px}.nav{width:100%}.nav a,.dropdown>button{font-size:14px;border:1px solid rgba(0,0,0,.06);background:#ffffffa6}.dropdown .menu{left:0;right:auto;top:44px;width:min(92vw,360px)}h1{font-size:clamp(24px,7vw,34px)}h2{font-size:clamp(18px,5vw,26px)}.card{border-radius:16px}.lightbox-controls button{width:48px;height:40px}}.page{width:min(1120px,calc(100% - 2*var(--pad)));margin-inline:auto;padding:18px 0 40px}.prose{max-width:72ch}.site-header{overflow:visible}
