:root{--ink:#20313a;--muted:#647780;--paper:#f6f3ec;--card:#fff;--line:#d9ded9;--accent:#d9ecdf;--accent2:#eef6f0;--blue:#dcecf4;--amber:#fff1c9;--rose:#fde5e5;--nav:276px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#285d70;text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:var(--nav) minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--line);background:#f1eee7;padding:24px 18px}.brand{font-size:21px;font-weight:800;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.search{position:relative;margin:22px 0 18px}.search input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 12px 11px 36px;font:inherit}.search:before{content:"⌕";position:absolute;left:12px;top:7px;color:var(--muted);font-size:20px}.count{font-size:11px;color:var(--muted);margin-top:5px}.nav-group{margin:19px 0}.nav-group>div{font-size:10px;font-weight:800;letter-spacing:.14em;color:#849097;text-transform:uppercase;margin:0 8px 5px}.nav-group a{display:block;border-radius:8px;padding:7px 9px;color:#455a64;font-size:13px}.nav-group a.active,.nav-group a:hover{background:#fff;color:#1b3039;text-decoration:none;box-shadow:0 1px 4px #20313a14}.main{min-width:0}.hero{padding:64px clamp(28px,6vw,92px);background:linear-gradient(135deg,#17313c,#2d4c50);color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;opacity:.72}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.02;margin:12px 0 20px;letter-spacing:-.055em;max-width:900px}.hero p{max-width:770px;font-size:18px;color:#d9e5e2}.meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.chip{display:inline-flex;align-items:center;border:1px solid #ffffff38;border-radius:999px;padding:5px 10px;font-size:12px;background:#ffffff10}.content{max-width:1120px;padding:44px clamp(24px,5vw,72px) 100px}.chapter{scroll-margin-top:18px;margin:0 0 64px}.chapter>h2{font-size:32px;line-height:1.15;letter-spacing:-.035em;margin:0 0 12px}.lede{font-size:17px;color:#4d626b;max-width:860px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 3px 14px #26383d0a}.card h3{margin:0 0 8px;font-size:19px}.card h4{margin:18px 0 4px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.callout{border-left:4px solid #497462;background:var(--accent2);padding:14px 16px;border-radius:0 10px 10px 0;margin:17px 0}.callout.warn{border-color:#b98418;background:#fff8e7}.callout.danger{border-color:#b64d53;background:#fff1f1}.steps{counter-reset:s;margin:16px 0;padding:0;list-style:none}.steps>li{counter-increment:s;position:relative;margin:0 0 16px;padding:2px 0 2px 46px;min-height:34px}.steps>li:before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#20313a;color:#fff;font-weight:800;font-size:13px}.steps strong{display:block}.shot{margin:22px 0 30px}.shot img{display:block;width:100%;border:1px solid #cfd6d2;border-radius:14px;box-shadow:0 14px 36px #20313a18;background:#fff}.shot figcaption{color:var(--muted);font-size:12px;margin-top:8px}.table-wrap{overflow:auto;margin:15px 0}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);font-size:13px}th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}th{background:#eef1ed;font-size:11px;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border-bottom:0}.kbd{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;background:#edf0ed;border:1px solid #d5dad6;border-bottom-width:2px;border-radius:5px;padding:1px 5px}.flow{display:flex;align-items:stretch;gap:8px;overflow:auto;margin:20px 0}.flow span{min-width:130px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center;font-size:12px;font-weight:700}.flow i{align-self:center;color:#819097;font-style:normal}.tag{display:inline-block;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:750;background:var(--blue);margin:1px}.tag.green{background:var(--accent)}.tag.amber{background:var(--amber)}.tag.rose{background:var(--rose)}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{background:#edf0ed;border-radius:4px;padding:1px 4px;font-size:.9em}pre{white-space:pre-wrap;word-break:break-word;background:#17292f;color:#e9f3ef;padding:16px;border-radius:10px;font-size:12px;overflow:auto}.backtop{position:fixed;right:20px;bottom:20px;background:#20313a;color:#fff;border:0;border-radius:999px;padding:10px 14px;box-shadow:0 4px 18px #0003}.no-results{display:none;background:#fff4dc;border:1px solid #eed69b;padding:14px;border-radius:10px;margin-bottom:20px}.page-break{break-before:page}.print-only{display:none}@media(max-width:860px){.shell{display:block}.side{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side nav{columns:2}.grid,.grid.three{grid-template-columns:1fr}.hero{padding-top:42px}.content{padding-bottom:70px}}@media print{@page{size:A4;margin:16mm 14mm 17mm}@page :first{margin:0}.side,.backtop,.search,.count{display:none!important}.shell{display:block}.hero{min-height:265mm;padding:38mm 22mm;background:#17313c!important;color:#fff!important;break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact}.hero h1{font-size:42pt}.content{max-width:none;padding:0}.chapter{break-before:page;margin:0}.chapter>h2{font-size:24pt;border-bottom:1px solid var(--line);padding-bottom:8px}.card{box-shadow:none;break-inside:avoid}.shot{break-inside:avoid}.shot img{max-height:132mm;object-fit:contain}.grid,.grid.three{grid-template-columns:1fr 1fr}.print-only{display:block}.no-print{display:none!important}a{color:inherit;text-decoration:none}h3,h4{break-after:avoid}table{break-inside:auto}tr{break-inside:avoid}}

.hero-actions{margin-top:24px}.pdf-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;background:#fff;color:#17313c;font-weight:800;box-shadow:0 5px 18px #0002}.pdf-download:hover{text-decoration:none;background:#edf6f0}.pdf-download:before{content:"↓";margin-right:8px;font-size:18px}@media print{.hero-actions{display:none!important}}