/* Source-anchored ZETA educational view, R24.32. Dark console, no third-party assets. */
.zr-section{background:linear-gradient(150deg,#061b2c,#0a2c43);color:#edf8ff;isolation:isolate;scroll-margin-top:5rem}
.zr-section .wrap{max-width:1180px}
.zr-intro{max-width:77ch;margin:0 0 24px}
.zr-intro .eyebrow{color:#7aeadf}
.zr-intro h2{color:#fff;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.12;margin:10px 0 14px}
.zr-intro p{color:#b9d2df;line-height:1.7}
.zr-card{border:1px solid rgba(153,206,228,.24);background:rgba(255,255,255,.055);border-radius:22px;padding:clamp(16px,3vw,28px);margin:18px 0;box-shadow:0 18px 38px rgba(0,0,0,.14)}
.zr-card h3{color:#fff;font-size:clamp(1.2rem,2vw,1.5rem);margin:0 0 12px}
.zr-hint,.zr-card>p{color:#d4e6ee}
.zr-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin:16px 0}
.zr-node,.zr-step{appearance:none;border:1px solid rgba(122,234,223,.26);border-radius:13px;background:#102e43;color:#eefbff;cursor:pointer;line-height:1.45;text-align:left;min-height:86px;padding:14px;transition:border-color .15s, background .15s,transform .15s}
.zr-node small,.zr-step span{display:block;font-size:.74rem;letter-spacing:.09em;font-weight:800;text-transform:uppercase;color:#83e6df;margin-bottom:6px}
.zr-node strong,.zr-step strong{display:block;font-size:.99rem;line-height:1.34}
.zr-node:hover,.zr-step:hover{border-color:#8aeee5;background:#153c53}
.zr-node[aria-pressed=true],.zr-step[aria-pressed=true]{outline:2px solid #77e9dd;outline-offset:2px;background:#1a4959;border-color:#b6fff4}
.zr-node:focus-visible,.zr-step:focus-visible,.zr-card button:focus-visible,.zr-card select:focus-visible{outline:3px solid #ffeaa6;outline-offset:3px}
.zr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.zr-step{min-height:82px}
.zr-detail{background:#082335;border-left:3px solid #70e4d9;padding:16px 19px;border-radius:5px 13px 13px 5px;min-height:110px;color:#f3fbff}
.zr-detail strong{color:#fff;display:block;margin-bottom:6px}
.zr-detail p{margin:0 0 6px;line-height:1.65;color:#e4f2f8}
.zr-detail code{font-size:.75rem;overflow-wrap:anywhere;color:#a8cbd9}
.zr-boundary{background:rgba(4,22,36,.6);border:1px solid rgba(255,255,255,.12);padding:13px 15px;border-radius:10px;font-size:.88rem;line-height:1.6;color:#dbedf5;margin-top:15px}
.zr-policy-inputs{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin:16px 0}
.zr-policy-inputs label{display:grid;gap:7px;color:#f0fbff;font-weight:600;min-width:0}
.zr-policy-inputs select{border:1px solid #83b4c9;border-radius:9px;background:#fff;color:#082338;padding:11px;width:100%;min-height:44px}
.zr-policy-inputs .btn{background:#fff;color:#061b2c;border:1px solid #fff;min-height:44px;margin:0}
.zr-policy-result{min-height:65px;border:1px solid rgba(170,214,235,.3);border-radius:10px;padding:12px 16px;background:#0a273a;color:#fff}
.zr-policy-result p{margin:5px 0 0;color:#dfedf4}
.zr-policy-result[data-decision=allow]{border-color:#83f0ca}.zr-policy-result[data-decision=deny]{border-color:#ffd99b}
.zr-provenance{padding:16px 20px;border-left:3px solid #6fd7d0;background:rgba(255,255,255,.045);border-radius:5px 12px 12px 5px;margin-top:22px;color:#e5f2fa}
.zr-provenance p{margin:9px 0;font-size:.9rem;line-height:1.6}
.zr-provenance a{color:#8af1e5;text-decoration:underline;text-underline-offset:3px}
.zr-provenance code{overflow-wrap:anywhere;font-size:.72rem;color:#e9f8ff}
.zr-section--compact{padding-top:42px;padding-bottom:42px}
.zr-section--compact .zr-intro{margin-bottom:12px}
@media(max-width:900px){.zr-policy-inputs{grid-template-columns:1fr 1fr}.zr-policy-inputs .btn{grid-column:1/-1}.zr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.zr-steps,.zr-policy-inputs{grid-template-columns:1fr}.zr-map{grid-template-columns:1fr 1fr}.zr-node,.zr-step{min-height:68px}.zr-section{padding-top:42px;padding-bottom:42px}}
@media(max-width:360px){.zr-map{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.zr-node,.zr-step{transition:none}}