/* Общие */
html, body, .pr-body { overflow-x: hidden; }

/* ====== SECTION 1: Wave gallery ====== */
.g-sec-wave{ padding: 2.6rem 0 2.9rem; position: relative; }
.g-wave__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.05fr .95fr; align-items:start; }
@media (max-width: 1024px){ .g-wave__grid{ grid-template-columns: 1fr; } }

.g-wave-rail{
  position:absolute; inset:auto 0 2rem 0; height: 140px;
  background:
    radial-gradient(60% 120% at 0% 50%, rgba(26,163,255,.18), transparent 60%) 0 0/20% 100% no-repeat,
    radial-gradient(60% 120% at 25% 50%, rgba(26,163,255,.12), transparent 60%) 0 0/20% 100% no-repeat,
    radial-gradient(60% 120% at 50% 50%, rgba(192,138,91,.18), transparent 60%) 0 0/20% 100% no-repeat,
    radial-gradient(60% 120% at 75% 50%, rgba(26,163,255,.12), transparent 60%) 0 0/20% 100% no-repeat,
    radial-gradient(60% 120% at 100% 50%, rgba(26,163,255,.18), transparent 60%) 0 0/20% 100% no-repeat;
  filter: blur(1px); pointer-events:none;
}
.g-wave-tiles{ display:grid; gap:1rem; grid-template-columns: 1fr 1fr 1fr; align-items:start; }
.g-wave-tile{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .75rem; transition: transform .22s ease, box-shadow .22s ease; position: relative;
}
.g-wave-tile:hover{ transform: translateY(-4px) rotate(.2deg); box-shadow: 0 20px 44px rgba(15,40,70,.2); }
.g-wave-tile img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 1024px){ .g-wave-tiles{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px){ .g-wave-tiles{ grid-template-columns: 1fr; } }

/* ====== SECTION 2: Diagnose tree ====== */
.g-sec-diagnose{ padding: 2.75rem 0; }
.g-diag__grid{ display:grid; gap:1.25rem; }
.g-diag{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem;
}
.g-case-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.6rem; }
.case-chip{
  padding:.5rem .9rem; border-radius:.75rem; border:0; cursor:pointer; font-weight:700;
  background: rgba(26,163,255,.12); transition: transform .15s ease;
}
.case-chip.is-active{ background: rgba(26,163,255,.22); }
.case-chip:hover{ transform: translateY(-2px); }

.g-steps .g-step{ display:none; margin:.4rem 0 .6rem; color: var(--pr-ink-dim); }
.g-diag[data-case="bulanik"] .g-step--bulanik{ display:block; }
.g-diag[data-case="yosun"]   .g-step--yosun{   display:block; }
.g-diag[data-case="koku"]    .g-step--koku{    display:block; }

.g-diag-figs{ display:flex; gap:1rem; flex-wrap:wrap; }

/* ====== SECTION 3: Deck scroll-snap ====== */
.g-sec-deck{ padding: 2.75rem 0; }
.g-deck__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.1fr .9fr; align-items:start; }
@media (max-width: 1024px){ .g-deck__grid{ grid-template-columns: 1fr; } }

.g-deck-rail{
  display:grid; grid-auto-flow: column; gap:1rem;
  overflow-x:auto; scroll-snap-type: x mandatory; padding-bottom:.4rem;
}
.g-deck-card{
  scroll-snap-align:center; min-width: min(360px, 86vw);
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding:.8rem; transition: transform .2s ease, box-shadow .2s ease;
}
.g-deck-card:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(15,40,70,.18); }
.g-deck-card img{ aspect-ratio: 7/4; object-fit: cover; }

