:root{--ink:#173d45;--text:#42585d;--muted:#6f8589;--bg:#f8fbfb;--card:#fff;--line:#dce9e7;--sea:#3f8993;--sea-soft:#e8f4f4;--mint:#eef8f3;--sky:#eef7fb;--sand:#faf6ed;--shadow:0 12px 30px rgba(35,76,82,.08);--max:1100px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.62}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:auto;padding:0 18px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:11px 0}.logo{width:285px;max-height:64px}.search{display:flex;gap:8px;min-width:340px}.search input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px}.search button{border:0;background:var(--sea);color:#fff;border-radius:9px;padding:0 16px;font-weight:800}.navbar{border-top:1px solid #edf3f2;background:#fbfdfd}.nav{display:flex;gap:21px;align-items:center;min-height:44px;font-size:13px;font-weight:800}.nav a:hover{color:var(--sea)}.hero{padding:28px 0}.hero-box{position:relative;min-height:465px;border-radius:23px;overflow:hidden;box-shadow:var(--shadow);background:#173d45}.hero-box>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-box:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,48,55,.88),rgba(12,48,55,.45) 55%,rgba(12,48,55,.10))}.hero-copy{position:relative;z-index:2;color:#fff;padding:62px 48px;max-width:760px}.kicker{display:inline-flex;background:#eefafa;color:#2b717a;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}h1{font:700 44px/1.06 Georgia,serif;margin:13px 0;color:#fff}.hero-copy p{font-size:18px;color:#fff}.btn{display:inline-flex;padding:11px 15px;border-radius:9px;font-weight:800;margin:5px 7px 0 0}.btn.primary{background:#fff;color:#245e67}.btn.soft{background:#eaf5f4;color:#2f6f77;border:1px solid #d3e8e5}.content{max-width:900px;margin:0 auto 34px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 32px;box-shadow:var(--shadow)}.content h2{font:700 29px Georgia,serif;color:var(--ink);margin:32px 0 12px}.content h3{font:700 22px Georgia,serif;color:var(--ink);margin:26px 0 10px}.content p{margin:0 0 15px}.content strong{color:#203f45}.content ul{padding-left:22px}.content figure{margin:24px 0}.content figure img{width:100%;max-height:520px;object-fit:cover;border-radius:14px}.content figcaption{font-size:12px;color:var(--muted);margin-top:7px}.table-scroll{overflow:auto}.content table{width:100%;border-collapse:collapse;margin:18px 0}.content th,.content td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.content th{background:#edf7f6;color:var(--ink)}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 auto 28px;max-width:1100px;padding:0 18px}.quick div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.quick b{display:block;color:var(--ink);font:700 19px Georgia,serif}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(35,76,82,.05)}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:12px}.card h3{font:700 18px Georgia,serif;color:var(--ink);margin:0 0 6px}.card p{font-size:12px;color:var(--muted)}.card a.more{color:var(--sea);font-weight:800;font-size:12px}.section{max-width:1100px;margin:0 auto 36px;padding:0 18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 15px}.section-head h2{font:700 30px Georgia,serif;color:var(--ink);margin:0}.section-head p{margin:6px 0 0;max-width:700px}.category-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.category-links a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center;font-weight:800;color:var(--ink)}.listing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.listing-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.listing-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.listing-card .b{padding:10px}.listing-card h3{font:700 15px/1.2 Georgia,serif;color:var(--ink);margin:5px 0 8px}.listing-card p{font-size:11px;margin:4px 0;color:#5e7378}.actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.actions a{font-size:10px;font-weight:800;text-align:center;padding:7px;border-radius:7px;background:#2f7881;color:#fff}.actions a.alt{background:#eaf5f4;color:#2f6f77}.notice{max-width:1100px;margin:0 auto 22px;padding:14px 18px;background:#eef7fb;border-left:5px solid #74aabd;border-radius:10px}.breadcrumbs{max-width:1100px;margin:18px auto 0;padding:0 18px;font-size:12px;color:var(--muted)}.related{max-width:900px;margin:0 auto 36px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;font-weight:800;color:var(--ink)}.footer{background:#173d45;color:#d4e6e6;margin-top:40px}.footer-grid{max-width:1100px;margin:auto;padding:32px 18px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.footer h4{color:#fff}.footer a{display:block;color:#c7dddd;font-size:13px;margin:6px 0}.footer-logo{width:220px;filter:brightness(0) invert(1)}.copy{border-top:1px solid rgba(255,255,255,.12);padding:14px 18px;max-width:1100px;margin:auto;font-size:12px}.ad-slot{margin:18px auto;max-width:900px;text-align:center}.admin-link{opacity:.65}
@media(max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}.listing-grid{grid-template-columns:repeat(3,1fr)}.category-links{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.search{display:none}.nav{overflow:auto;white-space:nowrap}.hero-copy{padding:42px 25px}h1{font-size:36px}.grid{grid-template-columns:1fr 1fr}.listing-grid{grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.content{margin-left:12px;margin-right:12px;padding:22px}}@media(max-width:470px){.grid,.listing-grid,.category-links{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}