/* Shared styles for the compliance framework and sector pages. Loaded after /css/site.css. */
.section{padding:88px 0}
.section.tight{padding:64px 0}
.section-head{max-width:660px;margin-bottom:44px}
.section-head h2{font-size:clamp(24px,3vw,32px);margin-bottom:14px;letter-spacing:-.01em}
.section-head p{font-size:16px}
.btn-ghost{border-color:var(--line);color:var(--ink)}
.crumb a{color:var(--slate)}
.crumb span{color:var(--line);margin:0 8px}
.phero{position:relative;overflow:hidden;background:radial-gradient(1000px 480px at 85% -10%, var(--brand-tint) 0%, transparent 60%),linear-gradient(180deg,var(--white) 0%, var(--white) 100%)}
.phero .wrap{padding-top:64px;padding-bottom:52px;max-width:820px}
.phero h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.015em;margin-bottom:18px}
.phero p.lede{font-size:17.5px;max-width:660px;margin-bottom:0}
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white);padding:22px 0}
.strip .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.chip{font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.06em;color:var(--ink-soft);border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:7px 14px}
.chip .k{color:var(--slate);font-weight:500;margin-right:5px}
.twocol h3{font-size:18px;margin-bottom:16px}
.twocol ul{list-style:none}
.twocol li{display:flex;gap:11px;align-items:flex-start;padding:8px 0;font-size:14.5px;color:var(--ink-soft);border-bottom:1px solid var(--line)}
.twocol li svg{width:16px;height:16px;flex:none;margin-top:3px;stroke:var(--green)}
.penalty-box svg{width:22px;height:22px;flex:none;stroke:var(--red-soft);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.penalty-box p{font-size:15px;color:var(--ink-soft);margin:0}
.penalty-box strong{color:var(--red-soft);display:block;font-family:var(--font-display);font-size:17px;margin-bottom:4px}
.resource-card:hover{border-color:var(--brand-line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}
.resource-card .t{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink)}
.resource-card .u{font-family:var(--font-mono);font-size:11px;color:var(--slate);margin-top:4px;word-break:break-all}
.resource-card svg{width:16px;height:16px;flex:none;stroke:var(--brand-text);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cta-band h2{font-size:clamp(24px,3vw,32px);margin-bottom:14px}
.cta-band p{font-size:16px;margin-bottom:26px}
.rv{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
@media (prefers-reduced-motion: reduce){
  .rv{opacity:1;transform:none;transition:none}
}
@media (max-width:640px){
  .section{padding:56px 0}
}
.qcard .qn{font-family:var(--font-mono);font-size:11px;color:var(--brand-text);font-weight:700;letter-spacing:.06em;margin-bottom:12px}
.qcard h4{font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.4;margin-bottom:16px;flex:1}
.qcard a{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--brand-text);display:inline-flex;align-items:center;gap:6px}
.qcard a svg{width:12px;height:12px}
.seccard:hover{border-color:var(--brand-line-strong);box-shadow:var(--shadow);transform:translateY(-3px)}
.seccard .ic{width:42px;height:42px;border-radius:10px;background:var(--brand-tint);display:grid;place-items:center;margin-bottom:16px}
.seccard .ic svg{width:21px;height:21px;stroke:var(--brand-text);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.seccard h4{font-size:16.5px;margin-bottom:9px}
.seccard p{font-size:13px;flex:1;margin-bottom:14px}
.seccard-link svg{width:12px;height:12px}
.fwcard:hover{border-color:var(--brand-line-strong);box-shadow:var(--shadow);transform:translateY(-3px)}
.fwcard h4{font-size:17px;margin-bottom:8px}
.fwcard p{font-size:13px;flex:1;margin-bottom:14px}
.fwcard-link svg{width:12px;height:12px}
.catband .n{font-family:var(--font-mono);font-size:12px;color:var(--brand-text);font-weight:700;letter-spacing:.06em;background:var(--brand-tint);border-radius:99px;padding:6px 14px}
.catband h3{font-size:20px}
.network-wrap svg{width:100%;height:auto}
.fw-node:hover circle{stroke:var(--brand-text);stroke-width:2.6;filter:drop-shadow(0 4px 10px rgba(146,208,79,.18))}
.fw-node-hl:hover circle{stroke:#244D0C}
.network-legend .dot{width:12px;height:12px;border-radius:50%;flex:none}
.network-legend .dot.hl{background:var(--brand);border:2px solid #2F6410}
.network-legend .dot.std{background:var(--white);border:1.4px solid var(--line)}