.g-deck-aside h3{ margin:.1rem 0 .4rem; color: var(--pr-wood-1); font-family:"Prata", serif; }
.g-deck-aside p{ color: var(--pr-ink-dim); }
/* ====== SECTION 4: Lab (CCT + tone) ====== */
.g-sec-lab{ padding: 2.75rem 0; }
.g-lab__grid{ display:grid; gap:1.25rem; }
.g-lab{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem;
}
.g-lab-chips{ display:grid; gap:.5rem; }
.g-chiprow{ display:flex; gap:.5rem; flex-wrap:wrap; }
.lab-chip,.tone-chip{
  padding:.5rem .9rem; border-radius:.75rem; border:0; cursor:pointer; font-weight:700;
  transition: transform .15s ease;
}
.lab-chip{ background: rgba(26,163,255,.12); }
.tone-chip{ background: rgba(192,138,91,.12); }
.lab-chip.is-active{ background: rgba(26,163,255,.22); }
.tone-chip.is-active{ background: rgba(192,138,91,.22); }
.lab-chip:hover,.tone-chip:hover{ transform: translateY(-2px); }

.g-lab-bars{ display:grid; gap:.6rem; margin:.3rem 0 .8rem; }
.gbar{ position:relative; height:14px; background: rgba(0,0,0,.06); border-radius: 999px; }
.gbar-label{ position:absolute; left:8px; top:-1.3rem; font-size:.9rem; color: var(--pr-ink-dim); }
.gbar-fill{ position:absolute; left:0; top:0; height:100%; width:50%; border-radius:999px; transition: width .35s ease; }
.gbar-fill--air{  background: linear-gradient(90deg, #9cc7ff, #1aa3ff); }
.gbar-fill--warm{ background: linear-gradient(90deg, #f2c79a, #c08a5b); }

/* state map — örnek algı değerleri */
.g-lab[data-cct="3000"] .gbar-fill--air{  width: 44%; }
.g-lab[data-cct="3000"] .gbar-fill--warm{ width: 76%; }
.g-lab[data-cct="4000"] .gbar-fill--air{  width: 56%; }
.g-lab[data-cct="4000"] .gbar-fill--warm{ width: 58%; }
.g-lab[data-cct="5000"] .gbar-fill--air{  width: 72%; }
.g-lab[data-cct="5000"] .gbar-fill--warm{ width: 42%; }

/* ====== SECTION 5: Dock detail ====== */
.g-sec-dock{ padding: 2.75rem 0; }
.g-dock__grid{ display:grid; gap:1.25rem; }
.g-dock-card{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem; position: relative;
}
.g-dock-card::before{
  content:"KESİT"; position:absolute; right: 12px; top: -10px;
  background: linear-gradient(180deg, rgba(192,138,91,.18), rgba(192,138,91,.28));
  color:#5a3d23; font-weight:700; border-radius:.4rem; padding:.25rem .5rem;
  box-shadow: 0 6px 14px rgba(15,40,70,.12);
}
.g-dock-figs{ display:grid; gap:1rem; grid-template-columns: 1fr 1fr; }
.g-dock-figs img{ aspect-ratio: 7/4; object-fit: cover; }
.g-dock-notes h3{ margin:.1rem 0 .4rem; color: var(--pr-wood-1); font-family:"Prata", serif; }
@media (max-width: 720px){ .g-dock-figs{ grid-template-columns: 1fr; } }

/* ====== SECTION 6: Play planner ====== */
.g-sec-play{ padding: 2.75rem 0; }
.g-play__grid{ display:grid; gap:1.25rem; }
.g-play{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem;
}
.g-play-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.6rem; }
.play-chip{
  padding:.5rem .9rem; border-radius:.75rem; border:0; cursor:pointer; font-weight:700;
  background: rgba(26,163,255,.12); transition: transform .15s ease;
}
.play-chip.is-active{ background: rgba(26,163,255,.22); }
.play-chip:hover{ transform: translateY(-2px); }

.g-play-rail{ position: relative; padding: .4rem 0 1.4rem; }
.g-play-steps{
  list-style:none; margin:0; padding:0;
  display:grid; gap: .8rem; grid-template-columns: repeat(3, 1fr);
}
.gslot{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .85rem;
}
.gslot h3{ margin:.1rem 0 .35rem; color: var(--pr-blue-1); font-family:"Prata", serif; }
.gslot{ display:none; }
.g-play[data-mode="aile"]    .gslot--aile{    display:block; }
.g-play[data-mode="genc"]    .gslot--genc{    display:block; }
.g-play[data-mode="karisik"] .gslot--karisik{ display:block; }

.g-play-line{
  --progress: 0%;
  position:absolute; left:0; right:0; bottom:0; height: 14px;
  background: radial-gradient(14px 10px at 7% 50%, rgba(26,163,255,.2), transparent 60%) repeat-x;
  background-size: 120px 100%;
}
.g-play-figs{ display:flex; gap:1rem; flex-wrap:wrap; margin-top:.8rem; }
.g-play-figs img{ aspect-ratio: 7/4; object-fit: cover; }

@media (max-width: 980px){ .g-play-steps{ grid-template-columns: 1fr; } }
/* ====== SECTION 7: Flow map ====== */
.g-sec-flow{ padding: 2.9rem 0; }
.g-flow__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.1fr .9fr; align-items:start; }
@media (max-width: 1024px){ .g-flow__grid{ grid-template-columns: 1fr; } }

.g-flow-rail{
  background:
    radial-gradient(18px 18px at 8% 28%, rgba(26,163,255,.22), transparent 60%),
    radial-gradient(18px 18px at 42% 52%, rgba(26,163,255,.22), transparent 60%),
    radial-gradient(18px 18px at 76% 34%, rgba(26,163,255,.22), transparent 60%),
    linear-gradient(  8deg, rgba(192,138,91,.25), transparent 30%),
    linear-gradient(180deg, rgba(26,163,255,.12), rgba(26,163,255,.06));
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow);
  min-height: 280px; position: relative; padding: .8rem;
}
.g-flow-nodes{
  list-style:none; margin:0; padding:0;
  display:grid; gap:.8rem;
}
.fnode{
  background: var(--pr-white); border-radius: 1rem; box-shadow: var(--shadow);
  padding: .8rem;
}
.fnode h3{ margin:.1rem 0 .35rem; color: var(--pr-blue-1); font-family:"Prata", serif; }

.g-flow-figs{ display:flex; gap:1rem; flex-wrap:wrap; }
.g-flow-figs img{ aspect-ratio: 7/4; object-fit: cover; }

/* ====== SECTION 8: Dose guide ====== */
.g-sec-dose{ padding: 2.9rem 0; }
.g-dose__grid{ display:grid; gap:1.25rem; }
.g-dose{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem;
}
.g-dose-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.6rem; }
.dose-chip{
  padding:.5rem .9rem; border-radius:.75rem; border:0; cursor:pointer; font-weight:700;
  background: rgba(192,138,91,.12); transition: transform .15s ease;
}
.dose-chip.is-active{ background: rgba(192,138,91,.22); }
.dose-chip:hover{ transform: translateY(-2px); }

