:root{--ink:#172e38;--muted:#4f626c;--teal:#126d68;--line:#d5dfdf;--paper:#fffefa;--wash:#edf5f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#dce4e4;color:var(--ink);font:13px/1.48 'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}a{color:var(--teal);text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.toolbar{position:sticky;top:0;z-index:2;background:#10232e;color:#edf4f3;padding:13px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px}.toolbar a{color:#b3e8db}.toolbar nav{display:flex;gap:18px;align-items:center}.toolbar button{font:inherit;cursor:pointer;border:1px solid #79989b;border-radius:6px;padding:7px 14px;background:transparent;color:inherit}.sheet{width:8.5in;height:11in;margin:26px auto;padding:.53in .62in .43in;background:var(--paper);box-shadow:0 8px 35px #10232e14;display:flex;flex-direction:column;position:relative}.running{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:18px;font-size:10px;color:var(--muted)}.brand{font-size:18px;letter-spacing:-.7px;font-weight:800;color:var(--ink)}.brand span{color:var(--teal)}.brand img{display:block;width:auto;height:26px}#start .brand img{height:54px}.running .label{letter-spacing:1.5px;text-transform:uppercase;font-size:9px}.eyebrow{font-size:10px;letter-spacing:1.9px;text-transform:uppercase;color:var(--teal);font-weight:700}.chapter{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);margin:0 0 9px}h1{font-size:51px;line-height:1.1;letter-spacing:-2px;font-weight:500;margin:20px 0}h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 14px;font-weight:600}h3{font-size:15px;line-height:1.35;margin:20px 0 7px}p{margin:0 0 12px}.lead{font-size:16px;line-height:1.6;color:var(--muted);max-width:580px}.muted{color:var(--muted)}.box{background:var(--wash);border-left:3px solid var(--teal);padding:14px 18px;margin:16px 0}.box p:last-child{margin-bottom:0}.quote{font-size:18px;line-height:1.5;font-family:'Manrope',sans-serif}.path{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}.path div{border-top:3px solid #4e9689;padding-top:12px}.path b{display:block;font-size:12px}.path span{display:block;color:var(--muted);font-size:10px}.path i{font-size:10px;color:var(--teal);font-style:normal;display:block;margin-bottom:4px}.steps{padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:0 0 0 34px;margin:10px 0}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:11px;font-weight:700;color:var(--teal)}.steps strong{display:block;margin-bottom:2px}ul{padding-left:20px;margin:8px 0 14px}li{margin:6px 0}table{width:100%;border-collapse:collapse;margin:14px 0;font-size:12px}th,td{text-align:left;vertical-align:top;padding:8px;border-bottom:1px solid var(--line)}th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--teal);background:var(--wash)}td:first-child{font-weight:600;width:25%}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two h3:first-child{margin-top:0}.contents{columns:2;list-style:none;padding:0;margin:12px 0}.contents li{margin:5px 0;font-size:11px}.contents a{text-decoration:none}.contents b{display:inline-block;width:22px;color:var(--muted)}.page-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.stage-row{display:grid;grid-template-columns:105px 1fr;gap:20px;border-top:1px solid var(--line);padding:15px 0}.stage-row h3{margin:0;font-size:17px}.stage-row .number{font-size:10px;color:var(--teal);display:block;margin-bottom:4px}.stage-row p{margin-bottom:5px}.stage-row small{color:var(--muted);font-size:11px}.caption{font-size:10.5px;color:var(--muted)}.flow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--wash);padding:15px;margin:15px 0;font-size:11px;font-weight:700}.flow span{color:var(--teal)}.checklist{list-style:none;padding:0}.checklist li{padding-left:20px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--teal)}.compact h3{margin-top:15px}.compact p{margin-bottom:9px}.cover-bottom{margin-top:24px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;background:white;padding:12px;z-index:5}@media(max-width:850px){.sheet{width:calc(100% - 28px);height:auto;min-height:0;padding:32px;margin:16px auto}.page-footer{margin-top:28px}.toolbar{position:static;flex-wrap:wrap;font-size:12px}.toolbar nav{flex-wrap:wrap;gap:12px}h1{font-size:40px}.two{grid-template-columns:1fr;gap:8px}.contents{columns:1}.running .label{letter-spacing:.5px}.stage-row{grid-template-columns:85px 1fr;gap:12px}}@media(max-width:460px){.sheet{padding:24px}.path{gap:5px}.path b{font-size:10px}.path span{font-size:9px}h1{font-size:36px}.running .label{font-size:8px;max-width:125px;text-align:right}.stage-row{grid-template-columns:1fr;gap:8px}.flow{flex-wrap:wrap}th,td{padding:7px;font-size:11px}}@page{size:Letter;margin:0}@media print{html{scroll-behavior:auto}body{background:white;font-size:13px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.toolbar,.skip{display:none}.sheet{width:8.5in;height:11in;min-height:11in;margin:0;padding:.53in .62in .43in;box-shadow:none;break-after:page;page-break-after:always}.sheet:last-child{break-after:auto;page-break-after:auto}.two{grid-template-columns:1fr 1fr;gap:24px}.contents{columns:2}.page-footer{margin-top:auto}.stage-row{grid-template-columns:105px 1fr;gap:20px}.running .label{font-size:9px;max-width:none;letter-spacing:1.5px}.path b{font-size:12px}.path span{font-size:10px}h1{font-size:51px}th,td{padding:8px;font-size:12px}a{color:var(--teal)}h2,h3{break-after:avoid}tr,.box,.stage-row{break-inside:avoid}}
#start h1{font-size:47px;margin:16px 0}#start .path{margin:20px 0}#start .cover-bottom{margin-top:12px}#practice .steps li{margin:8px 0}#real-project h3{margin-top:14px}#real-project .box{padding-top:10px;padding-bottom:10px;line-height:1.4}#troubleshooting h3{margin-top:14px}#troubleshooting table{margin:10px 0}