/* Standalone handbook. Only html[data-page=manual] is restyled. */
html[data-page="manual"] { scroll-behavior: smooth; }
html[data-page="manual"] .manual-page {
  color: var(--ink);
  background: var(--paper);
  padding-bottom: 100px;
}
.manual-page a { text-underline-offset: 3px; }
.manual-hero {
  padding-top: 90px;
  padding-bottom: 66px;
  border-bottom: 1px solid var(--line);
}
.manual-hero .eyebrow {
  color: var(--accent);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .13em;
}
.manual-hero h1 {
  max-width: 1030px;
  margin: 20px 0 24px;
  font-size: clamp(42px, 6.3vw, 82px);
  line-height: 1.08;
  letter-spacing: -.055em;
  overflow-wrap: anywhere;
}
.manual-subtitle {
  max-width: 770px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.85;
}
.manual-tags { display:flex;gap:10px;flex-wrap:wrap;margin-top:26px; }
.manual-tags span {
  border: 1px solid var(--line);
  border-radius: 0;
  padding: 7px 13px;
  font-size: 12px;
  color: var(--muted);
}
.manual-hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-top:34px; }
.manual-hero-actions .button,.manual-cta .button { min-height: 48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;text-decoration:none; }
.manual-outline { border:1px solid var(--ink);background:transparent;color:var(--ink); }
.manual-outline:hover { background:var(--ink);color:#fff; }
.manual-layout {
  display:grid;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr);
  gap:clamp(32px,5vw,82px);
  padding-top:62px;
}
.manual-toc { min-width:0; }
.manual-toc-inner { position:sticky;top:115px; }
.manual-toc-inner > p { margin:0 0 18px;font-size:13px;font-weight:750;letter-spacing:.04em; }
.manual-toc nav { display:grid;gap:3px; }
.manual-toc a {
  display:flex;
  align-items:baseline;
  gap:12px;
  text-decoration:none;
  padding:12px 10px;
  border-left:2px solid transparent;
  font-size:13px;
  line-height:1.5;
  color:var(--muted);
  overflow-wrap:anywhere;
}
.manual-toc a:hover,.manual-toc a:focus-visible { color:var(--accent);border-left-color:var(--accent);background:rgba(199,72,43,.035); }
.manual-toc a span { color:var(--accent);font-size:11px;font-weight:750;flex:none; }
.manual-content { min-width:0; }
.manual-section {
  scroll-margin-top:120px;
  padding-bottom:64px;
  margin-bottom:58px;
  border-bottom:1px solid var(--line);
}
.manual-section-head { display:flex;align-items:baseline;gap:16px;margin-bottom:16px; }
.manual-section .manual-num { font-size:13px; font-weight:750;color:var(--accent);flex:none; }
.manual-section h2 {
  margin:0;
  font-size:clamp(26px,3vw,39px);
  line-height:1.2;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.manual-section-lead { max-width:780px;margin:0 0 25px;color:#4e544b;font-size:17px;line-height:1.85; }
.manual-points,.manual-steps { margin:0;padding:0;list-style:none;display:grid;gap:11px; }
.manual-points li,.manual-steps li {
  position:relative;
  padding:18px 20px 18px 47px;
  background:var(--white);
  border:1px solid var(--line);
  font-size:14px;
  line-height:1.85;
  overflow-wrap:anywhere;
}
.manual-points li::before { content:'•';position:absolute;top:19px;left:22px;color:var(--accent);font-weight:900;font-size:19px;line-height:1.1; }
.manual-steps { counter-reset:step; }
.manual-steps li { counter-increment:step; }
.manual-steps li::before {
  content:counter(step,decimal-leading-zero);
  position:absolute;top:21px;left:15px;font-size:12px;font-weight:800;color:var(--accent);
}
.manual-evidence { border-top:3px solid var(--accent);padding-top:34px; }
.manual-evidence .manual-points li:first-child { border-left:3px solid var(--accent); }
.manual-visual {
  width:100%;
  overflow:hidden;
  margin:26px 0 0;
  border:1px solid var(--line);
  background:#faf7f2;
}
.manual-visual picture,.manual-visual img { display:block;width:100%; }
.manual-visual img { height:auto; }
.manual-cta { padding:45px; background:#252923;color:#fff; }
.manual-cta h2 { margin:0 0 15px;font-size:clamp(26px,3vw,36px);color:#fff; }
.manual-cta p { color:#e0e3dc;line-height:1.8;max-width:700px;margin:0 0 26px; }
.manual-cta .button { background:var(--accent);color:#fff;border:none; }
@media(max-width:900px) {
  .manual-hero { padding-top:60px;padding-bottom:45px; }
  .manual-layout { grid-template-columns:1fr;gap:36px;padding-top:36px; }
  .manual-toc-inner { position:static; }
  .manual-toc nav { display:flex;flex-wrap:wrap;gap:7px; }
  .manual-toc a { border:1px solid var(--line);padding:9px 11px;background:var(--white); }
  .manual-toc a:hover { border-color:var(--accent); }
}
@media(max-width:600px) {
  .manual-hero { padding-top:40px;padding-bottom:35px; }
  .manual-hero h1 { font-size:clamp(32px,9.2vw,44px); }
  .manual-subtitle { font-size:15px; }
  .manual-hero-actions .button { width:100%; }
  .manual-section { padding-bottom:42px;margin-bottom:42px;scroll-margin-top:88px; }
  .manual-section-head { gap:10px; }
  .manual-section h2 { font-size:clamp(25px,7vw,31px); }
  .manual-section-lead { font-size:15px; }
  .manual-points li,.manual-steps li { font-size:13px;padding:14px 14px 14px 39px; }
  .manual-points li::before { left:17px;top:15px; }
  .manual-steps li::before { left:11px;top:16px; }
  .manual-cta { padding:28px 22px; }

  /* Long localized footer taglines previously forced a wider viewport on 320px. */
  html[data-page="manual"] .site-footer .brand {
    min-width:0;
    max-width:100%;
    white-space:normal;
  }
  html[data-page="manual"] .site-footer .brand > span,
  html[data-page="manual"] .site-footer .footer-top > p {
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  /* Long translated footer links must wrap instead of widening the viewport. */
  html[data-page="manual"] .footer-bottom nav {
    flex-wrap:wrap;
    max-width:100%;
    gap:10px 15px;
  }
  html[data-page="manual"] .footer-bottom nav a {
    overflow-wrap:anywhere;
  }
}
@media(prefers-reduced-motion:reduce) { html[data-page="manual"] {scroll-behavior:auto;} }

/* Verified official extension store destinations. */
.manual-store-links { display:flex; flex-wrap:wrap;gap:10px;margin:19px 0 12px; }
.manual-store-links a { display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;
  background:#fff;color:var(--ink);font-size:13px;font-weight:650;text-decoration:none;line-height:1.4; }
.manual-store-links a:hover { border-color:var(--accent);color:var(--accent); }
@media(max-width:620px){ .manual-store-links {display:grid;grid-template-columns:1fr;} .manual-store-links a{justify-content:flex-start;} }