
:root{--ink:#152b43;--slate:#52687a;--teal:#087e86;--line:#d8e2e8;--paper:#fff;--cloud:#f3f7fa;--cream:#fffbf5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef3f6;color:var(--ink);font:17px/1.74 system-ui,-apple-system,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#087e86;text-decoration-thickness:1px;text-underline-offset:3px}.sitebar{background:#0f2339;color:#e4edf3;border-bottom:3px solid #197982}.sitebar .inner{max-width:1120px;margin:auto;padding:15px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:800;font-size:21px;letter-spacing:-.7px}.brand span{color:#78d4c9}.nav{color:#bcd0de;font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700}
.sheet{max-width:1120px;background:white;margin:22px auto 48px;border:1px solid #d5e1e7;box-shadow:0 18px 70px #18334b11}.hero{background:radial-gradient(ellipse 55% 50% at 94% 12%,#244b65 0,#162e48 60%,#14293f 100%);padding:74px 95px 60px;color:#fff;border-bottom:6px solid #127986}.hero .kicker{color:#94d7d3;letter-spacing:3px;font-size:12px;text-transform:uppercase;font-weight:800}.hero h1{max-width:860px;color:white;font-size:clamp(35px,5vw,56px);letter-spacing:-2.1px;line-height:1.10;margin:27px 0 24px;font-weight:790}.hero .sub{font-size:21px;color:#d5e4ed;line-height:1.55;max-width:795px}.meta{border-top:1px solid #48637a;margin-top:34px;padding-top:19px;font-size:13px;letter-spacing:.4px;color:#adcedc}.article{padding:56px 95px 88px}.article p{margin:0 0 21px}.article>p:first-child{font-size:20px;line-height:1.66;color:#2b4051}.article h2{font-size:27px;line-height:1.25;letter-spacing:-.65px;padding-top:22px;margin:58px 0 22px;border-top:1px solid var(--line);page-break-after:avoid;break-after:avoid}.article h3{font-size:21px;margin:28px 0 14px}.article strong{font-weight:730}.article hr{border:0;border-top:2px solid var(--line);margin:54px 0 35px}.article table{border-collapse:collapse;width:100%;margin:25px 0 32px;line-height:1.47;font-size:15px}.article th,.article td{border:1px solid #d7e0e7;padding:13px 14px;text-align:left;vertical-align:top}.article th{background:#eaf3f5;color:#18465a;font-size:13px;letter-spacing:.45px}.article tr:nth-child(even) td{background:#f9fbfc}.article pre{background:#102338;color:#e1f0f5;padding:23px 26px;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,Monaco,monospace;overflow:auto;border-radius:8px;white-space:pre;break-inside:avoid;box-shadow:0 4px 16px #00000015}.article code:not(pre code){background:#edf2f5;border-radius:4px;padding:2px 5px;color:#1d4e60;font-size:.9em}.diagram{margin:35px -28px 42px;padding:20px 20px 12px;background:#f7fafb;border:1px solid #dce6ea;break-inside:avoid;page-break-inside:avoid;border-radius:9px}.diagram img{display:block;width:100%;height:auto}.diagram figcaption{font-size:12.5px;color:#536674;margin:10px 12px 8px;line-height:1.5}.article em{color:#3d586a}.article a{overflow-wrap:anywhere}.footer{display:flex;justify-content:space-between;align-items:center;color:#7d95a6;font-size:12px;border-top:1px solid #d8e2e8;padding:22px 95px 28px}.hero-print-heading{display:none}
@media(max-width:800px){body{font-size:16px;line-height:1.69}.sheet{margin:0;border:0;box-shadow:none}.sitebar .inner{padding:14px 20px}.brand{font-size:18px}.nav{font-size:10px;letter-spacing:1px}.hero{padding:54px 23px 42px}.hero h1{font-size:38px;letter-spacing:-1.4px}.hero .sub{font-size:18px}.article{padding:38px 22px 55px}.article h2{font-size:24px;margin-top:45px}.diagram{margin:30px -14px;padding:8px}.diagram figcaption{font-size:11.5px;margin:9px 6px}.article table{display:block;overflow-x:auto;font-size:13.5px;white-space:normal}.article th,.article td{min-width:120px;padding:10px}.article pre{font-size:11px;padding:14px;border-radius:4px}.footer{padding:20px 22px}}
@page{size:A4;margin:14mm 13mm 15mm 13mm}
@media print{body{font-size:11.2pt;line-height:1.53;background:white;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sitebar{display:none}.sheet{margin:0;max-width:none;border:0;box-shadow:none}.hero{min-height:210mm;padding:42mm 21mm 20mm;break-after:page;page-break-after:always}.hero h1{font-size:45pt;line-height:1.12;letter-spacing:-1.8pt}.hero .sub{font-size:18pt}.hero .meta{margin-top:28mm;font-size:11pt}.article{padding:0 8mm 12mm}.article>p:first-child{font-size:12.5pt}.article h2{font-size:18.5pt;margin:34px 0 15px;padding-top:15px}.article p{margin-bottom:12px}.article table{font-size:9.5pt;margin:15px 0 20px}.article th,.article td{padding:8px 9px}.diagram{padding:9px 10px;margin:17px -2mm 20px;break-inside:avoid}.diagram figcaption{font-size:9.2pt}.article pre{font-size:8.5pt;padding:14px;white-space:pre-wrap}.footer{display:none}}
