/* User manual directory; PC guide cards share the approved PC hub styles. */
.v380-manual-page { margin:0; background:#fff; color:#334355; font:16px/1.75 Arial,Helvetica,sans-serif; }
.v380-manual-page *, .v380-manual-page *::before, .v380-manual-page *::after { box-sizing:border-box; }
.v380-manual-page > .skip-link { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); }
.v380-manual-page > .skip-link:focus { position:fixed; top:8px; left:8px; z-index:200; width:auto; height:auto; margin:0; padding:10px 16px; overflow:visible; clip-path:none; background:#fff; color:#1e73be; border:2px solid #3288ea; border-radius:4px; }
.manual-hub-shell { width:min(1000px,calc(100% - 64px)); margin:0 auto; padding:30px 0 64px; }
.manual-hub-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:9px; color:#81909e; font-size:12px; line-height:1.6; }
.manual-hub-breadcrumb a { color:#65778b; text-decoration:none; }
.manual-hub-intro { max-width:720px; margin:35px auto 44px; text-align:center; }
.manual-hub-kicker { margin:0 0 13px; color:#2772b5; font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.manual-hub-intro h1 { margin:0; color:#293c50; font:600 clamp(31px,4vw,42px)/1.2 Arial,Helvetica,sans-serif; letter-spacing:-.8px; text-wrap:balance; }
.manual-hub-intro > p:not(.manual-hub-kicker) { max-width:620px; margin:18px auto 0; color:#6d7a89; font-size:16px; line-height:1.8; }
.manual-hub-jumps { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:24px; }
.manual-hub-jumps a { display:inline-flex; align-items:center; gap:12px; min-height:42px; padding:8px 15px; border:1px solid #dae5f1; border-radius:6px; background:#f7fafe; color:#3d709f; font-size:13px; line-height:1.6; text-decoration:none; }
.manual-hub-jumps a span { color:#8aabc8; }
.manual-hub-jumps a:hover { border-color:#9ebfdf; background:#edf5fd; }
.manual-hub-section { margin-top:46px; scroll-margin-top:30px; }
.manual-hub-section + .manual-hub-section { padding-top:36px; border-top:1px solid #e3e9f0; }
.manual-hub-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:23px; }
.manual-hub-section h2 { margin:0; color:#30445a; font:600 27px/1.35 Arial,Helvetica,sans-serif; letter-spacing:-.35px; text-wrap:balance; }
.manual-hub-section-heading p { max-width:670px; margin:9px 0 0; color:#778493; font-size:14px; line-height:1.8; }
.manual-hub-section-heading > a { flex-shrink:0; padding-bottom:2px; color:#2772b5; font-size:12px; line-height:1.7; text-decoration:none; }
.manual-hub-section-heading > a:hover { text-decoration:underline; text-underline-offset:3px; }
.manual-camera-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; overflow:hidden; border:1px solid #dbe5ef; border-radius:8px; background:#fbfcfe; text-decoration:none; color:inherit; }
.manual-camera-media { display:block; aspect-ratio:16/10; background:#f3f7fc; border-right:1px solid #e0e7ef; }
.manual-camera-media img { display:block; width:100%; height:100%; padding:18px; object-fit:contain; }
.manual-camera-copy { padding:30px; }
.manual-camera-label { display:inline-block; color:#6d89a6; font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; margin-bottom:10px; }
.manual-camera-copy h3 { margin:0 0 11px; color:#30445a; font:600 22px/1.4 Arial,Helvetica,sans-serif; }
.manual-camera-copy p { margin:0 0 19px; color:#738193; font-size:14px; line-height:1.8; }
.manual-camera-action { color:#2772b5; font-size:13px; font-weight:600; }
.manual-camera-card:hover { border-color:#9dbfe1; background:#f7faff; }
.manual-hub-help { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px 32px; margin-top:42px; padding:24px 28px; border:1px solid #e0e8f2; border-radius:8px; background:#f7faff; }
.manual-hub-help h2 { margin:0 0 5px; font:600 19px/1.5 Arial,Helvetica,sans-serif; color:#3a5067; }
.manual-hub-help p { margin:0; color:#7a8897; font-size:13px; }
.manual-hub-help nav { display:flex; flex-wrap:wrap; gap:12px 24px; }
.manual-hub-help a { display:inline-flex; align-items:center; min-height:40px; color:#2772b5; font-size:13px; text-decoration:none; }
.manual-hub-help a:hover { text-decoration:underline; text-underline-offset:3px; }
.v380-manual-hub :is(a,summary,button):focus-visible { outline:2px solid #3288ea; outline-offset:4px; }
@media(max-width:760px) {
  .manual-hub-shell { width:calc(100% - 40px); padding-top:24px; padding-bottom:44px; }
  .manual-hub-intro { margin:27px auto 34px; }
  .manual-hub-intro > p:not(.manual-hub-kicker) { font-size:14px; }
  .manual-hub-section { margin-top:34px; }
  .manual-hub-section-heading { flex-direction:column; align-items:flex-start; gap:10px; }
  .manual-hub-section h2 { font-size:24px; }
  .manual-hub-section-heading p { font-size:13px; }
  .manual-camera-card { grid-template-columns:1fr; }
  .manual-camera-media { aspect-ratio:16/9; border-right:0; border-bottom:1px solid #e0e7ef; }
  .manual-camera-copy { padding:23px; }
  .manual-camera-copy h3 { font-size:20px; }
  .manual-hub-help { padding:22px; }
}
@media(max-width:400px) { .manual-hub-jumps { gap:8px; } .manual-hub-jumps a { padding-inline:12px; font-size:12px; } }