:root{--bg: #f4f6fb;--surface: #ffffff;--text: #1f2937;--muted: #64748b;--primary: #4338ca;--primary-dark: #3730a3;--border: #e2e8f0;--accent: #0ea5e9;--radius: 12px;--shadow: 0 8px 24px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.logo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--text)}.logo-mark{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;display:grid;place-items:center;font-size:17px}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:var(--text);font-weight:500;font-size:14px}main{padding:28px 0 48px}h1{font-size:clamp(26px,4vw,40px);line-height:1.2;margin:0 0 12px}h2{font-size:clamp(20px,3vw,28px);margin:28px 0 12px}h3{font-size:18px;margin:18px 0 8px}.lead{font-size:18px;color:var(--muted);max-width:820px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-3,.grid-4{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:4px;background:#eef2ff;color:var(--primary-dark);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;margin:2px 4px 2px 0}.rating{color:#f59e0b;font-weight:700}.price{color:var(--text);font-weight:700}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:18px}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.breadcrumbs li+li:before{content:"/";margin-right:6px;color:#94a3b8}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{background:#f8fafc;font-weight:700}.view-toggle{display:flex;gap:8px;margin:16px 0}.view-toggle button{border:1px solid var(--border);background:var(--surface);padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600}.view-toggle button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tile-view{display:none}.table-view{display:block}body.tiles .tile-view{display:grid}body.tiles .table-view{display:none}.faq{margin-top:28px}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:700}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:32px 0;margin-top:48px}.footer-grid{display:grid;gap:24px;grid-template-columns:2fr 1fr 1fr}@media(max-width:768px){.footer-grid{grid-template-columns:1fr}}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin-bottom:6px}.muted{color:var(--muted)}.article-body{max-width:820px}.article-body p{margin:0 0 14px}.hero{padding:12px 0 24px}.section{margin:32px 0}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600}.btn:hover{background:var(--primary-dark);text-decoration:none}.empty{padding:24px;text-align:center;color:var(--muted)}.review-empty{border:1px dashed var(--border);border-radius:12px;padding:20px;text-align:center;color:var(--muted);background:var(--surface)}.review-form{opacity:.6;pointer-events:none;margin-top:12px}.review-form input,.review-form textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.sitemap-list{columns:2;column-gap:32px}@media(max-width:768px){.sitemap-list{columns:1}}.sitemap-list a{display:block;margin-bottom:4px}.logo-link{color:inherit}.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.grid-2{grid-template-columns:1fr}}