.g-dose-bars{ display:grid; gap:.6rem; margin:.2rem 0 .8rem; }
.dbar{ position:relative; height: 14px; background: rgba(0,0,0,.06); border-radius: 999px; }
.dbar-label{ position:absolute; left:8px; top:-1.3rem; font-size:.9rem; color: var(--pr-ink-dim); }
.dbar-fill{ position:absolute; left:0; top:0; height:100%; width:0%; border-radius:999px; transition: width .35s ease; }
.dbar-fill--chlor{ background: linear-gradient(90deg, #9cc7ff, #1aa3ff); }
.dbar-fill--ph{    background: linear-gradient(90deg, #f2c79a, #c08a5b); }

/* state map */
.g-dose[data-volume="kucuk"] .dbar-fill--chlor{ width: 36%; }
.g-dose[data-volume="kucuk"] .dbar-fill--ph{    width: 40%; }
.g-dose[data-volume="orta"]   .dbar-fill--chlor{ width: 52%; }
.g-dose[data-volume="orta"]   .dbar-fill--ph{    width: 56%; }
.g-dose[data-volume="buyuk"]  .dbar-fill--chlor{ width: 74%; }
.g-dose[data-volume="buyuk"]  .dbar-fill--ph{    width: 62%; }

.g-dose-figs{ display:flex; gap:1rem; flex-wrap:wrap; }

/* ====== SECTION 9: Join types ====== */
.g-sec-join{ padding: 2.9rem 0; }
.g-join__grid{ display:grid; gap:1.25rem; }
.g-join-cards{
  display:grid; gap:1rem; grid-template-columns: 1fr 1fr 1fr;
}
.jcard{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding:.8rem; transition: transform .2s ease, box-shadow .2s ease;
}
.jcard:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(15,40,70,.18); }
.jcard img{ aspect-ratio: 7/4; object-fit: cover; }

.g-join-notes h3{ margin:.1rem 0 .4rem; color: var(--pr-wood-1); font-family:"Prata", serif; }
@media (max-width: 980px){ .g-join-cards{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px){ .g-join-cards{ grid-template-columns: 1fr; } }
/* ====== SECTION 10: Winter checklist ====== */
.g-sec-winter{ padding: 2.9rem 0; }
.g-winter__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.15fr .85fr; align-items:start; }
@media (max-width: 1024px){ .g-winter__grid{ grid-template-columns: 1fr; } }

.winter-board{
  background: var(--pr-white);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow);
  padding: 1rem;
}
.wbar{ position:relative; height: 14px; background: rgba(0,0,0,.06); border-radius:999px; margin-bottom:.8rem; }
.wbar-fill{
  position:absolute; left:0; top:0; height:100%; width:0%;
  border-radius:999px; transition: width .35s ease;
  background: linear-gradient(90deg, #9cc7ff, #1aa3ff);
}

.wgroup + .wgroup{ margin-top:.6rem; }
.wgroup h3{ margin:.1rem 0 .4rem; color: var(--pr-wood-1); font-family:"Prata", serif; }
.wlist{ list-style:none; margin:0; padding:0; display:grid; gap:.5rem; }
.witem{
  display:block; width:100%; text-align:left; cursor:pointer; border:0;
  padding:.6rem .75rem; border-radius:.7rem; background: rgba(26,163,255,.1);
  transition: transform .15s ease, background .15s ease;
}
.witem:hover{ transform: translateY(-2px); }
.witem.is-done{ background: rgba(192,138,91,.22); }

/* images */
.g-winter-figs{ display:flex; gap:1rem; flex-wrap:wrap; }
.g-winter-figs img{ aspect-ratio: 7/4; object-fit: cover; }

/* ====== SECTION 11: Wood timeline ====== */
.g-sec-woodtl{ padding: 2.9rem 0; }
.g-woodtl__grid{ display:grid; gap:1.25rem; }
.woodtl-rail{ position:relative; padding:.4rem 0 1.4rem; }
.woodtl-steps{
  list-style:none; margin:0; padding:0;
  display:grid; gap:1rem; grid-template-columns: 1fr 1fr 1fr;
}
.wt-step{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding:.9rem; transition: transform .2s ease, box-shadow .2s ease;
}
.wt-step:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(15,40,70,.18); }
.wt-step h3{ margin:.1rem 0 .4rem; color: var(--pr-blue-1); font-family:"Prata", serif; }

.woodtl-line{
  --progress: 0%;
  position:absolute; left:0; right:0; bottom:0; height: 14px;
  background: radial-gradient(14px 10px at 7% 50%, rgba(26,163,255,.2), transparent 60%) repeat-x;
  background-size: 120px 100%;
}
.g-woodtl-figs{ display:flex; gap:1rem; flex-wrap:wrap; margin-top:.8rem; }
.g-woodtl-figs img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 980px){ .woodtl-steps{ grid-template-columns: 1fr; } }

/* ====== SECTION 12: Safety pictograms ====== */
.g-sec-icons{ padding: 2.9rem 0; }
.g-icons__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.1fr .9fr; align-items:start; }
@media (max-width: 1024px){ .g-icons__grid{ grid-template-columns: 1fr; } }

