:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; --navy:#0b1f3a; --navy-2:#102b50; --blue:#165dcc; --green:#168267; --bg:#f3f6f9; --surface:#fff; --line:#d9e0e8; --text:#1f2933; --muted:#5e6b78; --amber:#a56412; --red:#b83232; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--text); background:var(--bg); font-size:15px; line-height:1.6; }
a { color:inherit; }
button,input { font:inherit; }
.topbar { position:fixed; inset:0 0 auto 0; z-index:30; height:64px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 24px; border-bottom:1px solid #243d5b; color:#fff; background:var(--navy); }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.brand-mark { width:36px; height:36px; display:grid; place-items:center; border-radius:6px; color:var(--navy); background:#fff; font-size:21px; font-weight:800; }
.brand > span:last-child { display:flex; flex-direction:column; line-height:1.05; }
.brand strong { font-size:20px; }
.brand small { margin-top:4px; color:#b8c6d5; font-size:10px; text-transform:uppercase; }
.topbar-actions { display:flex; gap:8px; }
.print-button,.support-link { min-height:34px; display:inline-flex; align-items:center; padding:6px 11px; border:1px solid #58718d; border-radius:6px; color:#fff; background:transparent; text-decoration:none; cursor:pointer; }
.support-link { color:var(--navy); border-color:#fff; background:#fff; font-weight:700; }
.manual-shell { min-height:100vh; padding-top:64px; }
.sidebar { position:fixed; inset:64px auto 0 0; z-index:20; width:292px; display:flex; flex-direction:column; padding:20px 16px 14px; border-right:1px solid var(--line); background:#fff; overflow:auto; }
.sidebar-head { display:flex; justify-content:space-between; gap:10px; padding:0 7px 14px; }
.manual-label { color:var(--green); font-size:10px; font-weight:800; }
.sidebar h1 { margin:0; color:var(--navy); font-size:24px; line-height:1.2; }
.close-menu { display:none; width:34px; height:34px; border:1px solid var(--line); border-radius:6px; color:var(--navy); background:#fff; font-size:24px; }
.search-box { display:flex; flex-direction:column; gap:4px; margin-bottom:12px; color:var(--muted); font-size:11px; }
.search-box input { width:100%; height:36px; padding:6px 9px; border:1px solid var(--line); border-radius:6px; color:var(--text); background:#fff; outline:none; }
.search-box input:focus { border-color:var(--blue); box-shadow:0 0 0 2px rgba(22,93,204,.12); }
.topic-nav { display:flex; flex-direction:column; }
.topic-nav p { margin:12px 8px 4px; color:#8a96a3; font-size:10px; font-weight:800; text-transform:uppercase; }
.topic-nav a { min-height:36px; display:flex; align-items:center; padding:7px 9px; border-left:3px solid transparent; color:#44515f; text-decoration:none; font-size:13px; }
.topic-nav a:hover { color:var(--blue); background:#f5f8fc; }
.topic-nav a.active { border-left-color:var(--blue); color:var(--navy); background:#eaf2fd; font-weight:700; }
.search-empty { padding:18px 8px; color:var(--muted); font-size:12px; }
.manual-version { margin-top:auto; padding:16px 8px 0; color:#8a96a3; font-size:10px; }
.manual-main { min-height:calc(100vh - 64px); margin-left:292px; background:#fff; }
.mobile-tools { display:none; }
.manual-content { width:min(840px, calc(100% - 64px)); margin:0 auto; padding:54px 0 24px; }
.topic { display:none; scroll-margin-top:84px; }
.topic.active { display:block; }
.eyebrow { margin:0 0 6px; color:var(--green); font-size:11px; font-weight:800; }
h2 { margin:0 0 18px; color:var(--navy); font-size:38px; line-height:1.16; letter-spacing:0; }
h3 { margin:30px 0 9px; color:var(--navy); font-size:19px; letter-spacing:0; }
p { margin:0 0 15px; }
.lead { color:#3b4a5a; font-size:19px; line-height:1.5; }
.summary-grid,.status-grid,.report-list { display:grid; grid-template-columns:repeat(2,1fr); margin:28px 0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.summary-grid div,.status-grid div,.report-list div { min-height:105px; display:flex; flex-direction:column; justify-content:center; padding:16px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.summary-grid strong,.status-grid strong,.report-list strong { color:var(--navy); }
.summary-grid span,.status-grid span,.report-list span { color:var(--muted); font-size:13px; }
.status-grid { grid-template-columns:repeat(3,1fr); }
.status-grid .ok { border-top:4px solid var(--green); }.status-grid .warning { border-top:4px solid #d69a32; }.status-grid .danger { border-top:4px solid var(--red); }
.steps { margin:12px 0 22px; padding:0; list-style:none; counter-reset:step; }
.steps li { position:relative; min-height:40px; padding:8px 8px 8px 46px; border-bottom:1px solid #edf1f5; counter-increment:step; }
.steps li::before { content:counter(step); position:absolute; left:4px; top:7px; width:27px; height:27px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--navy); font-size:12px; font-weight:700; }
.check-list,.rule-list { margin:12px 0 22px; padding:0; list-style:none; }
.check-list li,.rule-list li { position:relative; padding:7px 5px 7px 24px; border-bottom:1px solid #edf1f5; }
.check-list li::before { content:""; position:absolute; left:4px; top:15px; width:8px; height:8px; border-radius:50%; background:var(--green); }
.rule-list li::before { content:""; position:absolute; left:4px; top:14px; width:10px; height:6px; border-left:2px solid var(--blue); border-bottom:2px solid var(--blue); transform:rotate(-45deg); }
.notice,.tip { margin:22px 0; padding:13px 15px; border-left:3px solid var(--blue); background:#edf5ff; font-size:14px; }
.notice.warn { border-left-color:#cf8a22; background:#fff8ea; }.tip { border-left-color:var(--green); background:#eefaf6; }
.troubleshooting { margin:20px 0; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.troubleshooting details { border-bottom:1px solid var(--line); background:#fff; }.troubleshooting details:last-child { border-bottom:0; }
.troubleshooting summary { padding:14px 16px; color:var(--navy); font-weight:700; cursor:pointer; }.troubleshooting details[open] summary { background:#f7f9fb; }
.troubleshooting p { padding:0 16px 15px; color:var(--muted); }
.support-box { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:28px; padding:18px; border:1px solid #b9d1f1; border-radius:8px; background:#f5f9ff; }
.support-box div { display:flex; flex-direction:column; }.support-box span { color:var(--muted); font-size:12px; }.support-box a { color:var(--blue); font-weight:700; }
.topic-pagination { width:min(840px, calc(100% - 64px)); display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0 auto 42px; padding-top:24px; border-top:1px solid var(--line); }
.topic-pagination button { min-height:62px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:10px 14px; border:1px solid var(--line); border-radius:8px; color:var(--text); background:#fff; cursor:pointer; }
.topic-pagination button:last-child { align-items:flex-end; text-align:right; }.topic-pagination button:hover { border-color:var(--blue); }.topic-pagination button:disabled { visibility:hidden; }
.topic-pagination span { color:var(--muted); font-size:11px; }.topic-pagination strong { color:var(--navy); font-size:13px; }
.manual-footer { display:flex; justify-content:space-between; gap:20px; padding:20px 32px; color:#8493a3; background:var(--navy); font-size:11px; }.manual-footer a { color:#fff; }
.menu-backdrop { display:none; }
@media (max-width:800px) {
  .topbar { height:58px; padding:0 14px; }.topbar-actions .print-button { display:none; }.support-link { min-height:32px; padding:5px 8px; font-size:12px; }
  .manual-shell { padding-top:58px; }.sidebar { inset:58px auto 0 0; width:min(310px,86vw); transform:translateX(-101%); transition:transform .18s ease; box-shadow:12px 0 32px rgba(11,31,58,.18); }.sidebar.open { transform:translateX(0); }.close-menu { display:block; }
  .manual-main { margin-left:0; }.mobile-tools { position:sticky; top:58px; z-index:15; height:48px; display:flex; align-items:center; gap:12px; padding:6px 14px; border-bottom:1px solid var(--line); background:#fff; }.menu-button { min-height:34px; padding:5px 11px; border:1px solid var(--navy); border-radius:6px; color:var(--navy); background:#fff; font-weight:700; }.mobile-tools span { min-width:0; overflow:hidden; color:var(--muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
  .manual-content,.topic-pagination { width:calc(100% - 28px); }.manual-content { padding-top:34px; } h2 { font-size:31px; }.lead { font-size:17px; }.summary-grid,.report-list,.status-grid { grid-template-columns:1fr; }
  .support-box { align-items:flex-start; flex-direction:column; }.menu-backdrop.visible { position:fixed; inset:58px 0 0; z-index:19; display:block; background:rgba(11,31,58,.35); }.manual-footer { align-items:flex-start; flex-direction:column; padding:18px 14px; }
}
@media print {
  .topbar,.sidebar,.mobile-tools,.topic-pagination,.manual-footer { display:none !important; }.manual-shell { padding:0; }.manual-main { margin:0; }.manual-content { width:100%; padding:0; }.topic { display:block !important; break-before:page; }.topic:first-child { break-before:auto; } body { background:#fff; font-size:11pt; } h2 { font-size:24pt; }.troubleshooting details > * { display:block; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.sidebar { transition:none; } }