/* gap.css — shared page components for gappages (Praxis, extends site.css) */
.ph-hero{padding:64px 0 18px;}
.ph-hero .cred{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.04em;color:var(--muted);margin-top:22px;}
.ph-hero h1{font-size:clamp(32px,4.8vw,56px);line-height:1.06;max-width:22ch;margin:16px 0 0;}
.ph-hero h1 em{font-style:italic;color:var(--orange);}
.ph-def{font-size:18px;color:var(--ink2);max-width:64ch;margin:20px 0 0;text-wrap:pretty;}
.herocta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.tonenote{font-size:14px;font-style:italic;color:var(--muted);border-left:2px solid var(--line2);padding-left:16px;max-width:60ch;margin-top:22px;}
.numsec .kick{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;color:var(--orange);}
.numsec .kick b{color:var(--muted);font-weight:500;margin-right:8px;}
.numsec h2{font-size:clamp(26px,3.6vw,38px);line-height:1.08;max-width:24ch;margin:10px 0 14px;}
.numsec h2 em{font-style:italic;color:var(--orange);}
.numsec p{color:var(--ink2);max-width:64ch;text-wrap:pretty;}
.numsec p+p{margin-top:14px;}
.numsec p strong{color:var(--ink);}
.numsec ul,.numsec ol{color:var(--ink2);max-width:62ch;margin:14px 0 0;padding-left:22px;}
.numsec li{margin-top:8px;line-height:1.55;}
.numsec li strong{color:var(--ink);}
.steps4{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:8px;}
.steps4>div{background:var(--surface);padding:26px 28px;}
.steps4 .n{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--orange);font-weight:600;}
.steps4 h3{font-size:19px;margin:8px 0 6px;}
.steps4 p{font-size:14px;color:var(--ink2);}
.diagram-wrap{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:26px 22px 16px;}
.diagram-wrap figure{margin:0;}
.figcap{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--muted);margin-top:12px;text-wrap:pretty;}
.pull{font-family:'Newsreader',serif;font-style:italic;font-size:clamp(22px,3vw,30px);line-height:1.32;color:var(--ink);max-width:32ch;}
.cnp-confirm{display:inline;background:#F5D66B;color:#5B4A12;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.06em;padding:2px 8px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:2.1;}
.cmp{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:8px;}
.cmp th,.cmp td{padding:15px 20px;text-align:left;vertical-align:top;font-size:14px;border-bottom:1px solid var(--line);}
.cmp th{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;background:var(--paper);}
.cmp th.hl{color:var(--orange);}
.cmp td:first-child{font-weight:700;color:var(--ink);width:20%;}
.cmp td{color:var(--ink2);}
.cmp tr:last-child td{border-bottom:none;}
.cmp tr.tdabc td{background:#FBF4EC;color:var(--ink);border-top:2px solid var(--orange);}
.cmp tr.tdabc td:first-child{color:var(--orange);}
.tablewrap{overflow-x:auto;}
.tblnote{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted);margin-top:10px;max-width:74ch;text-wrap:pretty;}
.checklist{counter-reset:chk;list-style:none;padding:0;margin:18px 0 0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.checklist li{counter-increment:chk;background:var(--surface);padding:16px 22px 16px 64px;position:relative;font-size:14.5px;color:var(--ink2);line-height:1.5;margin:0;}
.checklist li::before{content:counter(chk,decimal-leading-zero);position:absolute;left:22px;top:16px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--orange);font-weight:600;}
.endcta{text-align:center;padding:84px 0 24px;border-top:1px solid var(--line);}
.endcta h2{font-size:clamp(28px,3.6vw,42px);line-height:1.1;max-width:22ch;margin:14px auto 0;}
.endcta h2 em{font-style:italic;color:var(--orange);}
.endcta p{color:var(--ink2);max-width:54ch;margin:16px auto 0;}
.endcta .herocta{justify-content:center;}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.related a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:22px;transition:border-color .15s,transform .15s;}
.related a:hover{border-color:var(--orange);transform:translateY(-2px);}
.related .k{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--orange);}
.related h4{font-size:18px;margin:9px 0 0;}
.legal{font-size:12.5px;font-style:italic;color:var(--muted);max-width:74ch;line-height:1.6;border-top:1px solid var(--line);padding-top:18px;margin-top:8px;}
@media(max-width:760px){ .steps4{grid-template-columns:1fr;} .related{grid-template-columns:1fr;} }