.icons-grid{
  display:grid; gap:1rem; grid-template-columns: 1fr 1fr;
}
.icard{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .95rem;
}
.icard h3{ margin:.1rem 0 .4rem; color: var(--pr-wood-1); font-family:"Prata", serif; }

.g-icons-figs{ display:flex; gap:1rem; flex-wrap:wrap; }
.g-icons-figs img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 720px){ .icons-grid{ grid-template-columns: 1fr; } }
/* ====== SECTION 13: Backwash guide ====== */
.g-sec-backwash{ padding: 2.9rem 0; }
.g-backwash__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.15fr .85fr; align-items:start; }
@media (max-width: 1024px){ .g-backwash__grid{ grid-template-columns: 1fr; } }

.g-backwash-card{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem;
}
.g-backwash-card details{ border-radius:.8rem; background: rgba(26,163,255,.06); padding:.55rem .7rem; }
.g-backwash-card details + details{ margin-top:.5rem; }
.g-backwash-card summary{ cursor:pointer; font-weight:700; color: var(--pr-blue-1); }
.g-backwash-figs{ display:flex; gap:1rem; flex-wrap:wrap; }
.g-backwash-figs img{ aspect-ratio: 7/4; object-fit: cover; }

/* ====== SECTION 14: Budget map ====== */
.g-sec-budget{ padding: 2.9rem 0; }
.g-budget__grid{ display:grid; gap:1.25rem; }
.g-budget{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem;
}
.g-budget-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.6rem; }
.bchip{
  padding:.5rem .9rem; border-radius:.75rem; border:0; cursor:pointer; font-weight:700;
  background: rgba(192,138,91,.12); transition: transform .15s ease;
}
.bchip.is-active{ background: rgba(192,138,91,.22); }
.bchip:hover{ transform: translateY(-2px); }

