:root{--ink:#18323a;--muted:#65777d;--line:#dce6e8;--brand:#167a8a;--brand2:#0d5967;--bg:#f4f8f8;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--brand2);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1120px,92%);margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;gap:24px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);min-width:260px}.brand img{width:150px;height:70px;object-fit:contain;object-position:left center}.brand small{display:block;color:var(--muted);font-size:.78rem;font-weight:500}.main-nav{margin-left:auto}.nav-level{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}.nav-level li{position:relative}.nav-level a{display:block;padding:9px 10px;border-radius:8px;font-size:.92rem}.nav-level a:hover{background:#eef6f7;text-decoration:none}.nav-level .nav-level{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #0001;min-width:220px;padding:7px;border-radius:10px}.nav-level li:hover>.nav-level{display:block}.nav-level .nav-level li{width:100%}.nav-level .nav-level .nav-level{left:100%;top:0}
.menu-toggle{display:none;border:0;background:none;font-size:1.5rem}
main{padding:26px 0 48px}.breadcrumbs{font-size:.85rem;color:var(--muted);margin:0 0 16px}.breadcrumbs span{padding:0 6px}.content-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(24px,4vw,42px);box-shadow:0 8px 25px #1231  }.content-card h1{margin-top:0;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.2}.content-card h2{margin-top:2rem}.content-card img{max-width:100%;height:auto}.content-card table{width:100%;border-collapse:collapse}.content-card td,.content-card th{border:1px solid var(--line);padding:9px;text-align:left}.hero{background:linear-gradient(135deg,#e8f6f7,#fff);border-radius:14px;padding:32px;margin-bottom:24px}.hero h1{font-size:clamp(2rem,4vw,3rem)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.mini-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.gallery-item{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.gallery-item img{width:100%;height:180px;object-fit:cover;border-radius:8px}.faq-item{border-bottom:1px solid var(--line);padding:14px 0}.faq-item summary{cursor:pointer;font-weight:700}.site-footer{background:#17373e;color:#e8f4f5;padding:30px 0 15px}.site-footer a{color:#d4f1f4}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.copyright{text-align:center;opacity:.75;font-size:.8rem;margin-top:24px}
@media(max-width:900px){.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;width:100%;margin:0}.nav-open .main-nav{display:block}.header-inner{flex-wrap:wrap;padding:10px 0}.nav-level{display:block}.nav-level .nav-level{position:static;display:block;border:0;box-shadow:none;padding-left:14px}.nav-level a{padding:7px 5px}.footer-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.brand{min-width:0}.brand img{width:125px;height:60px}}