:root { --bg:#ffffff; --surface:#f5f5f7; --card:#ffffff; --text:#1d1d1f; --muted:#6e6e73; --line:#e5e5e7; --accent:#0071e3; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "SF Pro Text", "SF Pro Display", Helvetica, Arial, sans-serif; color:var(--text); background:var(--bg); }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; text-underline-offset:2px; }
.wrap { max-width:980px; margin:0 auto; padding:28px 24px; }
.site-header { border-bottom:1px solid var(--line); background:var(--bg); }
.header-inner { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.logo { display:flex; align-items:center; gap:10px; font-weight:600; font-size:20px; color:#1d1d1f; text-decoration:none; font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Helvetica,Arial,sans-serif; }
.logo-text { line-height:1; }
.logo-mark { opacity:.9; display:block; }
.main-nav { display:flex; gap:16px; flex-wrap:wrap; }
.main-nav a { color:var(--text); font-weight:600; }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:22px; margin:18px 0; transition:box-shadow .18s ease, transform .18s ease; }
.card:hover { box-shadow:0 8px 24px rgba(0,0,0,.06); }
.answer { font-size:1.2rem; font-weight:700; }
.muted { color:var(--muted); }
.grid { list-style:none; margin:0; padding:0; display:grid; gap:12px; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); }
.grid li { border:1px solid var(--line); background:var(--surface); border-radius:14px; padding:12px; }
.category-card { display:block; border:1px solid var(--line); border-radius:14px; background:var(--surface); padding:16px; transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease; }
.category-card strong { display:block; color:var(--text); }
.category-card span { color:var(--muted); }
.category-card:hover { text-decoration:none; transform:translateY(-1px); border-color:#d2d2d7; box-shadow:0 8px 24px rgba(0,0,0,.08); }
.category-card:focus-visible { outline:3px solid rgba(0,113,227,.28); outline-offset:2px; text-decoration:none; }
table { width:100%; border-collapse:collapse; }
th,td { border-bottom:1px solid var(--line); padding:10px 8px; text-align:left; }
.calc { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
input, select { font:inherit; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:var(--bg); color:var(--text); }
.search-input { width:min(420px, 100%); }
.search-row { justify-content:center; margin:8px 0 16px; }
.search-row .search-input { width:min(560px, 100%); }
.popular-grid { row-gap:18px; }
.popular-grid a { display:block; line-height:1.4; }
.search-results { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.search-result-item { border:1px solid var(--line); border-radius:12px; background:var(--surface); padding:12px; }
.search-result-item a { display:block; font-weight:600; }
.search-result-meta { margin-top:4px; color:var(--muted); font-size:.92rem; display:flex; gap:8px; flex-wrap:wrap; }
.no-results { border:1px solid var(--line); border-radius:12px; background:var(--surface); padding:12px; color:var(--muted); }
.breadcrumbs { margin:4px 0 8px; font-size:.92rem; color:var(--muted); display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.breadcrumbs a { color:var(--muted); }
.breadcrumbs-sep { color:#a1a1a6; }
.snippet-answer { margin:10px 0 6px; font-size:1.08rem; line-height:1.58; }
.snippet-answer p { margin:6px 0; }
.facts-list { margin:8px 0 0; padding-left:18px; color:var(--muted); }
.facts-list li { margin:3px 0; }
.footer-inner { display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; border-top:1px solid var(--line); margin-top:28px; padding-top:22px; }
.footer-nav { display:flex; gap:12px; flex-wrap:wrap; }
@media (max-width: 720px) { .header-inner { flex-direction:column; align-items:flex-start; } }