/* Shared reading rhythm and accessible controls across all ARKON pages. */
:root{--muted:#b0bed0;--line:#354257}
body{font-size:16px;line-height:1.65;text-rendering:optimizeLegibility}
p{max-width:72ch}a,button{ -webkit-tap-highlight-color:transparent }a:hover{text-decoration:underline;text-underline-offset:5px}button{line-height:1.4}button,input,select{min-height:44px}input[type=checkbox]{min-height:20px;width:20px;height:20px;flex-shrink:0}input[type=range]{min-height:32px}select{font-size:16px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #68d7ed;outline-offset:5px}summary{min-height:44px;line-height:1.7;display:list-item;padding:7px 0}header{font-size:14px;gap:22px}header nav{flex-wrap:wrap;gap:12px 24px}header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}footer{font-size:12px;line-height:1.8}footer a{min-height:44px;display:inline-flex;align-items:center}.eyebrow,.section-label{font-size:12px;letter-spacing:1px;line-height:1.7}.intro p,.communications .comms-lead,.independent-location .offline-lead{font-size:18px;line-height:1.8;max-width:65ch}.intro{padding-top:52px}.explanation p,.step p,.context p,.reading p,.communications p,.communications li,.sensor-grid p,.independent-location p{font-size:16px;line-height:1.85}.explanation{gap:40px}.steps{gap:26px}.step h3{font-size:19px;line-height:1.4}.step>span{font-size:14px}.context article>span,.sensor-grid article>span,.reference-strip article>span{font-size:12px;line-height:1.7;letter-spacing:.6px}.reading a,.comms-sources a,.offline-sources a{font-size:15px;line-height:1.8;margin:18px 0;display:block;text-decoration:underline;text-underline-offset:4px}.formula{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.note{font-size:14px;line-height:1.8}.workspace{grid-template-columns:minmax(0,1fr) 330px}.sim-header{font-size:12px;letter-spacing:.6px;flex-wrap:wrap}.sim-footer{font-size:13px;line-height:1.6;flex-wrap:wrap}.sim-footer button{font-size:14px;padding:10px 14px}.metrics span{font-size:12px;line-height:1.5}.metrics strong{font-size:26px}.metrics div{min-width:0}.modes button{font-size:16px;padding:16px}.modes button>span{font-size:12px}.modes small{font-size:13px;line-height:1.6;margin-left:0}.controls>label,.controls>div>label,.comms-calculator label{font-size:14px;line-height:1.6;gap:12px}.controls .check{font-size:14px!important}.action{font-size:14px;padding:12px}.consensus-status{font-size:14px}.legend{font-size:14px;line-height:1.7}.comms-principles strong{font-size:18px;line-height:1.5}.comms-table{font-size:15px;min-width:1200px;line-height:1.8}.comms-table caption{font-size:14px;line-height:1.8}.comms-table thead th{font-size:14px}.comms-table tbody th{font-size:16px}.comms-table td{color:#c3d0df}.comms-table small{font-size:14px;line-height:1.8}.communications .comms-footnote,.communications .budget-note{font-size:14px;line-height:1.8}.offline-diagram{font-size:16px;line-height:1.7}.offline-diagram small{font-size:14px}.comms-sources summary,.offline-sources summary{font-size:16px}.jump-comms{font-size:15px;line-height:1.8;padding:12px 0}
/* Landing page: keep the display title while making all supporting text readable. */
.site-shell header{min-height:102px;height:auto;padding:24px 0;flex-wrap:wrap}.site-shell .header-note{font-size:12px;letter-spacing:1px;color:#acc2dc}.site-shell .live{font-size:14px}.site-shell .hero-copy p{font-size:17px;line-height:1.8;max-width:38ch}.site-shell .eyebrow{font-size:12px}.site-shell .launch-tag{font-size:12px}.site-shell .discover{font-size:15px;line-height:1.6;min-height:44px;gap:20px}.site-shell .hero-meta{font-size:10px;color:#a1b5ce;flex-wrap:wrap}.site-shell figcaption{font-size:11px;color:#b0bed0;letter-spacing:.5px;gap:12px;flex-wrap:wrap}.site-shell .section-label{font-size:12px}.site-shell .section-intro p,.site-shell .team-card p{font-size:16px;line-height:1.8;max-width:38ch}.site-shell .team-card h3{font-size:21px;line-height:1.4}.site-shell .card-top>span{font-size:11px;color:#a4bad3}.site-shell .card-status{font-size:12px;color:#aebfd2;line-height:1.7}.site-shell footer{font-size:12px;color:#a5b7ce}.site-shell footer>span:nth-child(2){font-size:11px;color:#9aacbf}
@media(max-width:1050px){.workspace{grid-template-columns:1fr}.workspace aside{border-left:0;border-top:1px solid var(--line)}.modes{grid-template-columns:repeat(3,minmax(0,1fr))}.sensor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-shell .construction{grid-template-columns:1fr 1fr}.site-shell .section-intro{grid-column:1/-1}.comms-principles,.network-examples{grid-template-columns:1fr}.communications .comms-lead{font-size:17px}}
@media(max-width:750px){header{flex-wrap:wrap;padding-top:20px;padding-bottom:20px;gap:8px 20px}header nav{gap:8px 18px}.eyebrow{font-size:11px;letter-spacing:.5px}.modes{grid-template-columns:1fr}.modes button{font-size:16px}.modes small{font-size:13px}.metrics{flex-wrap:wrap;justify-content:space-between;gap:20px;padding:20px}.metrics strong{font-size:23px}.metrics span{font-size:12px}.sim-header{font-size:11px}.sim-footer>span{width:100%;margin-bottom:4px}.sim-footer button{font-size:13px}.sensor-grid{grid-template-columns:1fr}.explanation{gap:28px}.formula{font-size:13px}.legend{font-size:13px}.site-shell .header-note{display:none}.site-shell .hero-copy p{font-size:16px}.site-shell .hero-meta{font-size:10px;gap:14px}.site-shell figcaption{font-size:10px}.site-shell .construction{grid-template-columns:1fr}.site-shell .team-card p{font-size:16px}.site-shell footer>span:nth-child(2){font-size:10px}footer{font-size:11px;flex-wrap:wrap}.table-scroll{overflow:visible;border:0}.comms-table{display:block;min-width:0;width:100%}.comms-table caption{display:block;padding:16px;border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.comms-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.comms-table tbody{display:block}.comms-table tr{display:block;border:1px solid var(--line);border-radius:10px;margin:0 0 22px;overflow:hidden;background:var(--panel)}.comms-table tbody th{display:block;min-width:0;font-size:20px;padding:20px;background:#19283c}.comms-table td{display:block;min-width:0;padding:18px 20px;font-size:16px}.comms-table td:before{content:attr(data-label);display:block;color:var(--cyan);font-size:13px;font-weight:700;margin-bottom:9px}.comms-table small{font-size:14px}.offline-diagram{flex-direction:column;align-items:stretch}.reference-strip{grid-template-columns:1fr}.comms-calculator,.security-panel{grid-template-columns:1fr}.security-panel{padding:20px}}
.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:#ffad7c;color:#15100c;padding:12px 18px;border-radius:5px}.skip-link:focus{top:15px}.access-note{font-size:15px;line-height:1.8;color:#c2b7af;padding:20px;border:1px solid #453224;border-radius:8px;margin:25px 0}.access-note a{color:#ffad7c;text-decoration:underline}.glossary{border:1px solid #453224;border-radius:8px;background:#14110f;padding:20px;margin:28px 0}.glossary summary{cursor:pointer;color:#ffad7c;font-size:16px}.glossary dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;font-size:15px;line-height:1.8}.glossary dt{color:#ffad7c}.glossary dd{margin:0;color:#b5afa9}.metric-reader{padding:15px 20px;border-top:1px solid var(--line)}.metric-reader button{padding:10px 15px;background:#261a13;color:#ffad7c;border:1px solid #714529;border-radius:6px;cursor:pointer}.metric-reader p{font-size:14px;color:#b5afa9}.regulation-note{padding:20px;border-left:2px solid #ff965e;margin:30px 0;font-size:16px;line-height:1.8;color:#c1b4aa}
.try-this{margin:0 0 30px;padding:22px 25px;border-left:3px solid #ff965e;background:#1b1511;border-radius:0 8px 8px 0}.try-this>span{display:block;color:#d49c76;font-size:11px;letter-spacing:1px;margin-bottom:10px}.try-this strong{display:block;font-size:19px;line-height:1.5;font-weight:500;color:#f1e5db}.try-this p{margin:12px 0 0;max-width:75ch;font-size:16px;line-height:1.85;color:#c0b5ac}.intro h1{font-size:clamp(34px,4.5vw,60px);overflow-wrap:normal}@media(max-width:650px){.try-this{padding:18px}.try-this strong{font-size:18px}.intro h1{font-size:clamp(31px,7.5vw,43px);letter-spacing:-1px}}
