/* October 2026: scoped guide and authenticity presentation. */
body.guide-detail-polished #main.guide-hub,
body.auth-hub #main.auth-page {
  --detail-border:#e3e7ed;
  --detail-muted:#646d79;
  --detail-blue:#0066cc;
  max-width:1160px;
  padding-right:24px;
  padding-left:24px;
}
body.guide-detail-polished { background:#fff; }
body.auth-hub { background:#fafbfc; }
body.auth-hub #main.auth-page { padding-top:44px; }
body.guide-detail-polished #main.guide-hub .beginner-head,
body.auth-hub #main.auth-page .auth-hub-heading {
  max-width:none;
  margin:0 0 28px;
  padding:44px 0 28px;
  border-bottom:1px solid var(--detail-border);
  text-align:left;
}
body.auth-hub #main.auth-page .auth-hub-heading { padding-top:0; }
body.guide-detail-polished #main.guide-hub .beginner-head .eyebrow,
body.auth-hub #main.auth-page .auth-hub-heading .auth-badge {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--detail-blue);
  font-size:12px;
  font-weight:600;
  letter-spacing:.06em;
}
body.guide-detail-polished #main.guide-hub .beginner-head .eyebrow::before,
body.auth-hub #main.auth-page .auth-hub-heading .auth-badge::before {
  content:"";
  flex:0 0 22px;
  height:2px;
  background:#0071e3;
}
body.guide-detail-polished #main.guide-hub .beginner-head h1,
body.auth-hub #main.auth-page .auth-hub-heading h1 {
  max-width:900px;
  margin:15px 0 18px;
  font-size:clamp(36px,3.8vw,46px);
  font-weight:650;
  line-height:1.24;
  letter-spacing:-1.3px;
  text-wrap:pretty;
}
body.guide-detail-polished #main.guide-hub .beginner-head>p,
body.auth-hub #main.auth-page .auth-hub-heading .lead {
  max-width:760px;
  margin:0;
  color:var(--detail-muted);
  font-size:16px;
  line-height:1.85;
}
body.guide-detail-polished #main.guide-hub .guide-hub-actions { justify-content:flex-start; margin-top:22px; }
body.guide-detail-polished #main.guide-hub .help-now { color:var(--detail-muted); }
body.guide-detail-polished #main.guide-hub .guide-before {
  padding:23px 26px;
  margin-bottom:24px;
  border:1px solid #dce6f1;
  border-radius:16px;
  background:#f6f9fd;
}
body.guide-detail-polished #main.guide-hub .guide-before h2 { font-size:19px; margin-bottom:16px; }
body.guide-detail-polished #main.guide-hub .guide-before ol { gap:24px; }
body.guide-detail-polished #main.guide-hub .guide-before li { color:#546170; }
body.guide-detail-polished #main.guide-hub .guide-before li+li { padding-left:24px; border-left:1px solid #dce6f1; }
body.guide-detail-polished #main.guide-hub .lesson-nav {
  gap:4px;
  padding:6px;
  margin-bottom:24px;
  background:#f7f8fa;
  border-color:var(--detail-border);
  border-radius:12px;
}
body.guide-detail-polished #main.guide-hub .lesson-nav a { background:transparent; font-weight:500; border-radius:7px; }
body.guide-detail-polished #main.guide-hub .lesson-nav a:hover { background:#eaf2fc; color:#0066cc; }
body.guide-detail-polished #main.guide-hub .lesson-nav a[aria-current="step"] { background:#0071e3; color:#fff; box-shadow:none; }
body.guide-detail-polished #main.guide-hub .lesson {
  padding:32px;
  margin-bottom:26px;
  border:1px solid var(--detail-border);
  border-radius:18px;
  background:#fff;
}
body.guide-detail-polished #main.guide-hub .lesson:target { border-color:#accbe9; }
body.guide-detail-polished #main.guide-hub .lesson-title>span {
  padding:4px 10px;
  border:1px solid #dce8f6;
  border-radius:5px;
  background:#f1f7fe;
  color:#0066cc;
  font-size:11px;
  letter-spacing:.045em;
}
body.guide-detail-polished #main.guide-hub .lesson-title h2 { margin:14px 0 10px; font-size:30px; letter-spacing:-.7px; }
body.guide-detail-polished #main.guide-hub .lesson-title>p { color:var(--detail-muted); font-size:15px; }
body.guide-detail-polished #main.guide-hub .guide-visual {
  grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
  border-color:var(--detail-border);
  border-radius:13px;
  background:#fbfcfd;
}
body.guide-detail-polished #main.guide-hub .guide-visual-open { padding:20px; background:#f4f6f8; }
body.guide-detail-polished #main.guide-hub .guide-visual figcaption { padding:24px; letter-spacing:0; }
body.guide-detail-polished #main.guide-hub .guide-visual figcaption>strong { font-size:16px; line-height:1.7; }
body.guide-detail-polished #main.guide-hub .guide-zoom-hint { letter-spacing:0; }
body.guide-detail-polished #main.guide-hub .visual-legend b { background:#e3effc; color:#0066cc; }
body.guide-detail-polished #main.guide-hub #visual-cable { grid-template-columns:1fr; }
body.guide-detail-polished #main.guide-hub .plain-tip { border-color:#dce6f1; border-left-color:#7daddb; background:#f7fafe; border-radius:9px; }
body.guide-detail-polished #main.guide-hub .stop-note { border-color:#ebdcc5; background:#fffaf2; border-radius:9px; }
body.guide-detail-polished #main.guide-hub .done-note { border-color:#dfe9e1; background:#f6faf7; border-radius:9px; }
body.guide-detail-polished #main.guide-hub .lesson>details { border-color:var(--detail-border); border-radius:9px; }
body.guide-detail-polished #main.guide-hub .lesson-step-links { border-color:var(--detail-border); }
body.guide-detail-polished #main.guide-hub .lesson-help { padding:28px 32px; background:#f6f9fd; border-color:#dce6f1; text-align:left; }
body.guide-detail-polished #main.guide-hub .lesson-help p { margin:10px 0; }

