:root{--pet:#0f4c5c;--pet2:#0a3640;--sand:#efe3cc;--sand2:#f7f0e1;--ink:#14262b;--r:14px}*{box-sizing:border-box}body{margin:0;font:17px/1.65 "Century Gothic","Avenir Next",Futura,Verdana,sans-serif;color:var(--ink);background:#fff}a{color:var(--pet);text-underline-offset:3px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d98a1c;outline-offset:2px}.top{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 16px;background:var(--pet);color:#fff}.brand{color:#fff;font-weight:700;font-size:1.25rem;text-decoration:none;letter-spacing:.04em}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}nav a{color:#e8f1f2;text-decoration:none;font-size:.95rem}nav a:hover{text-decoration:underline}.burger{display:none}.band{padding:34px max(18px,calc((100% - 960px)/2))}.band.sand{background:var(--sand2);padding-top:48px;padding-bottom:30px}.band.intro{background:var(--pet2);color:#fff;padding-top:26px;padding-bottom:54px}.panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:var(--r);padding:24px 28px}h1{font-size:clamp(28px,4.4vw,52px);line-height:1.12;margin:0 0 12px}h2{font-size:clamp(22px,2.6vw,32px);margin:0 0 12px;color:var(--pet)}h3{margin:0 0 6px;font-size:1.05rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.card{background:var(--sand);border-radius:var(--r);padding:16px 18px;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #d8c8a4}.card p{margin:0}.dialog{background:#fff;border-left:5px solid var(--pet);border-radius:var(--r);padding:8px 18px;box-shadow:0 1px 0 #d8c8a4}details{border:1px solid #cdbf9f;border-radius:var(--r);padding:10px 16px;margin:10px 0;background:var(--sand2)}summary{cursor:pointer;font-weight:700}.foot{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:26px max(18px,calc((100% - 960px)/2));background:var(--pet);color:#e8f1f2;font-size:.95rem}.foot a{display:block;color:#fff}.foot p{margin:4px 0 0}ol,ul{padding-left:22px}