:root{--bg: #f4f6fa;--card: #ffffff;--text: #101828;--muted: #61708b;--line: #e6eaf1;--accent: #2f5cff;--accent-dark: #1f44d4;--accent-soft: #eef2ff;--green: #0e9f6e;--ok: #0e9f6e;--warn: #d97706;--bad: #dc2626;--radius: 16px;--shadow: 0 1px 2px rgb(16 24 40 / .04), 0 8px 24px -8px rgb(16 24 40 / .08);--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}.container{max-width:1080px;margin:0 auto;padding:0 20px}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.02em}.site-header{background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;gap:20px;padding-top:12px;padding-bottom:12px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.logo-mark{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:block}.logo-mark.small{width:26px;height:26px;border-radius:8px}.logo-text{font-weight:800;font-size:1.1rem}.logo-text em{font-style:normal;color:var(--accent)}.header-search-wrap{position:relative;flex:0 1 400px;margin-left:auto}.header-search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.header-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2f5cff1f;background:#fff}.search-icon{width:17px;height:17px;color:var(--muted);flex-shrink:0}.header-search input{flex:1;padding:10px 0;border:none;background:transparent;font-size:.93rem;min-width:0;font-family:var(--font);color:var(--text);outline:none;-webkit-appearance:none;appearance:none;border-radius:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.header-nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:.9rem;padding:8px 12px;border-radius:10px}.header-nav a:hover{color:var(--text);background:var(--bg)}.suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px -8px #1018282e;overflow:hidden}.suggestions a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 16px;text-decoration:none;color:var(--text);border-bottom:1px solid #f1f4f9;font-size:.92rem}.suggestions a:last-child{border-bottom:none}.suggestions a:hover,.suggestions a.active{background:var(--accent-soft)}.suggestions a span{color:var(--muted);font-size:.8rem;white-space:nowrap}main{min-height:62vh}.site-footer{margin-top:64px;padding:40px 0 28px;background:#0f172a;color:#94a3b8;font-size:.87rem}.site-footer a{color:#cbd5e1;text-decoration:none}.site-footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;padding-bottom:20px;border-bottom:1px solid #1e293b;margin-bottom:16px}.footer-brand{display:flex;align-items:center;gap:8px;font-weight:800;color:#fff;margin:0 0 6px}.footer-title{font-weight:700;color:#e2e8f0;margin:0 0 6px}.site-footer .muted{color:#7c8db1}.disclaimer{font-size:.75rem;color:#64748b}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;margin:18px 0}.card h2{margin-top:0;font-size:1.25rem}.badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.badge.ok{background:#d1fae5;color:#065f46}.badge.warn{background:#fef3c7;color:#92400e}.badge.bad{background:#fee2e2;color:#991b1b}.muted{color:var(--muted)}@media(max-width:640px){.header-inner{gap:8px}.logo-text{display:none}.logo-mark{width:30px;height:30px}.header-search-wrap{flex:1 1 auto;margin-left:0;min-width:0}.header-search{padding:0 8px;gap:6px}.header-search input{font-size:16px;padding:8px 0}.search-icon{display:none}.header-nav{display:flex;gap:0;flex-shrink:0}.header-nav a{padding:6px;font-size:.8rem}.card{padding:20px}}
