*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#fafbfc; --card:#ffffff; --text:#1f2937; --muted:#6b7280;
  --primary:#2b9da0; --primary-strong:#1f7f82; --line:#e5e7eb;
}
html,body{height:100%}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
img{max-width:100%;height:auto;display:block;border-radius:10px}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-strong)}
.container{width:92%;max-width:1120px;margin:0 auto}
header{background:linear-gradient(135deg,#44b6b8,#2b9da0);color:#fff}
header .inner{padding:18px 0}
h1{font-size:1.6rem;font-weight:700}
.topnav{margin-top:6px}
.topnav a{color:#fff;margin-right:14px;font-weight:600}
.topnav a:hover{text-decoration:underline}
.hero{padding:22px 0 10px}
.hero p{color:#f0fdfa}
.main{padding:20px 0 34px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.card .pad{padding:12px}
.card .line1{font-weight:700}
.card .line2{color:var(--muted);font-size:.95rem;margin-top:4px}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:.55rem .9rem;border-radius:8px;font-weight:700;border:0}
.btn:hover{background:var(--primary-strong)}
.btn.ghost{background:transparent;color:var(--primary);border:1px solid var(--primary)}
.row{display:flex;gap:8px;flex-wrap:wrap}
.section{margin-top:22px}
.section h3{font-size:1rem;margin-bottom:8px}
.tags a{display:inline-block;padding:.35rem .6rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:#111}
footer{border-top:1px solid var(--line);background:#f4fafb;margin-top:30px}
footer .inner{padding:16px 0;color:#334155}
footer a{color:#0f766e}
footer a:hover{color:#0e5956}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:#0f5256;color:#fff;display:none}
.cookie-banner .inner{padding:12px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie-banner .text{max-width:800px}
.cookie-banner .actions .btn{background:#fff;color:#0f5256}
.cookie-banner .actions .btn.ghost{background:transparent;color:#fff;border:1px solid #fff}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:14px 0 8px}
.glx-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:9999}
.glx-overlay img{max-width:92vw;max-height:88vh;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.5)}
.glx-close{position:absolute;top:16px;right:20px;background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;cursor:pointer}
.glx-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;user-select:none}
.glx-prev{left:16px}
.glx-next{right:16px}
.meta{color:var(--muted);font-size:.95rem}
.backline{margin-top:18px}
.backline a{font-weight:700}
@media (max-width:720px){
  h1{font-size:1.3rem}
  .topnav a{margin-right:10px}
}