:root{color-scheme:light;--paper:#faf9f5;--ink:#20352e;--muted:#65736b;--line:#dce3db;--accent:#167358}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.8 Georgia,"Times New Roman",serif}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}.page{max-width:1120px;padding:0 48px;margin:auto}
.masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:30px 0;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.name{color:var(--ink);font-weight:700;text-decoration:none}.name span{font-weight:400;color:var(--muted);margin-left:14px}nav{display:flex;gap:25px}nav a{text-decoration:none;color:var(--muted)}
.post-header{max-width:820px;margin:72px auto 42px}.eyebrow{font:600 10px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.16em;color:var(--accent);margin-bottom:22px}h1{font-size:clamp(36px,5.2vw,61px);line-height:1.12;font-weight:400;letter-spacing:-.04em;margin:0 0 28px}.byline{font:12px/1.7 -apple-system,BlinkMacSystemFont,sans-serif;color:var(--muted)}.byline span{margin:0 9px}
article{max-width:720px;margin:auto}article>p:first-child{font-size:23px;line-height:1.65;color:#304b3e;margin-bottom:24px}p{margin:0 0 24px}h2{font-size:30px;line-height:1.25;letter-spacing:-.025em;font-weight:400;margin:56px 0 22px}figure{margin:34px -90px}figure img{display:block;width:100%;height:auto;border-radius:9px;border:1px solid var(--line)}figure:has(img[src$="connection.svg"]){margin:30px -40px}p:has(>em:only-child){font:12px/1.7 -apple-system,BlinkMacSystemFont,sans-serif;color:var(--muted)}.mobile-shot{margin:30px auto 40px;width:300px;max-width:100%}.mobile-shot img{border-radius:14px}pre{font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#eaf0e9;padding:22px 25px;border-radius:8px;overflow:auto;border:1px solid var(--line)}footer{margin-top:75px;border-top:1px solid var(--line);padding:28px 0 40px;display:flex;justify-content:space-between;gap:18px;font:12px/1.7 -apple-system,BlinkMacSystemFont,sans-serif;color:var(--muted)}footer a{text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;background:white;padding:8px 14px;z-index:5}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:800px){.page{padding:0 26px}.post-header{margin-top:48px}figure,figure:has(img[src$="connection.svg"]){margin-left:0;margin-right:0}article>p:first-child{font-size:21px}}
@media(max-width:480px){body{font-size:17px;line-height:1.8}.page{padding:0 22px}.masthead{padding:22px 0}.name span{display:block;margin-left:0;font-size:11px}nav{gap:16px;font-size:12px}.post-header{margin:38px 0 32px}.eyebrow{font-size:9px;letter-spacing:.1em}h1{font-size:38px}.byline{font-size:11px}h2{font-size:27px;margin-top:42px}article>p:first-child{font-size:20px}footer{flex-direction:column;margin-top:50px}figure img{border-radius:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hardware-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:32px -40px 22px}.hardware-pair figure{margin:0}.hardware-pair img{aspect-ratio:1;object-fit:contain;background:white}.window-kit{max-width:540px;margin:32px auto 22px}.window-kit img{background:white}
@media(max-width:800px){.hardware-pair{margin-left:0;margin-right:0}}
@media(max-width:480px){.hardware-pair{grid-template-columns:1fr;gap:14px}.window-kit{margin-left:0;margin-right:0}}