body.auth-hub #main.auth-page .auth-hero {
  grid-template-columns:minmax(0,1fr) minmax(0,.98fr);
  gap:36px;
  padding:30px;
  margin-bottom:26px;
  border:1px solid var(--detail-border);
  border-radius:18px;
  background:#fff;
}
body.auth-hub #main.auth-page .auth-notice { padding:0 0 0 17px; border-left-color:#b48a49; }
body.auth-hub #main.auth-page .auth-notice h2 { font-size:22px; line-height:1.5; }
body.auth-hub #main.auth-page .auth-notice p { color:#646d79; font-size:14px; }
body.auth-hub #main.auth-page .auth-button { min-height:46px; padding:12px 19px; }
body.auth-hub #main.auth-page .auth-meta { color:#69727d; }
body.auth-hub #main.auth-page .auth-hero>.auth-preview { width:100%; padding:18px; border:1px solid #e5e9ef; border-radius:12px; background:#f6f8fb; }
body.auth-hub #main.auth-page .auth-preview img { border-color:#dce1e8; border-radius:7px; box-shadow:none; }
body.auth-hub #main.auth-page .auth-preview figcaption { color:#646d79; letter-spacing:0; }
body.auth-hub #main.auth-page .auth-toc { gap:10px; margin-bottom:26px; background:transparent; }
body.auth-hub #main.auth-page .auth-toc>a { min-height:68px; padding:17px 19px; gap:12px; border:1px solid var(--detail-border); border-radius:11px; font-size:14px; }
body.auth-hub #main.auth-page .auth-toc>a:hover { background:#f3f8fe; border-color:#aecde9; }
body.auth-hub #main.auth-page .auth-toc>a>span { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; border-radius:6px; background:#edf5ff; }
body.auth-hub #main.auth-page .auth-more-links { justify-content:flex-start; gap:8px 24px; padding:0 4px; }
body.auth-hub #main.auth-page .auth-more-links a { padding:4px 0; background:transparent; border-radius:0; color:#646d79; }
body.auth-hub #main.auth-page .auth-section { padding:32px; margin-bottom:22px; border:1px solid var(--detail-border); border-radius:18px; }
body.auth-hub #main.auth-page .auth-section h2 { margin-bottom:24px; font-size:28px; letter-spacing:-.6px; }
body.auth-hub #main.auth-page .auth-section h2::before { content:""; display:block; width:26px; height:2px; margin-bottom:13px; background:#9ec4ea; }
body.auth-hub #main.auth-page .auth-section p,
body.auth-hub #main.auth-page .auth-section li { color:#646d79; }
body.auth-hub #main.auth-page .auth-prepare-list { gap:12px; }
body.auth-hub #main.auth-page .auth-prepare-list li { border:1px solid #e9edf2; border-radius:10px; background:#f8fafc; }
body.auth-hub #main.auth-page .auth-prepare-list li::before { color:#0066cc; }
body.auth-hub #main.auth-page .auth-step { padding:25px; border:1px solid #e5e9ef; border-radius:12px; background:#fbfcfd; }
body.auth-hub #main.auth-page .auth-number { display:inline-block; max-width:100%; height:auto; width:auto; padding:0; border-radius:0; background:transparent; color:#0066cc; font-size:11px; line-height:1.7; }
body.auth-hub #main.auth-page .auth-step h3 { font-size:20px; }
body.auth-hub #main.auth-page .auth-result { padding:23px; border:1px solid #e2e7ed; border-top:3px solid #b7c8dc; border-radius:11px; background:#f8fafc; }
body.auth-hub #main.auth-page .auth-result.warning { border-color:#eadfc9; border-top-color:#c09b59; background:#fdfaf4; }
body.auth-hub #main.auth-page .auth-result h3 { margin-bottom:12px; font-size:18px; line-height:1.6; }
body.auth-hub #main.auth-page .auth-device-reference { border:1px solid #e5e9ef; border-radius:12px; background:#f8fafc; }
body.auth-hub #main.auth-page .auth-device-reference img { margin-right:auto!important; margin-left:auto!important; }
body.auth-hub #main.auth-page .auth-device-reference figcaption { letter-spacing:0; }
body.auth-hub #main.auth-page .auth-footer-cta { padding:25px; border:1px solid #dce6f1; border-radius:12px; background:#f6f9fd; }
body.auth-hub #main.auth-page .auth-help>.auth-preview { padding:14px; border:1px solid #e5e9ef; border-radius:12px; background:#f8fafc; }
body.auth-hub #main.auth-page .auth-section details { border-color:var(--detail-border); }
body.auth-hub #main.auth-page .auth-topic-checksum { background:#f5f8fc; }

