*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2e9;color:#13212a;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}:root{--blue:#496d82;--orange:#d65b35;--left:176px;--right:158px}.docrail{position:fixed;left:0;top:0;width:var(--left);height:100vh;background:#e4e5e1;border-right:1px solid #c4c8c7;padding:18px 13px;overflow:auto;z-index:5}.brand{background:#15232d;color:#fff;font:bold 40px Arial;padding:17px 12px;letter-spacing:.08em}.docrail>small{display:block;background:#15232d;color:#fff;padding:0 12px 17px;font:8px/1.55 Consolas,monospace;letter-spacing:.16em}.docrail h3{font:9px Consolas,monospace;letter-spacing:.15em;border:1px solid #bbc0bf;padding:8px;margin:20px 0 0}.docrail nav a{display:grid;grid-template-columns:27px 1fr;gap:5px;padding:7px 5px;border:1px solid #c6cac9;border-top:0;font:9px/1.25 Consolas,monospace}.docrail nav a:hover{background:#fff}.railnote{font:8px/1.5 Consolas,monospace;letter-spacing:.12em;margin:22px 5px}.stamp{display:inline-block;color:var(--orange);border:2px solid var(--orange);padding:7px;font:bold 9px/1.35 Consolas,monospace;transform:rotate(-3deg)}main{margin-left:var(--left);margin-right:var(--right);padding:22px 34px 70px;max-width:1280px}.meta{border-bottom:1px solid #a6aaaa;padding:0 0 9px;text-align:right;font:8px Consolas,monospace;letter-spacing:.12em}.meta em{color:var(--orange);font-style:normal}.hero{display:grid;grid-template-columns:1fr 205px;gap:30px;align-items:center;padding:28px 0 18px}.hero label{color:var(--orange);font:bold 9px Consolas,monospace;letter-spacing:.15em}h1{font:900 clamp(42px,6vw,76px)/.88 Arial Black,Arial,sans-serif;letter-spacing:-.045em;margin:8px 0 10px}.hero p{font:20px Georgia,serif;margin:0}.box{background:#b39a7d;border:1px solid #796955;min-height:145px;padding:24px 16px;box-shadow:7px 7px rgba(0,0,0,.08)}.box b{display:block;font:900 23px Arial}.box span{display:block;font:bold 9px/1.4 Consolas,monospace;margin:11px 0 20px}.box small{font:8px Consolas,monospace}.strap{border-top:1px solid #aaa;border-bottom:2px solid #17242c;padding:10px 0;font:9px Consolas,monospace;letter-spacing:.2em}.strap span{float:right;font-size:7px}section{padding:50px 0 64px;border-bottom:1px solid #8d989c;scroll-margin-top:18px}.sh{display:grid;grid-template-columns:68px 1fr auto;background:var(--blue);color:#fff;align-items:center;border-radius:3px;overflow:hidden}.sh>b{background:var(--orange);font:900 40px Arial;padding:10px}.sh h2{font:900 22px Arial;margin:0;padding:0 16px}.sh small{font:8px Consolas,monospace;letter-spacing:.12em;padding-right:15px}.grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:30px;padding-top:24px}.copy{font:15px/1.48 Arial}.copy p{margin:0 0 14px}.copy.wide{max-width:760px;padding-top:25px}.lists{display:grid;grid-template-columns:1fr 1fr}.lists ul{margin-top:0}.call{border-left:4px solid var(--orange);background:#eae9e4;padding:14px 16px;margin:20px 0;font-size:18px}.question{background:#f2ded4;padding:15px 18px;margin:20px 0;font:17px/1.5 Georgia,serif}.principle{background:#dfe3e3;padding:12px 15px;margin:17px 0;font:bold 19px Georgia,serif}.stack{font:bold 18px/1.5 Arial;margin:20px 0}.flow{border:1px solid #aeb5b5;padding:16px;margin:19px 0;font:bold 11px Consolas,monospace;letter-spacing:.07em}.flow.large{font-size:20px}.checks{background:#e4e7e4;padding:17px;font:11px/1.6 Consolas,monospace;columns:2}.warning{border:2px solid var(--orange);color:#9c391f;padding:14px;margin:20px 0;font:bold 10px/1.5 Consolas,monospace}.final{font:900 30px/1.1 Arial;margin:28px 0}.final span{display:block;color:var(--orange)}figure{margin:0;border:1px solid #c4c9c7;background:#faf8f1;align-self:start}figcaption{padding:9px 10px;border-bottom:1px solid #c4c9c7;color:#b24829;font:bold 8px Consolas,monospace}.icons{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:26px}.icons span{display:block;font:6px Consolas,monospace;padding:0 2px 14px}.diagram{padding:38px 20px;text-align:center;font:bold 12px/2 Consolas,monospace}.diagram.big{font-size:25px}.diagram small{font-size:8px;font-weight:normal}.ship{text-align:center;padding:45px 15px;font-size:45px}.ship small{display:block;font:8px/1.5 Consolas,monospace;margin-top:28px}.net{padding:55px 20px;text-align:center;font:24px/1.7 Consolas,monospace;letter-spacing:.15em}.escape{white-space:nowrap;overflow:visible}footer{display:flex;justify-content:space-between;padding-top:28px;font:8px Consolas,monospace;letter-spacing:.12em}.sitenav{position:fixed;right:0;top:0;width:var(--right);height:100vh;background:#f5f2e9;border-left:1px solid #c4c8c7;padding:22px 17px;z-index:5}.sitebrand{font:31px Georgia,serif;letter-spacing:.17em;border-bottom:1px solid #777;padding-bottom:15px}.sitenav nav{display:flex;flex-direction:column;gap:18px;margin-top:26px}.sitenav a{font:8px/1.35 Consolas,monospace;letter-spacing:.07em}.sitenav .active{color:var(--orange);font-weight:bold}.bottom{position:absolute;bottom:28px;font:9px/1.5 Consolas,monospace;letter-spacing:.18em}@media(max-width:900px){.docrail,.sitenav{position:relative;width:100%;height:auto}.docrail nav,.sitenav nav{display:grid;grid-template-columns:1fr 1fr}.railnote,.stamp,.bottom{display:none}main{margin:0;padding:20px}.hero,.grid{grid-template-columns:1fr}.box{max-width:240px}.strap span{float:none;display:block;margin-top:7px}.meta{text-align:left}.sh{grid-template-columns:60px 1fr}.sh small{display:none}}

