:root{color-scheme:light;--ink:#0b2b3d;--muted:#506b79;--blue:#0b83a5;--line:#d6e6ed;--light:#f3f9fb;--orange:#f39b50}
/* Font Awesome 4.7.0 icon font: SIL OFL 1.1. The ITS Report toolbar uses the same glyphs. */
@font-face{font-family:"ITS Guide Icons";src:url("/uploads/its-report-onprem-v2/guide-fontawesome-webfont.woff2") format("woff2");font-style:normal;font-weight:normal;font-display:block}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f3f8fa;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}
a{color:#067ca0;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,summary:focus-visible{outline:3px solid #f39b50;outline-offset:3px}
img{max-width:100%;height:auto}
.topbar{background:#fff;border-bottom:1px solid var(--line)}
.topbar__inner{width:min(1200px,calc(100% - 36px));margin:auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{color:#11445d;font-weight:800;font-size:1rem;letter-spacing:-.025em}
.brand span{color:var(--blue)}
.topbar__links{display:flex;align-items:center;gap:19px;font-size:.84rem;font-weight:700}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#071d2a 0%,#0b3d54 62%,#0d839b 100%);color:#fff}
.hero:after{content:"";position:absolute;right:-100px;top:-180px;width:550px;height:550px;border:90px solid rgba(134,226,235,.08);border-radius:50%}
.hero__inner{position:relative;z-index:1;width:min(1200px,calc(100% - 36px));margin:auto;padding:88px 0 76px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px;align-items:center}
.eyebrow{margin:0 0 16px;color:#9be8ee;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{line-height:1.18;letter-spacing:-.035em}
h1{max-width:760px;margin-bottom:24px;font-size:clamp(2.4rem,4.5vw,4.3rem);font-weight:850}
.hero__lead{max-width:700px;color:#d5eaf0;font-size:1.1rem;line-height:1.65}
.hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 0}
.hero__meta span{padding:7px 11px;border:1px solid rgba(208,247,255,.25);border-radius:100px;background:rgba(255,255,255,.08);font-size:.77rem;font-weight:700}
.hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 17px;border:1px solid transparent;border-radius:9px;font-size:.87rem;font-weight:800;line-height:1.2}
.button:hover{text-decoration:none}
.button--light{background:#fff;color:#095270}
.button--outline{border-color:#94cbd9;color:#fff}
.hero__visual{padding:14px;border:1px solid rgba(208,247,255,.25);border-radius:18px;background:rgba(255,255,255,.08);box-shadow:0 22px 55px rgba(0,0,0,.2)}
.hero__visual img{display:block;width:100%;border-radius:10px;background:#fff}
.hero__visual span{display:block;margin-top:9px;color:#cce9ee;font-size:.73rem}
.notice-bar{background:#e2f4f7;border-bottom:1px solid #cae6ed}
.notice-bar__inner{width:min(1200px,calc(100% - 36px));margin:auto;padding:13px 0;color:#2e6073;font-size:.82rem}
.layout{width:min(1200px,calc(100% - 36px));margin:36px auto 80px;display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:25px}
.toc{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 11px 35px rgba(23,71,91,.05)}
.toc h2{margin:0 0 15px;font-size:1.08rem}
.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}
.toc li{counter-increment:toc;border-top:1px solid #edf3f5}
.toc li:first-child{border-top:0}
.toc a{display:flex;gap:10px;padding:10px 0;color:#315d70;font-size:.79rem;line-height:1.32;font-weight:700}
.toc a:before{content:counter(toc,decimal-leading-zero);flex:0 0 25px;color:#0a89a7;font-size:.69rem;font-weight:850}
.toc a:hover{color:#006e8e}
.toc-page{display:none;margin-left:auto;color:#6d8490}
.reading{min-width:0}
.chapter{margin-bottom:22px;padding:38px 42px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 38px rgba(23,71,91,.045);scroll-margin-top:25px}
.chapter__label{margin:0 0 9px;color:#0a83a1;font-size:.73rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.chapter h2{margin:0 0 15px;color:#0b3548;font-size:clamp(1.75rem,2.4vw,2.45rem)}
.chapter h3{margin:30px 0 11px;color:#103e54;font-size:1.28rem}
.chapter h4{margin:18px 0 7px;font-size:1rem}
.chapter p,.chapter li{color:#405d6b}
.chapter p{margin-bottom:14px}
.lead{font-size:1.07rem;color:#355b6b!important}
.chapter ul,.chapter ol{padding-left:21px}
.chapter li{margin-bottom:8px}
.chapter strong{color:#173f52}
.chapter code{padding:2px 5px;border-radius:4px;background:#eaf4f7;color:#0b5d79;font:600 .93em Consolas,monospace;overflow-wrap:anywhere}
.note,.tip,.caution{margin:23px 0;padding:17px 19px;border-left:4px solid #0a91ad;border-radius:0 9px 9px 0;background:#eaf7fa;color:#355d70}
.tip{border-left-color:#1b9c78;background:#eaf8f2}
.caution{border-left-color:#ee9c4b;background:#fff5e9}
.note p,.tip p,.caution p{margin:0}
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.step{padding:20px;border:1px solid #dceaf0;border-radius:11px;background:#f8fbfc}
.step b{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;margin-bottom:12px;border-radius:50%;background:#0a83a1;color:#fff;font-size:.76rem}
.step h3{margin:0 0 7px;font-size:1.08rem}
.step p{margin:0;font-size:.9rem}
.figure{margin:24px 0 27px;padding:12px;border:1px solid #d5e5ec;border-radius:13px;background:#f7fbfc}
.figure a{display:block}
.figure img{display:block;width:100%;border-radius:7px;border:1px solid #d5e5ec}
.figure figcaption{padding:10px 4px 1px;color:#5b7380;font-size:.78rem;line-height:1.45}
.figure--narrow{max-width:700px;margin-left:auto;margin-right:auto}
.figure-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.figure-pair .figure{margin:10px 0 20px}
.table-wrap{overflow:auto;border:1px solid #d8e8ee;border-radius:10px;margin:20px 0}
table{width:100%;border-collapse:collapse;font-size:.87rem}
thead{background:#0b4861;color:#fff}
th,td{padding:11px 13px;border-bottom:1px solid #e0edf1;text-align:left;vertical-align:top}
th{font-weight:800}
tbody tr:nth-child(even){background:#f7fbfc}
tbody tr:last-child td{border-bottom:0}
td:first-child{font-weight:700;color:#214a5d}
.control-icon-strip{display:inline-flex;vertical-align:middle;gap:3px;white-space:nowrap;margin:0 8px 4px 0}
.control-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:5px;background:#122f40;color:#fff;font:normal 13px/1 "ITS Guide Icons"}
.control-icon--rec{color:#ff6b6b}
.icon-note{font-size:.82rem;color:#647e8b}
.wifi-symbol{display:inline-block;margin-right:7px;color:#087f9f;font:normal 1.2em/1 "ITS Guide Icons"}
.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;padding:0!important;list-style:none}
.checklist li{margin:0;padding:11px 12px 11px 35px;border:1px solid #dce9ee;border-radius:9px;background:#f9fcfd;position:relative;font-size:.88rem}
.checklist li:before{content:"□";position:absolute;left:13px;color:#0787a7;font-weight:800}
.mini-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:17px;border-top:1px solid #e4eef2;font-size:.82rem;font-weight:750}
.footer{padding:35px 18px;background:#0b3245;color:#d1e8ee;text-align:center;font-size:.8rem}
.footer a{color:#b4f1f7}
@media(max-width:900px){.hero__inner{grid-template-columns:1fr}.hero__visual{display:none}.layout{grid-template-columns:1fr}.toc{position:static;max-height:none}.toc ol{columns:2}.chapter{padding:30px}}
@media(max-width:600px){.topbar__inner{min-height:59px}.topbar__links{gap:10px;font-size:.72rem}.hero__inner{padding:55px 0}.hero__lead{font-size:1rem}.layout{margin-top:20px}.toc ol{columns:1}.chapter{padding:24px 19px}.steps,.checklist,.figure-pair{grid-template-columns:1fr}.chapter h2{font-size:1.75rem}table{font-size:.78rem}th,td{padding:9px}}
@media print{
  @page{size:A4;margin:14mm 13mm 18mm}
  html{scroll-behavior:auto}
  body{background:#fff;font-size:10pt;line-height:1.45;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .topbar,.hero__actions,.notice-bar,.footer,.mini-nav{display:none!important}
  .hero{break-after:page;background:#0b3d54!important;min-height:252mm}
  .hero__inner{display:block;width:auto;padding:43mm 12mm}
  .hero h1{font-size:31pt;max-width:165mm}
  .hero__lead{font-size:13pt;max-width:155mm}
  .hero__visual{display:block;max-width:85mm;margin-top:19mm}
  .hero__visual img{max-height:55mm;object-fit:contain}
  .layout{display:block;width:auto;margin:0}
  .toc{position:static;overflow:visible;max-height:none;box-shadow:none;border:0;border-radius:0;padding:12mm 2mm 0;break-after:page}
  .toc h2{font-size:22pt;margin-bottom:9mm}
  .toc ol{columns:1}
  .toc li{break-inside:avoid}
  .toc a{font-size:10pt;padding:3.2mm 0}
  .toc-page{display:block}
  .chapter{break-before:page;scroll-margin:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
  .chapter h2{font-size:21pt;margin-bottom:5mm}
  .chapter h3{font-size:13pt;margin-top:7mm}
  .chapter h2,.chapter h3,.chapter h4{break-after:avoid}
  .chapter p,.chapter li{orphans:3;widows:3}
  .chapter ul,.chapter ol{margin-top:2mm}
  .step,.figure,.note,.tip,.caution,.checklist li{break-inside:avoid}
  .step{padding:4mm}
  .steps{gap:3mm}
  .figure{margin:5mm 0;padding:2mm}
  .figure img{max-height:105mm;width:auto;max-width:100%;margin:auto;object-fit:contain}
  .chapter:last-child .figure img{max-height:70mm}
  .figure figcaption{font-size:8pt}
  .figure-pair .figure img{max-height:62mm}
  .table-wrap{overflow:visible}
  table{font-size:8.5pt}
  thead{display:table-header-group}
  tr{break-inside:avoid}
  th,td{padding:2.5mm}
  .checklist li{font-size:8.5pt}
  .control-icon{width:5mm;height:5mm;border-radius:1mm;font-size:8pt}
  .control-icon-strip{gap:.6mm;margin-right:1.5mm}
  a{color:#075978}
}