@media(max-width:900px) {
  body.auth-hub #main.auth-page .auth-hero { grid-template-columns:1fr; gap:26px; }
  body.auth-hub #main.auth-page .auth-hero>.auth-preview { width:min(100%,620px); }
  body.auth-hub #main.auth-page .auth-toc { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
  body.guide-detail-polished #main.guide-hub,
  body.auth-hub #main.auth-page { padding-right:18px; padding-left:18px; }
  body.auth-hub #main.auth-page { padding-top:30px; }
  body.guide-detail-polished #main.guide-hub .beginner-head,
  body.auth-hub #main.auth-page .auth-hub-heading { padding:30px 0 24px; margin-bottom:22px; }
  body.auth-hub #main.auth-page .auth-hub-heading { padding-top:0; }
  body.guide-detail-polished #main.guide-hub .beginner-head h1,
  body.auth-hub #main.auth-page .auth-hub-heading h1 { max-width:none; font-size:32px; margin:14px 0 16px; line-height:1.28; letter-spacing:-.75px; }
  body.guide-detail-polished #main.guide-hub .beginner-head>p,
  body.auth-hub #main.auth-page .auth-hub-heading .lead { font-size:14px; }
  body.guide-detail-polished #main.guide-hub .beginner-head .eyebrow,
  body.auth-hub #main.auth-page .auth-hub-heading .auth-badge { font-size:11px; letter-spacing:.025em; }
  body.guide-detail-polished #main.guide-hub .guide-hub-actions { margin-top:18px; }
  body.guide-detail-polished #main.guide-hub .guide-before { padding:20px; margin-bottom:18px; }
  body.guide-detail-polished #main.guide-hub .guide-before ol { gap:10px; }
  body.guide-detail-polished #main.guide-hub .guide-before li+li { padding:0; border:0; }
  body.guide-detail-polished #main.guide-hub .guide-before h2 { font-size:18px; }
  body.guide-detail-polished #main.guide-hub .lesson-nav { margin-bottom:18px; }
  body.guide-detail-polished #main.guide-hub .lesson { padding:22px 18px; margin-bottom:20px; border-radius:14px; }
  body.guide-detail-polished #main.guide-hub .lesson-title h2 { font-size:25px; letter-spacing:-.5px; }
  body.guide-detail-polished #main.guide-hub .lesson-title>p { font-size:14px; }
  body.guide-detail-polished #main.guide-hub .guide-visual { grid-template-columns:1fr; border-radius:10px; }
  body.guide-detail-polished #main.guide-hub .guide-visual-open { padding:12px; }
  body.guide-detail-polished #main.guide-hub .guide-visual figcaption { padding:17px; }
  body.guide-detail-polished #main.guide-hub .guide-visual figcaption>strong { font-size:15px; }
  body.guide-detail-polished #main.guide-hub .lesson-help { padding:23px 20px; }
  body.auth-hub #main.auth-page .auth-hero { padding:22px 18px; border-radius:14px; margin-bottom:20px; }
  body.auth-hub #main.auth-page .auth-notice { padding-left:13px; }
  body.auth-hub #main.auth-page .auth-notice h2 { font-size:20px; }
  body.auth-hub #main.auth-page .auth-notice p { font-size:13px; }
  body.auth-hub #main.auth-page .auth-hero>.auth-preview { padding:12px; }
  body.auth-hub #main.auth-page .auth-toc { gap:8px; margin-bottom:20px; }
  body.auth-hub #main.auth-page .auth-toc>a { gap:9px; padding:14px 12px; min-height:66px; font-size:13px; }
  body.auth-hub #main.auth-page .auth-toc>a>span { flex-basis:24px; width:24px; height:24px; font-size:10px; }
  body.auth-hub #main.auth-page .auth-more-links { gap:0 18px; padding:0; }
  body.auth-hub #main.auth-page .auth-section { padding:24px 18px; margin-bottom:18px; border-radius:14px; }
  body.auth-hub #main.auth-page .auth-section h2 { font-size:24px; margin-bottom:20px; }
  body.auth-hub #main.auth-page .auth-step,
  body.auth-hub #main.auth-page .auth-result { padding:21px 17px; }
  body.auth-hub #main.auth-page .auth-step h3 { font-size:19px; }
  body.auth-hub #main.auth-page .auth-result h3 { font-size:17px; }
  body.auth-hub #main.auth-page .auth-footer-cta,
  body.auth-hub #main.auth-page .auth-device-reference { padding:18px; }
}
@media(max-width:360px) {
  body.guide-detail-polished #main.guide-hub .beginner-head h1,
  body.auth-hub #main.auth-page .auth-hub-heading h1 { font-size:30px; }
  body.auth-hub #main.auth-page .auth-toc>a { flex-direction:column; align-items:flex-start; gap:7px; }
}