.docdownload{display:flex;justify-content:flex-end;padding-top:12px}.docdownload a{border:1px solid #8d989c;padding:8px 11px;font:bold 8px Consolas,monospace;letter-spacing:.12em;background:#faf8f1}.docdownload a:hover{border-color:var(--orange);color:var(--orange)}
@media print{
  @page{size:A4 landscape;margin:10mm}
  html,body{background:#f5f2e9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sitenav,.docdownload{display:none!important}
  :root{--left:42mm;--right:0px}
  .docrail{position:fixed;left:0;top:0;width:var(--left);height:100vh;padding:12px 9px;overflow:hidden}
  .brand{font-size:28px;padding:11px 8px}.docrail>small{padding:0 8px 11px;font-size:6px}.docrail h3{margin-top:12px;padding:5px;font-size:6px}.docrail nav a{grid-template-columns:20px 1fr;padding:4px 3px;font-size:6px}.railnote{font-size:6px;margin:12px 3px}.stamp{font-size:6px;padding:5px}
  main{margin-left:var(--left);margin-right:0;padding:8mm 8mm 10mm;max-width:none}
  section{break-before:page;break-inside:auto;padding:5mm 0 8mm}.sh,figure,.call,.question,.principle,.stack,.flow,.checks,.warning,.final{break-inside:avoid}
  .hero{padding:8mm 0 5mm}.hero h1{font-size:42px}.hero p{font-size:15px}.box{min-height:105px;padding:16px}.strap{font-size:7px}
  .copy{font-size:10.5px;line-height:1.42}.copy.wide{max-width:none}.grid{grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr);gap:20px;padding-top:16px}.sh h2{font-size:16px}.sh>b{font-size:28px;padding:8px}.sh small{font-size:6px}.stack,.call{font-size:13px}.principle{font-size:14px}.question{font-size:12px}.flow{font-size:8px}.flow.large{font-size:14px}.final{font-size:22px}
  footer{font-size:6px;padding-top:14px}
}