/* ═══════════ EDITORIAL PAGES (method, about, topic hub), on top of aqua.css ═══════════ */

.phead{position:relative;padding:clamp(92px,9vw,132px) 0 0}
.phead .kick{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(240,252,255,.8);
  margin-bottom:20px}
.phead .kick a:hover{color:var(--aqua)}
.phead h1{font-size:clamp(46px,7vw,112px);line-height:.92;letter-spacing:-.038em;font-weight:500;max-width:20em}
.phead h1 em{font-style:italic;color:var(--aqua)}
.phead h1 s{text-decoration:none;color:var(--coral)}
.phead .stand4{margin:26px 0 0;font-size:clamp(18px,1.8vw,23px);line-height:1.5;max-width:35em;color:var(--foam)}
.phead .stand4 b{color:var(--sun);font-weight:800}
.phead .meta2{display:flex;flex-wrap:wrap;gap:20px;margin-top:26px;font-size:12.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--f3)}

/* numbered policy steps */
.steps2{margin-top:10px;border-top:1px solid rgba(240,252,255,.3)}
.step2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2.6vw,34px);padding:24px 0;
  border-bottom:1px solid var(--line);transition:background .28s var(--out)}
.step2:hover{background:linear-gradient(90deg,rgba(140,255,232,.06),transparent 70%)}
.step2 .n7{font-family:var(--disp);font-size:clamp(28px,3vw,42px);font-weight:500;color:rgba(255,120,96,.62);line-height:1}
.step2 h3{font-family:var(--disp);font-size:clamp(23px,2.3vw,31px);font-weight:500;letter-spacing:-.02em;color:var(--foam)}
.step2 p{margin:12px 0 0;font-size:16px;color:var(--f2);max-width:46em}
.step2 p b{color:var(--foam);font-weight:700}
.step2 p a{border-bottom:1px solid rgba(140,255,232,.5)}
.step2 p a:hover{color:var(--aqua)}
.step2 .said{margin-top:14px;padding-top:12px;border-top:1px solid rgba(240,252,255,.14);font-size:14px;color:var(--f3)}

/* yes / no policy pairs */
.policy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,30px);margin-top:10px}
.policy > div{border:1px solid var(--line);padding:24px 26px 22px;background:rgba(1,19,31,.48)}
.policy .do{border-color:rgba(140,255,232,.34)}
.policy .dont{border-color:rgba(255,90,70,.4);background:rgba(255,90,70,.05)}
.policy h3{font-size:clamp(22px,2.2vw,28px);margin-bottom:14px}
.policy .do h3{color:var(--aqua)}
.policy .dont h3{color:#FF9583}
.policy ul{list-style:none;margin:0;padding:0}
/* the marker is absolute rather than a grid track: grid turns <b>lead</b> and the rest
   of the sentence into separate items, which put the text on a second row */
.policy li{position:relative;padding:12px 0 12px 19px;border-top:1px solid var(--line);
  font-size:15.5px;line-height:1.6;color:var(--f2)}
.policy li::before{content:"";position:absolute;left:0;top:21px;width:7px;height:7px;border-radius:50%}
.policy .do li::before{background:var(--aqua)}
.policy .dont li::before{background:#FF9583}
.policy li b{color:var(--foam);font-weight:700}

/* source table */
.sources{width:100%;min-width:640px;border-collapse:collapse;font-size:15.5px;margin-top:10px}
.sources thead th{text-align:left;padding:14px 18px 12px 0;font-size:11px;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;color:var(--f3);border-bottom:1px solid rgba(240,252,255,.32)}
.sources td{padding:16px 18px 16px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--f2)}
.sources tbody tr:hover{background:rgba(140,255,232,.05)}
.sources .src{font-family:var(--disp);font-size:clamp(19px,1.9vw,24px);font-weight:500;letter-spacing:-.02em;
  color:var(--foam);white-space:nowrap}
.sources .src a{border-bottom:1px solid rgba(140,255,232,.5)}
.sources .use{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.sources .use.yes2{color:var(--aqua)}
.sources .use.no3{color:#FF8E7F}

/* contact / correction block */
.contact{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,32vw,460px);gap:clamp(26px,4vw,64px);
  align-items:start;margin-top:10px}
.contact .card2{border:1px solid var(--line);background:rgba(240,252,255,.05);padding:26px 28px}
.contact .card2 h3{font-size:26px;margin-bottom:12px}
.contact .card2 p{font-size:15.5px;color:var(--f2)}
.contact .card2 form{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.contact .card2 input{flex:1 1 190px;min-width:0;background:rgba(1,19,31,.6);border:1px solid rgba(240,252,255,.24);
  color:var(--foam);font-family:var(--ui);font-size:15px;font-weight:600;padding:13px 16px;border-radius:999px;outline:none}
.contact .card2 input:focus-visible{border-color:var(--aqua)}
.contact .card2 button{border:0;border-radius:999px;padding:13px 22px;cursor:pointer;background:var(--cyan);color:#04202C;
  font-family:var(--ui);font-size:14.5px;font-weight:800;transition:background .2s var(--out),transform .2s var(--out)}
.contact .card2 button:hover{background:var(--aqua);transform:translateY(-1px)}
.contact .card2 .small2{margin-top:14px;font-size:12.5px;color:var(--f4);line-height:1.55}

/* symptom router, wider variant for the topic hub */
.symptoms2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);margin-top:10px}
.symptoms2 a,.symptoms2 span{position:relative;background:rgba(1,19,31,.55);padding:24px 24px 26px;
  transition:background .28s var(--out)}
.symptoms2 a:hover{background:rgba(255,90,70,.12)}
.symptoms2 .q2{font-family:var(--disp);font-size:clamp(21px,2.1vw,27px);font-weight:500;letter-spacing:-.02em;line-height:1.14}
.symptoms2 .w2{font-size:14px;color:var(--f2);margin-top:12px}
.symptoms2 .z2{display:inline-block;margin-top:14px;font-size:10.5px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--f3);border-top:1px solid rgba(255,90,70,.4);padding-top:10px}
.symptoms2 span .q2{color:var(--f3)}
.symptoms2 span .z2{color:#FF9583;border-color:rgba(255,90,70,.3)}

@media (max-width:1000px){
  .policy{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .symptoms2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .step2{grid-template-columns:1fr;gap:10px}
}
@media (max-width:640px){
  .symptoms2{grid-template-columns:1fr}
}