.g-budget-bars{ display:grid; gap:.6rem; margin:.2rem 0 .8rem; }
.bb{ position:relative; height: 14px; background: rgba(0,0,0,.06); border-radius:999px; }
.bb > span{ position:absolute; left:8px; top:-1.3rem; font-size:.9rem; color: var(--pr-ink-dim); }
.bb .bb-fill{ position:absolute; left:0; top:0; height:100%; width: 50%; border-radius:999px; transition: width .35s ease; background: linear-gradient(90deg, #9cc7ff, #1aa3ff); }

/* state maps */
.g-budget[data-pref="bakim"] .b-bakim  .bb-fill{ width: 74%; }
.g-budget[data-pref="bakim"] .b-estetik .bb-fill{ width: 46%; }
.g-budget[data-pref="bakim"] .b-spor    .bb-fill{ width: 44%; }

.g-budget[data-pref="estetik"] .b-bakim  .bb-fill{ width: 54%; }
.g-budget[data-pref="estetik"] .b-estetik .bb-fill{ width: 78%; }
.g-budget[data-pref="estetik"] .b-spor    .bb-fill{ width: 42%; }

.g-budget[data-pref="spor"] .b-bakim  .bb-fill{ width: 52%; }
.g-budget[data-pref="spor"] .b-estetik .bb-fill{ width: 48%; }
.g-budget[data-pref="spor"] .b-spor    .bb-fill{ width: 76%; }

.g-budget-figs{ display:flex; gap:1rem; flex-wrap:wrap; }

/* ====== SECTION 15: Neighbour protocol ====== */
.g-sec-neigh{ padding: 2.9rem 0; }
.g-neigh__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.1fr .9fr; align-items:start; }
@media (max-width: 1024px){ .g-neigh__grid{ grid-template-columns: 1fr; } }

.g-neigh-cards{
  display:grid; gap:1rem; grid-template-columns: 1fr 1fr 1fr;
}
.ncard{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding:.95rem;
}
.ncard h3{ margin:.1rem 0 .4rem; color: var(--pr-blue-1); font-family:"Prata", serif; }

.g-neigh-figs{ display:flex; gap:1rem; flex-wrap:wrap; }
.g-neigh-figs img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 980px){ .g-neigh-cards{ grid-template-columns: 1fr; } }
/* ====== SECTION 16: Logbook + spine ====== */
.g-sec-log{ padding: 2.9rem 0; }
.g-log__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.2fr .8fr; align-items:start; }
@media (max-width: 1024px){ .g-log__grid{ grid-template-columns: 1fr; } }

