/* Build note 003 — an engineering notebook in the site's monochrome console. */
.note{max-width:1200px;margin:auto;padding:0 40px}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--ink);color:var(--bg);z-index:100}.skip:focus{top:12px}.edition,.rail,.plate-label,.note-footer{font-size:calc((10px) * var(--text-scale, 1));letter-spacing:.05em;color:var(--dim);display:flex;justify-content:space-between;gap:16px}.edition{padding:25px 0;border-bottom:1px solid var(--line)}.edition a,.note-footer a{text-decoration:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:44px;align-items:center;padding:55px 0 46px}.eyebrow{font-size:calc((10px) * var(--text-scale, 1))!important;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px!important}.hero h1{font-size:calc((clamp(30px,3.15vw,43px)) * var(--text-scale, 1));line-height:1.18;font-weight:400;letter-spacing:-.065em;color:var(--ink);margin:18px 0 25px}.hero h1 span{color:var(--dim)}.hero p,.details p,.status-section p{font-size:calc((13px) * var(--text-scale, 1));line-height:1.9;margin-bottom:16px}.hero p:last-child{margin:0}strong{font-weight:500;color:var(--ink)}.plate{border:1px solid var(--line);min-width:0}.plate-label{font-size:calc((9px) * var(--text-scale, 1));padding:12px 15px;border-bottom:1px solid var(--line)}.plate img,.workflow img{display:block;width:100%;height:auto}.plate figcaption{border-top:1px solid var(--line);padding:12px 15px}.plate figcaption,.workflow figcaption{font-size:calc((9px) * var(--text-scale, 1));color:var(--dim);line-height:1.6}.workflow{border-top:1px solid var(--line);padding:22px 0 32px}.rail{text-transform:uppercase;margin-bottom:19px}.workflow figure{border:1px solid var(--line)}.workflow figcaption{padding:12px 18px;border-top:1px solid var(--line)}.details{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;padding:31px 0 43px;border-top:1px solid var(--line)}h2{font-size:calc((23px) * var(--text-scale, 1));color:var(--ink);font-weight:400;line-height:1.4;letter-spacing:-.04em;margin-bottom:18px}.details ul{list-style:none}.details li{font-size:calc((12px) * var(--text-scale, 1));line-height:1.85;padding:11px 0 11px 22px;position:relative;border-bottom:1px solid var(--line)}.details li:first-child{padding-top:0}.details li:before{content:'+';position:absolute;left:0;color:var(--dim)}.details li:last-child{border-bottom:0}.responsibility{border-left:1px solid var(--line);margin:28px 0 0 5px}.responsibility span{display:block;font-size:calc((11px) * var(--text-scale, 1));padding:10px 0 10px 22px;position:relative;color:var(--dim)}.responsibility span:before{content:'';width:7px;height:7px;background:var(--ink);position:absolute;left:-4px;top:16px}.status-section{border-top:1px solid var(--line);padding:30px 0 43px;display:grid;grid-template-columns:1.12fr 1fr;gap:60px}.prototype-link{display:inline-block;font-size:calc((11px) * var(--text-scale, 1));text-underline-offset:6px;margin-top:8px}.signature{font-size:calc((18px) * var(--text-scale, 1))!important;color:var(--ink);margin-top:20px!important}.note-footer{border-top:1px solid var(--line);padding:22px 0 30px;font-size:calc((10px) * var(--text-scale, 1))}.note a:focus-visible{outline:1px solid var(--ink);outline-offset:5px}.note a:hover{color:var(--ink)}
@media(max-width:900px){.note{padding:0 25px}.hero{gap:26px}.hero h1{font-size:calc((32px) * var(--text-scale, 1))}.details,.status-section{gap:30px}.plate-label{font-size:calc((8px) * var(--text-scale, 1))}h2{font-size:calc((21px) * var(--text-scale, 1))}}
@media(max-width:680px){.note{padding:0 20px}.edition{font-size:calc((9px) * var(--text-scale, 1));padding:18px 0}.hero{grid-template-columns:1fr;gap:27px;padding:32px 0}.hero h1{font-size:calc((clamp(28px,6.2vw,40px)) * var(--text-scale, 1));margin-top:17px}.hero p,.details p,.status-section p{font-size:calc((12px) * var(--text-scale, 1))}.plate{max-width:520px;width:100%}.rail{font-size:calc((8px) * var(--text-scale, 1))}.workflow{padding:20px 0 28px}.workflow img{width:100%;margin:0}.workflow figcaption{font-size:calc((8px) * var(--text-scale, 1))}.details,.status-section{grid-template-columns:1fr;gap:30px;padding:26px 0 32px}.details section+section{padding-top:25px;border-top:1px solid var(--line)}.details li{font-size:calc((12px) * var(--text-scale, 1))}.responsibility{margin-top:20px}.status-section{gap:20px}.note-footer{flex-wrap:wrap;font-size:calc((9px) * var(--text-scale, 1))}.note-footer span{order:3;width:100%}}
@media(max-width:360px){.note{padding:0 16px}.hero h1{font-size:calc((26px) * var(--text-scale, 1))}.edition{font-size:calc((8px) * var(--text-scale, 1))}.plate-label{font-size:calc((7px) * var(--text-scale, 1))}.plate figcaption{font-size:calc((8px) * var(--text-scale, 1))}.rail{font-size:calc((7px) * var(--text-scale, 1))}}