/* Illustrated Windows manuals; the shared screenshot viewer also serves the PC hub. */
.v380-guide-page { --guide-blue:#216eb7; --guide-ink:#293746; --guide-muted:#667282; --guide-line:#e3e9ef; margin:0; color:var(--guide-ink); background:#fff; font-family:Arial,Helvetica,sans-serif; }
.v380-guide-page *, .v380-guide-page *::before, .v380-guide-page *::after { box-sizing:border-box; }
.v380-guide-page > .skip-link { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.v380-guide-page > .skip-link:focus { position:fixed; z-index:10000; top:8px; left:8px; width:auto; height:auto; margin:0; padding:10px 16px; overflow:visible; clip-path:none; background:#fff; color:#176bb9; border:2px solid #3288ea; border-radius:4px; }
.v380-guide { max-width:1160px; margin:0 auto; padding:32px 0 76px; }
.v380-guide a { color:var(--guide-blue); text-underline-offset:3px; }
.guide-breadcrumbs { display:flex; flex-wrap:wrap; gap:9px; align-items:center; font-size:12px; line-height:1.7; color:#78828f; margin-bottom:32px; }
.guide-breadcrumbs a { color:#697686; text-decoration:none; }
.guide-breadcrumbs a:hover { color:var(--guide-blue); text-decoration:underline; }
.guide-hero { max-width:790px; margin:0 0 38px; }
.guide-kicker { display:flex; align-items:center; flex-wrap:wrap; gap:10px; color:var(--guide-blue); font-size:11px; line-height:1.6; font-weight:700; letter-spacing:.055em; text-transform:uppercase; margin:0 0 16px; }
.guide-kicker a { color:inherit; text-decoration:none; }
.guide-kicker a:hover { text-decoration:underline; text-underline-offset:3px; }
.guide-series-position { color:#7d8793; font-weight:400; letter-spacing:0; text-transform:none; padding-left:10px; border-left:1px solid #d3dce6; }
.v380-guide h1 { font-size:clamp(32px,3vw,43px); line-height:1.19; letter-spacing:-.025em; color:#293746; font-weight:700; margin:0 0 18px; text-wrap:balance; }
.guide-intro { font-size:17px; line-height:1.85; color:#596676; margin:0 0 16px; }
.guide-meta { font-size:12px; line-height:1.7; color:#7b8591; margin:0; }
.guide-quick-links { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:22px; }
.guide-quick-links > span { font-size:12px; color:#7b8591; margin-right:3px; }
.guide-quick-links a { display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:6px 12px; background:#f5f8fb; border:1px solid #e1e8f0; border-radius:5px; color:#46617d; font-size:12px; line-height:1.6; text-decoration:none; }
.guide-quick-links a::after { content:'↓'; color:#8495a7; }
.guide-quick-links a:hover { color:var(--guide-blue); border-color:#b6cfe8; background:#edf5fd; }
.guide-layout { display:grid; grid-template-columns:minmax(0,790px) 272px; gap:62px; align-items:start; }
.guide-toc { grid-column:2; grid-row:1; position:sticky; top:calc(var(--v380-header-height,85px) + 24px); max-height:calc(100dvh - var(--v380-header-height,85px) - 48px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; font-size:13px; line-height:1.6; }
.guide-toc-panel { border:1px solid var(--guide-line); border-radius:8px; background:#fbfcfe; overflow:hidden; }
.guide-toc-panel > summary { display:flex; align-items:center; gap:12px; cursor:pointer; padding:18px; list-style:none; }
.guide-toc-panel > summary::-webkit-details-marker { display:none; }
.guide-toc-title { color:#344454; font-size:13px; font-weight:700; }
.guide-toc-current { display:none; }
.guide-toc-chevron { display:block; width:7px; height:7px; border-right:1.5px solid #708195; border-bottom:1.5px solid #708195; transform:rotate(45deg); margin-left:auto; margin-right:3px; flex-shrink:0; }
.guide-toc-panel[open] .guide-toc-chevron { transform:rotate(225deg); }
.guide-toc-panel:not([open]) > .guide-toc-content { display:none; }
.guide-toc-content { padding:0 10px 12px; }
.guide-toc ol { list-style:none; padding:0; margin:0; }
.guide-toc li { margin:0; }
.guide-toc ol a { display:flex; align-items:baseline; gap:10px; padding:9px 10px; border-radius:4px; color:#687584; text-decoration:none; font-size:12px; line-height:1.6; border-left:2px solid transparent; }
.guide-toc-index { flex-shrink:0; min-width:15px; color:#a3adb9; font-size:10px; font-variant-numeric:tabular-nums; }
.guide-toc ol a:hover { color:var(--guide-blue); background:#f0f5fb; }
.guide-toc ol a[aria-current="location"] { color:var(--guide-blue); background:#edf4fc; border-left-color:#4b8dcf; font-weight:600; }
.guide-toc ol a[aria-current="location"] .guide-toc-index { color:#4b8dcf; }
.guide-sidebar-download { margin-top:18px; padding:18px; border:1px solid #d7e5f3; border-radius:8px; background:#f4f8fd; }
.guide-sidebar-download p { color:#65768a; font-size:12px; line-height:1.7; margin:0 0 10px; }
.guide-sidebar-download a { display:inline-flex; align-items:center; gap:8px; color:var(--guide-blue); font-size:12px; font-weight:700; text-decoration:none; }
.guide-sidebar-download .guide-all-manuals { display:block; margin-top:11px; padding-top:11px; border-top:1px solid #dce7f3; color:#6c8096; font-size:11px; font-weight:400; }
.guide-article { grid-column:1; grid-row:1; min-width:0; font-size:16px; line-height:1.9; color:#46515e; }
.guide-article > section { scroll-margin-top:26px; margin:0 0 52px; }
.guide-article h3[id] { scroll-margin-top:30px; }
.guide-article > section > h2 { border-top:1px solid var(--guide-line); padding-top:25px; }
.guide-article > section:first-child > h2 { border-top:0; padding-top:0; }
.guide-article h2 { font-size:27px; line-height:1.35; color:#303e4c; letter-spacing:-.018em; margin:0 0 19px; font-weight:700; text-wrap:balance; }
.guide-article h3 { font-size:20px; line-height:1.5; color:#354759; margin:30px 0 13px; font-weight:700; }
.guide-article h4 { font-size:16px; line-height:1.6; color:#354759; margin:25px 0 11px; }
.guide-article p { margin:0 0 20px; }
.guide-article strong { color:#354759; }
.guide-article ul, .guide-article ol { margin:0 0 24px; padding-left:24px; }
.guide-article li { padding-left:3px; margin:0 0 9px; }
.guide-article ol li::marker { color:var(--guide-blue); font-weight:700; }
.guide-article .guide-install-step { display:flex; align-items:baseline; gap:12px; }
.guide-step-number { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:27px; height:27px; padding-inline:6px; background:#edf4fb; border:1px solid #d4e3f2; border-radius:6px; color:#2873b8; font-size:12px; line-height:1; font-weight:600; }
.guide-article figure { margin:25px 0 30px; border:1px solid #e0e6ed; border-radius:8px; background:#fbfcfd; overflow:hidden; }
.guide-image-button { display:block; width:100%; padding:0; margin:0; border:1px solid #dce3eb; border-radius:6px; background:#f5f7fa; cursor:zoom-in; overflow:hidden; }
.guide-image-button img { display:block; width:100%; height:auto; max-width:100%; margin:0; }
.guide-article .guide-image-button { border:0; border-radius:0; background:#f8fafc; text-align:left; }
.guide-figure-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 13px; color:#8a96a3; font:10px/1.5 Arial,Helvetica,sans-serif; border-bottom:1px solid #e4eaf0; }
.guide-figure-action { display:inline-flex; align-items:center; gap:5px; color:#4778a7; font-size:11px; }
.guide-figure-action svg { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:1.5; }
.guide-article .guide-image-button:hover .guide-figure-action { color:#175e9e; text-decoration:underline; text-underline-offset:3px; }
.guide-article figcaption { font-size:12px; line-height:1.7; color:#75818e; margin:0; padding:11px 14px 13px; border-top:1px solid #e6ebf1; background:#fff; }
.guide-note, .guide-article .note, .guide-article .password-rules { border-left:3px solid #83a9d0; padding:17px 20px; margin:26px 0; background:#f2f7fc; border-radius:0 5px 5px 0; font-size:14px; line-height:1.85; color:#53667b; }
.guide-note p:last-child, .guide-article .note p:last-child, .guide-article .password-rules p:last-child { margin-bottom:0; }
.guide-article .password-rules ul { margin-bottom:0; }
.guide-article .guide-note-caution { background:#fffaf0; border-color:#d5ac61; color:#7b6642; }
.guide-table-wrap { width:100%; overflow-x:auto; margin:25px 0; border:1px solid #e0e6ed; border-radius:7px; }
.guide-article table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.75; margin:0; }
.guide-article th, .guide-article td { padding:14px 16px; text-align:left; vertical-align:top; border:0; border-bottom:1px solid #e6ebf1; min-width:120px; }
.guide-article th { background:#f4f7fa; font-weight:600; color:#41536a; font-size:12px; }
.guide-article tr:last-child td { border-bottom:0; }
.guide-article details { border-top:1px solid #e3e9ef; padding:18px 0; }
.guide-article details:last-child { border-bottom:1px solid #e3e9ef; }
.guide-article summary { cursor:pointer; color:#3c4c5e; font-size:15px; font-weight:600; line-height:1.7; }
.guide-article details p { margin:14px 0 0; font-size:15px; }
.guide-next { margin:42px 0 0; padding:22px 24px; background:#f4f8fd; border:1px solid #dce8f4; border-radius:8px; }
.guide-next > p { color:#8b99a7; font-size:10px; letter-spacing:.1em; line-height:1.6; font-weight:700; text-transform:uppercase; margin:0 0 8px; }
.guide-next a { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:18px; line-height:1.5; font-weight:600; color:#35587b; text-decoration:none; }
.guide-next a:hover { color:var(--guide-blue); }
.guide-related { margin-top:35px; padding-top:28px; border-top:1px solid #e3e9ef; }
.guide-related h2 { font-size:21px; }
.guide-related ul { list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.guide-related li { margin:0; padding:0; }
.guide-related a { display:block; border:1px solid #e0e6ed; border-radius:6px; padding:15px 17px; text-decoration:none; font-size:13px; line-height:1.7; }
.guide-related a:hover { border-color:#a8c8e8; background:#f7faff; }
.guide-article .guide-return { margin:24px 0 0; font-size:12px; }
.guide-article .guide-return a { display:inline; padding:0; border:0; }
.v380-guide :is(a,button,summary):focus-visible { outline:2px solid #3288ea; outline-offset:4px; }
.guide-back-top { position:fixed; right:24px; bottom:24px; z-index:40; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid #dce5ee; border-radius:7px; background:#fffffff2; color:#58738f; text-decoration:none; box-shadow:0 3px 12px #243d5710; }
.guide-back-top[hidden] { display:none; }
.guide-back-top:hover { border-color:#a9c8e6; color:#216eb7; }
.guide-lightbox { width:calc(100vw - 48px); max-width:1500px; max-height:calc(100dvh - 40px); border:0; border-radius:10px; padding:16px; background:#fff; box-shadow:0 20px 80px #0005; }
.guide-lightbox::backdrop { background:#162332d9; }
.guide-lightbox-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:14px; }
.guide-lightbox-label { display:block; color:#8795a3; font:10px/1.6 Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:.09em; margin-bottom:3px; }
.guide-lightbox-title { font:13px/1.6 Arial,Helvetica,sans-serif; margin:0; color:#405268; }
.guide-lightbox-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.guide-lightbox-actions button { font:12px/1.5 Arial,Helvetica,sans-serif; color:#43617f; padding:8px 13px; min-height:36px; border:1px solid #d4deea; border-radius:5px; background:#f8fbfe; cursor:pointer; }
.guide-lightbox-actions button:focus-visible, .guide-lightbox-stage:focus-visible { outline:2px solid #3288ea; outline-offset:2px; }
.guide-lightbox-stage { display:flex; align-items:center; justify-content:center; max-height:calc(100dvh - 180px); overflow:auto; background:#f3f5f8; overscroll-behavior:contain; border:1px solid #e4e9f0; border-radius:5px; }
.guide-lightbox-stage img { display:block; width:auto; height:auto; max-width:100%; max-height:calc(100dvh - 182px); object-fit:contain; margin:0; }
.guide-lightbox-stage.is-zoomed { display:block; }
.guide-lightbox-stage.is-zoomed img { width:var(--guide-natural-width); max-width:none; max-height:none; object-fit:initial; }
.guide-lightbox-help { font:11px/1.6 Arial,Helvetica,sans-serif; color:#7b8998; margin:11px 0 0; }
@media (max-width:1240px) { .v380-guide { margin-inline:32px; } .guide-layout { grid-template-columns:minmax(0,1fr) 250px; gap:42px; } }
@media (max-width:960px) {
  .v380-guide { margin-inline:28px; padding-top:26px; }
  .guide-hero { max-width:760px; margin-bottom:28px; }
  .guide-layout { display:block; }
  .guide-toc { top:var(--v380-header-height,77px); max-height:none; overflow:visible; z-index:30; margin:0 0 28px; padding:9px 0; background:#fff; }
  .guide-toc-panel { background:#fafcfe; box-shadow:0 3px 10px #263e5705; }
  .guide-toc-panel > summary { padding:13px 16px; flex-wrap:wrap; gap:3px 10px; }
  .guide-toc-title { font-size:12px; }
  .guide-toc-current { display:block; color:#8793a0; font-size:11px; margin-left:3px; max-width:65%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .guide-toc-content { max-height:calc(100dvh - 190px); overflow:auto; padding-bottom:10px; }
  .guide-toc ol a { font-size:13px; padding:9px 10px; }
  .guide-sidebar-download { display:none; }
  .guide-article > section, .guide-article h3[id] { scroll-margin-top:88px; }
}
@media (max-width:600px) {
  .v380-guide { margin-inline:20px; padding-top:22px; padding-bottom:48px; }
  .guide-breadcrumbs { margin-bottom:25px; font-size:11px; gap:6px; }
  .guide-kicker { font-size:10px; gap:8px; margin-bottom:14px; }
  .guide-series-position { padding-left:8px; }
  .v380-guide h1 { font-size:31px; line-height:1.23; letter-spacing:-.02em; margin-bottom:17px; }
  .guide-intro { font-size:16px; line-height:1.8; }
  .guide-meta { font-size:11px; }
  .guide-quick-links { gap:7px; margin-top:20px; }
  .guide-quick-links > span { width:100%; margin:0 0 1px; }
  .guide-quick-links a { padding:5px 10px; font-size:11px; min-height:35px; }
  .guide-toc-current { max-width:57%; }
  .guide-article { font-size:16px; line-height:1.85; }
  .guide-article > section { margin-bottom:40px; }
  .guide-article h2 { font-size:24px; line-height:1.4; margin-bottom:17px; }
  .guide-article h3 { font-size:19px; line-height:1.5; }
  .guide-article h4 { font-size:16px; }
  .guide-article p { margin-bottom:18px; }
  .guide-article figure { margin:22px 0 25px; border-radius:6px; }
  .guide-figure-toolbar { padding:9px 10px; }
  .guide-article figcaption { font-size:11px; padding:10px 12px; }
  .guide-note, .guide-article .note, .guide-article .password-rules { padding:16px; font-size:13px; }
  .guide-table-wrap { overflow:visible; border:0; border-radius:0; }
  .guide-article table, .guide-article tbody { display:block; }
  .guide-article thead { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); }
  .guide-article tbody { display:grid; gap:12px; }
  .guide-article tr { display:block; border:1px solid #dfe7f0; border-radius:7px; overflow:hidden; }
  .guide-article td { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); gap:16px; min-width:0; padding:12px 14px; font-size:13px; line-height:1.7; }
  .guide-article td::before { content:attr(data-label); color:#748397; font-size:11px; line-height:1.9; }
  .guide-article td:first-child { background:#f5f8fc; color:#3b5672; font-weight:600; }
  .guide-article tr td:last-child { border-bottom:0; }
  .guide-related ul { grid-template-columns:1fr; gap:10px; }
  .guide-next { padding:20px; }
  .guide-next a { font-size:16px; }
  .guide-back-top { right:14px; bottom:14px; width:38px; height:38px; }
  .guide-lightbox { width:calc(100vw - 16px); padding:12px; border-radius:8px; }
  .guide-lightbox-header { flex-direction:column; align-items:stretch; gap:10px; margin-bottom:10px; }
  .guide-lightbox-actions { justify-content:flex-end; }
  .guide-lightbox-actions button { min-height:38px; padding-inline:14px; }
  .guide-lightbox-stage { max-height:calc(100dvh - 235px); }
  .guide-lightbox-stage img { max-height:calc(100dvh - 237px); }
}
@media print { .guide-toc, .guide-quick-links, .guide-related, .guide-next, .guide-lightbox, .guide-back-top, .v380-site-header, .v380-site-footer { display:none; } .guide-layout { display:block; } .v380-guide { padding:0; margin:0; max-width:none; } .guide-article figure { break-inside:avoid; } .guide-figure-toolbar { display:none; } }
@media (prefers-reduced-motion:reduce) { .v380-guide *, .guide-lightbox * { scroll-behavior:auto !important; } }