:root{--ink:#182d43;--paper:#eef2f6;--white:#fff;--steel:#526b84;--blue:#224f9b;--line:#becbd7;--accent:#ad2948}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 'Segoe UI',Arial,sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:15px;top:-80px;background:white;padding:8px;z-index:5}.skip:focus{top:10px}header{max-width:1320px;margin:auto;padding:24px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}header>span,.eyebrow,aside>p,figcaption,.small,footer{font-size:12px;letter-spacing:.06em}.brand{font-size:21px;font-weight:900;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand span{color:var(--blue)}main{max-width:1320px;margin:auto}.hero{padding:65px 80px 38px}.eyebrow{color:var(--steel);font-weight:700}h1{font:900 clamp(50px,7.8vw,108px)/.98 Impact,'Arial Narrow',sans-serif;letter-spacing:-.035em;margin:25px 0;color:var(--ink)}h1 em{font-style:normal;color:var(--blue);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:6px;text-underline-offset:9px}.dek{max-width:690px;font-size:22px;line-height:1.5;color:var(--steel)}nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}nav a{font-size:15px;font-weight:700;text-decoration:none;border:1px solid var(--line);padding:12px 18px;background:var(--white)}nav a span{margin-left:15px}figure{margin:0 36px 50px;background:var(--ink);color:var(--white)}figure img{width:100%;height:auto;display:block}figcaption{padding:14px 20px;display:flex;gap:24px;align-items:baseline}figcaption span{font-size:13px;letter-spacing:0;color:#d2dfec}.layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:60px;padding:0 80px}aside{align-self:start;position:sticky;top:25px;padding-top:20px}aside a{display:block;font-size:14px;padding:7px 0;text-decoration:none;color:var(--steel)}aside>p{font-weight:700}article{min-width:0;max-width:780px}section{padding:24px 0 40px;border-bottom:1px solid var(--line)}h2{font-size:clamp(28px,3.1vw,40px);line-height:1.15;letter-spacing:-.035em;margin:16px 0 24px}h3{font-size:22px;line-height:1.35;margin:12px 0}p{margin:15px 0}.note{border-left:4px solid var(--accent);padding:20px 25px;background:var(--white);margin:26px 0}.note p{margin-bottom:0}.supplies{padding-left:22px}.supplies li{margin:18px 0}.steps{list-style:none;counter-reset:install;padding:0}.steps>li{counter-increment:install;margin:34px 0;padding-top:12px}.steps h3:before{content:counter(install,decimal-leading-zero);font:700 15px Consolas,monospace;color:var(--blue);display:block;margin-bottom:8px}code{font: .84em/1.5 Consolas,'Courier New',monospace;overflow-wrap:anywhere}pre{background:#e0e7ef;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 Consolas,monospace}pre code{font:inherit}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px}caption{text-align:left;font-size:13px;color:var(--steel);padding:10px 0}th,td{text-align:left;padding:15px;vertical-align:top;border:1px solid var(--line)}th{background:#dfe8f1}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-weight:700;cursor:pointer;line-height:1.5}details p{font-size:16px}button{border:0;background:var(--blue);color:white;padding:14px 18px;font:700 15px 'Segoe UI',sans-serif;cursor:pointer}.prompt-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px}#copy-status{width:100%;color:var(--steel)}.small{letter-spacing:0;color:var(--steel);font-size:14px}footer{max-width:1160px;margin:50px auto;padding:25px 0;display:flex;justify-content:space-between;gap:20px}footer a{font-size:15px;letter-spacing:0}@media(max-width:850px){.hero{padding:42px 28px 30px}.layout{padding:0 28px;grid-template-columns:1fr;gap:0}aside{display:none}figure{margin:0 28px 20px}header{padding:20px 28px}header>span{display:none}footer{margin:25px 28px}figcaption{display:block}figcaption span{display:block;margin-top:5px}}@media(max-width:480px){body{font-size:17px}.hero,.layout{padding-left:20px;padding-right:20px}.dek{font-size:19px}figure{margin-left:0;margin-right:0}nav{display:grid}nav a{display:flex;justify-content:space-between}h1{font-size:54px}th,td{padding:9px;font-size:13px}.note{padding:16px}footer{flex-direction:column}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{aside,nav,.prompt-tools,header>span{display:none}.layout{display:block;padding:0}.hero{padding:10px}body{background:white;font-size:12pt}section{break-inside:avoid}figure{margin:10px 0}footer{margin:20px 0}}
