@import url('../Linux/css/tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--font-sans)}a{color:var(--accent)}button,input,select{font:inherit}button,select,input{background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-radius:8px;padding:9px 13px}button{cursor:pointer}button:hover{border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header{position:sticky;top:0;background:var(--bg-elev);z-index:2;border-bottom:1px solid var(--border);padding:16px 30px;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-size:20px;font-weight:750}.brand small{color:var(--text-muted);font-size:14px}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1500px;margin:auto}aside{position:sticky;top:90px;align-self:start;padding:38px 22px;color:var(--text-muted)}nav{display:grid;gap:6px;margin:20px 0 40px}nav a{color:var(--text-soft);text-decoration:none;padding:9px 0;font-size:13px}main{padding:48px 40px;min-width:0}section{margin-bottom:75px;scroll-margin-top:90px}.eyebrow{color:var(--accent);font:11px/1.5 var(--font-mono);letter-spacing:1.4px;margin-bottom:15px}h1{font-size:clamp(34px,4vw,58px);letter-spacing:-2px;line-height:1.12;margin:12px 0 24px}h1 span{color:var(--text-muted)}h2{font-size:28px;letter-spacing:-.7px;margin:0 0 15px}h3{font-size:30px}.lead{font-size:19px;max-width:760px;color:var(--text-soft)}p{color:var(--text-soft)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}article{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px}article p{font-size:14px}b{color:var(--text-strong)}details{border:1px solid var(--border);background:var(--bg-elev);border-radius:9px;margin:12px 0;padding:17px 20px}summary{cursor:pointer;font-weight:650}details p,details ul{font-size:14px}details[open] summary{color:var(--accent);margin-bottom:16px}.notice{border-left:3px solid var(--accent);padding:17px 22px;background:var(--panel);margin-top:24px}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.toolbar label{display:grid;gap:6px;font-size:12px}.toolbar label:first-child{flex:1}input[type=checkbox]{accent-color:var(--accent);width:19px;height:19px}table{width:100%;border-collapse:collapse;text-align:left;min-width:800px}caption{text-align:left;color:var(--text-muted);font-size:12px;padding:12px 0}th{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.6px}td,th{padding:17px 12px;border-bottom:1px solid var(--border);vertical-align:top}td{font-size:13px}td small{display:block;color:var(--text-muted);max-width:220px}tbody tr:hover{background:var(--panel)}.table-wrap{overflow:auto}.detail{margin-top:25px;border:1px solid var(--accent);border-radius:12px;padding:25px;background:var(--panel)}.detail h3{margin:0;font-size:26px}.detail .top{display:flex;justify-content:space-between;gap:15px}.architecture{padding:20px;border:1px dashed var(--border-strong);font:14px/1.8 var(--font-mono);color:var(--accent);margin:20px 0}.responsibility{min-width:420px}.badge{display:inline-block;font-size:11px;color:var(--accent);margin-top:7px}.compare-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0}.compare-grid h3{font-size:18px}.compare-grid dt{color:var(--text-muted);font-size:12px;margin-top:16px}.compare-grid dd{margin:0;font-size:14px}.cost-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}#cost-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}#cost-inputs label{font-size:12px;display:grid;gap:5px}#cost-inputs input{width:100%}footer{border-top:1px solid var(--border);padding-top:20px;color:var(--text-muted);font-size:12px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:4;background:var(--panel);padding:10px}#sources li{margin:12px 0;overflow-wrap:anywhere}#detail:empty,#comparison:empty{display:none}@media(max-width:1050px){.layout{grid-template-columns:1fr}aside{position:static;padding:20px 25px;border-bottom:1px solid var(--border)}aside p,aside small,aside .eyebrow{display:none}nav{display:flex;flex-wrap:wrap;gap:5px 22px;margin:0}main{padding:30px 24px}}@media(max-width:700px){.cards,.cost-grid,.compare-grid{grid-template-columns:1fr}header{padding:12px 18px}.brand small{display:none}main{padding:26px 18px}h1{letter-spacing:-1px}section{margin-bottom:50px}.toolbar{align-items:stretch}.toolbar label{width:100%}#cost-inputs{grid-template-columns:1fr}}@media print{aside,header,.toolbar,button{display:none}.layout{display:block}main{padding:0}body{background:white;color:black}article,details,.notice{background:white;color:black;break-inside:avoid}p,b,h1 span{color:#333}section{margin-bottom:25px}.table-wrap{overflow:visible}table{min-width:0}a{color:#075e52}}

.intro-heading{margin-top:38px}.route-label{border-top:1px solid var(--border);padding-top:13px;margin-top:18px;font-size:12px;color:var(--accent)}.transition{margin:26px 0}.next-section{display:inline-block;margin-top:20px;text-decoration:none;font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:5px}