body{--accent:#6b4eff}
.quick{display:grid;grid-template-columns:repeat(3,1fr);border-left:2px solid var(--ink);border-top:2px solid var(--ink);margin-top:18px}
.quick>div{padding:14px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--white)}
.quick small{display:block;font:700 10px "Courier New",monospace;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.app-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.app-link:hover{color:var(--accent)}
.section{padding:30px 0;border-bottom:2px solid var(--ink)}
.section-title{display:flex;gap:16px;align-items:baseline;margin-bottom:18px}.section-title .n{font:900 1rem "Courier New",monospace;color:var(--accent)}.section-title h2{font-size:clamp(2rem,5vw,4.4rem);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0}
.lead{font-size:1.12rem;line-height:1.6;max-width:920px}
.concepts,.toolgrid,.levels{display:grid;grid-template-columns:repeat(2,1fr);border-left:2px solid var(--ink);border-top:2px solid var(--ink)}
.concept,.tool,.level{padding:18px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--white)}
.concept h3,.tool h3,.level h3{font-size:1.55rem;letter-spacing:-.035em;margin:7px 0}.concept p,.tool p,.level p{line-height:1.5;color:#403b35}
.concept.ra{background:#e0efe8}.concept.rv{background:#dfe7ff}.concept.rm{background:#eee5ff}.concept.xr{background:#fff1d7}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--ink);margin-top:18px}.flow>div{padding:20px;min-height:170px}.flow>div+div{border-left:2px solid var(--ink)}.flow strong{display:block;font-size:1.35rem;margin:7px 0}.flow p{line-height:1.45;margin:0}
.note,.good{padding:15px 17px;margin-top:18px;border-left:10px solid var(--accent);background:#eee5ff;line-height:1.52}.good{border-left-color:#18775a;background:#e0efe8}
.compare{width:100%;border-collapse:collapse;margin-top:14px;background:var(--white)}.compare th,.compare td{border:1px solid var(--ink);padding:11px;text-align:left;vertical-align:top;line-height:1.4}.compare th{background:var(--ink);color:var(--paper);font:700 10px "Courier New",monospace;text-transform:uppercase}
.labbox{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;border:2px solid var(--ink);padding:20px;background:#111;color:white}.labbox h3{font-size:2rem;margin:0 0 8px}.labbox p{line-height:1.5;color:#e8e8e8}.labbox .btn{border-color:white;color:white}.labbox .btn:hover{background:white;color:#111}
.sources{display:grid;grid-template-columns:repeat(2,1fr);border-left:2px solid var(--ink);border-top:2px solid var(--ink)}.source{padding:14px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--white)}.source p{color:#403b35;line-height:1.45}.source a{text-decoration:underline;font-weight:700}
@media(max-width:780px){.quick,.concepts,.toolgrid,.levels,.sources,.flow,.labbox{grid-template-columns:1fr}.flow>div+div{border-left:0;border-top:2px solid var(--ink)}}