.g-log-rail{
  position: relative;
  background: var(--pr-white);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow);
  padding: 1rem 1rem 1rem 2.2rem;
}
.log-spine{
  --seen: 0%;
  position:absolute; left:.8rem; top:.8rem; bottom:.8rem; width: 10px; border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(192,138,91,.28), rgba(192,138,91,.14)),
    linear-gradient(180deg, #1aa3ff 0 var(--seen), transparent var(--seen) 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}
.log-steps{
  list-style:none; margin:0; padding:0;
  display:grid; gap:.8rem;
}
.lstep{
  background: rgba(26,163,255,.06);
  border-radius: .9rem; padding:.75rem .8rem;
}
.lstep h3{ margin:.1rem 0 .35rem; color: var(--pr-blue-1); font-family:"Prata", serif; }

.g-log-figs{ display:flex; gap:1rem; flex-wrap:wrap; }
.g-log-figs img{ aspect-ratio: 7/4; object-fit: cover; }

/* ====== SECTION 17: Myths flip ====== */
.g-sec-myths{ padding: 2.9rem 0; }
.g-myths__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.1fr .9fr; align-items:start; }
@media (max-width: 1024px){ .g-myths__grid{ grid-template-columns: 1fr; } }

.myth-cards{
  display:grid; gap:1rem; grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 980px){ .myth-cards{ grid-template-columns: 1fr; } }

.mcard{
  position: relative; perspective: 1000px; outline: none;
}
.mface{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .95rem; min-height: 160px;
  backface-visibility: hidden; transform-style: preserve-3d;
  transition: transform .5s ease;
}
.m-front{ transform: rotateY(0deg); }
.m-back{ transform: rotateY(180deg); position:absolute; inset:0; }
.mcard.is-flipped .m-front{ transform: rotateY(180deg); }
.mcard.is-flipped .m-back{ transform: rotateY(360deg); }
.mface h3{ margin:.1rem 0 .4rem; font-family:"Prata", serif; }
.mface p{ color: var(--pr-ink-dim); }

.g-myths-figs{ display:flex; gap:1rem; flex-wrap:wrap; }
.g-myths-figs img{ aspect-ratio: 7/4; object-fit: cover; }

/* ====== SECTION 18: Emergency playbook ====== */
.g-sec-emerge{ padding: 2.9rem 0 3.2rem; }
.g-emerge__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.15fr .85fr; align-items:start; }
@media (max-width: 1024px){ .g-emerge__grid{ grid-template-columns: 1fr; } }

.em-steps{
  list-style:none; margin:0; padding:0; counter-reset: ems;
  display:grid; gap:.8rem;
}
.em-steps > li{
  counter-increment: ems;
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding:.95rem; position: relative;
}
.em-steps > li::before{
  content: counter(ems);
  position:absolute; left:.75rem; top:.6rem;
  width:1.8rem; height:2rem; border-radius:1.8rem 1.8rem 1.8rem 0; transform: rotate(45deg);
  background:
    linear-gradient(180deg, rgba(0,0,0,.07), transparent 35%),
    radial-gradient(40% 40% at 30% 30%, #9cc7ff, #1aa3ff);
  color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center;
  box-shadow: 0 8px 16px rgba(15,40,70,.18);
}
.em-steps h3{ margin-left:2.6rem; color: var(--pr-blue-1); font-family:"Prata", serif; }
.em-steps p{ margin-left:2.6rem; color: var(--pr-ink-dim); }

.em-aside{ display:grid; gap:1rem; }
.em-aside img{ aspect-ratio: 7/4; object-fit: cover; }
.em-callout{
  background: rgba(192,138,91,.18);
  border-radius: .8rem; padding:.75rem;
  box-shadow: 0 6px 14px rgba(15,40,70,.12);
  color:#5a3d23;
}