:root{color-scheme:light;--ink:#14213d;--muted:#5f6c7b;--line:#d8dee8;--surface:#ffffff;--subtle:#f5f7fb;--brand:#006d77;--accent:#9b5de5}*{box-sizing:border-box}body{margin:0;background:var(--subtle);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.site-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.page,.site-header__inner{width:min(1120px,calc(100vw - 32px));margin:0 auto}.site-header__inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:700;text-decoration:none}.nav{display:flex;gap:18px;color:var(--muted);font-size:14px}.nav a{text-decoration:none}.page{padding:32px 0 48px}.page-heading{display:grid;grid-gap:8px;gap:8px;margin-bottom:24px}.page-heading h1{margin:0;font-size:32px;line-height:1.15}.page-heading p{margin:0;color:var(--muted);max-width:720px;line-height:1.5}.catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;grid-gap:12px;gap:12px;margin-bottom:18px}.search-field{display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:12px;font-weight:700}.catalog-tools button,.catalog-tools input,.catalog-tools select{min-height:42px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit}.catalog-tools input,.catalog-tools select{padding:0 12px}.catalog-tools button{padding:0 16px;background:var(--brand);border-color:var(--brand);color:#ffffff;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px;padding:0;list-style:none}.product-card{min-height:168px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;grid-gap:12px;gap:12px}.product-card a{font-size:18px;font-weight:700;line-height:1.25;text-decoration:none}.product-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;background:#edf7f7;color:#005f66;font-size:12px;font-weight:700}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:20px;gap:20px}.aside-panel,.detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.detail-panel dl{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);grid-gap:12px 18px;gap:12px 18px}.detail-panel dt{color:var(--muted);font-weight:700}.detail-panel dd{margin:0}.aside-panel h2,.detail-panel h2{margin:0 0 12px;font-size:18px}.aside-panel ul{margin:0 0 18px;padding-left:18px;color:var(--muted);line-height:1.6}.empty-state{border:1px dashed var(--line);border-radius:8px;padding:24px;color:var(--muted);background:var(--surface)}@media (max-width:760px){.catalog-tools,.detail-layout{grid-template-columns:1fr}.site-header__inner{align-items:flex-start;padding:16px 0}.nav{flex-wrap:wrap}.detail-panel dl{grid-template-columns:1fr}}