/* משותף לדפי המידע של אתר "צולל" — נגישות, פרטיות, תקנון */
:root{
  --night:#071d2c;
  --abyss:#03101a;
  --panel:#0e2c3d;
  --cream:#e9f1f5;
  --sand:#e0c48c;
  --sea:#46c6b6;
  --mut:#93aebc;
  --line:rgba(210,230,240,.14);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Assistant',sans-serif;
  background:linear-gradient(180deg,#164f6b 0%,#0d3a50 30%,#082433 65%,var(--abyss) 100%) no-repeat;
  background-color:var(--abyss);
  color:var(--cream);
  line-height:1.9;font-size:17px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--sea)}
.topbar{
  position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;
  padding:16px 30px;background:rgba(6,26,40,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);
}
.topbar .brand{font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:24px;letter-spacing:.05em;color:var(--cream);text-decoration:none}
.topbar .back{font-size:15px;font-weight:600;text-decoration:none}
.wrap{max-width:780px;margin:0 auto;padding:56px 26px 90px}
h1{font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:clamp(30px,5vw,44px);line-height:1.2;margin-bottom:10px}
.updated{color:var(--mut);font-size:14px;margin-bottom:14px}
.badge{display:inline-block;background:rgba(70,198,182,.14);border:1px solid rgba(70,198,182,.4);
  color:var(--sea);border-radius:999px;padding:7px 18px;font-size:14px;font-weight:600;margin-bottom:36px}
h2{font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:clamp(21px,2.6vw,26px);
  color:var(--sand);margin:38px 0 12px}
p{margin-bottom:14px;color:#dbe8ee}
ul{margin:0 20px 18px 0;padding-right:6px}
li{margin-bottom:9px;color:#dbe8ee}
b,strong{color:var(--cream);font-weight:700}
.card{background:linear-gradient(180deg,rgba(80,160,186,.13),rgba(36,88,114,.08));
  border:1px solid var(--line);border-radius:14px;padding:24px 26px;margin:22px 0}
.card p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);padding:34px 26px 60px;text-align:center;color:var(--mut);font-size:14px}
footer a{text-decoration:none}
footer .built{margin-top:12px}
footer .built a{color:#fff;font-weight:600;text-decoration:underline;
  text-underline-offset:5px;text-decoration-thickness:1px;transition:opacity .3s,text-decoration-thickness .2s}
footer .built a:hover{opacity:.8;text-decoration-thickness:2px}
@media(max-width:700px){.wrap{padding:36px 20px 70px}.topbar{padding:14px 20px}}