/* Scoped manual layout; shared navigation, colours and support widget stay unchanged. */
.manual-page { background:var(--bg-secondary); }
.manual-hero { padding:24px 0 32px; border-bottom:1px solid var(--border-color); background:var(--primary-soft); }
.manual-hero-content { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.manual-hero h1 { margin:6px 0 12px; font-size:clamp(1.9rem,3.4vw,2.75rem); line-height:1.25; }
.manual-hero p { color:var(--text-light); }
.manual-hero .btn { flex-shrink:0; }
.manual-badges { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:20px; font-size:.8rem; color:#475467; }
.manual-badges span { padding:4px 10px; background:#fff; border:1px solid #dfe2f5; border-radius:6px; }
.manual-mobile-break { display:none; }
.manual-layout { display:grid; grid-template-columns:232px minmax(0,1fr); gap:32px; align-items:start; padding-top:30px; padding-bottom:48px; }
.manual-sidebar { position:sticky; top:110px; max-height:calc(100dvh - 130px); overflow-y:auto; padding:18px 12px; border:1px solid var(--border-color); border-radius:14px; background:#fff; }
.manual-nav-title { padding:0 12px 12px; color:var(--text-color); font-size:.9rem; font-weight:700; }
.manual-toc { list-style:none; margin:0; padding:0; }
.manual-toc a { display:flex; gap:10px; align-items:baseline; padding:9px 10px; border-radius:7px; color:#475467; font-size:.85rem; }
.manual-toc a span { color:#667085; font-size:.75rem; font-variant-numeric:tabular-nums; }
.manual-toc a:hover,.manual-toc a:focus-visible { background:var(--primary-soft); color:var(--primary-color); }
.manual-sidebar-help { display:block; margin:16px 8px 0; padding-top:16px; border-top:1px solid var(--border-color); font-size:.8rem; color:var(--text-light); }
.manual-sidebar-help strong { display:block; margin-top:5px; color:var(--primary-color); }
.manual-content { min-width:0; }
.manual-section { margin-bottom:20px; padding:28px; background:#fff; border:1px solid var(--border-color); border-radius:14px; scroll-margin-top:120px; }
.manual-section:last-child { margin-bottom:0; }
.manual-section-heading { display:flex; align-items:baseline; gap:12px; margin-bottom:16px; }
.manual-section-heading > span { color:var(--primary-color); font-size:.82rem; font-weight:700; }
.manual-section h2 { margin:0; font-size:1.45rem; line-height:1.4; }
.manual-section h3 { margin:20px 0 8px; font-size:1.05rem; }
.manual-section p { margin:10px 0; color:#475467; line-height:1.85; }
.manual-section a:not(.btn) { color:var(--primary-color); text-decoration:underline; text-underline-offset:3px; }
.manual-section a:hover { color:var(--primary-hover); }
.manual-section > ol,.manual-section > ul { margin:12px 0 18px; padding-left:22px; }
.manual-section li { color:#475467; margin:8px 0; }
.manual-section img { display:block; max-width:100%; height:auto; }
.manual-two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:20px 0; }
.manual-inset { padding:18px; background:var(--bg-secondary); border:1px solid var(--border-color); border-radius:10px; }
.manual-inset h3 { margin:0 0 8px; }
.manual-inset ul { list-style:disc; padding-left:18px; font-size:.92rem; }
.manual-inset p:last-child { margin-bottom:0; }
.manual-section .manual-flow { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:20px 0; }
.manual-flow li { margin:0; }
.manual-section .manual-flow a { display:block; padding:8px 12px; border:1px solid #dfe2f5; border-radius:7px; text-decoration:none; background:var(--primary-soft); font-size:.88rem; }
.manual-note { margin:20px 0 0; padding:16px 18px; border-left:3px solid var(--primary-color); border-radius:0 8px 8px 0; background:var(--primary-soft); font-size:.92rem; }
.manual-note strong { color:#3730a3; }
.manual-note p { margin:5px 0 0; }
.manual-section .manual-steps { counter-reset:manual-step; list-style:none; padding:0; }
.manual-steps > li { position:relative; margin:20px 0; padding-left:38px; counter-increment:manual-step; }
.manual-steps > li::before { content:counter(manual-step); position:absolute; top:0; left:0; width:26px; height:26px; display:grid; place-items:center; border:1px solid #dfe2f5; border-radius:8px; color:var(--primary-color); background:var(--primary-soft); font-size:.82rem; font-weight:700; }
.manual-steps strong { color:var(--text-color); }
.manual-steps p { margin:5px 0 0; }
.manual-section .manual-success { padding:12px 16px; background:#f0fdf8; border:1px solid #c7eadc; border-radius:8px; color:#16624b; font-size:.9rem; }
.manual-disclosure { margin-top:20px; border:1px solid var(--border-color); border-radius:10px; padding:14px 16px; background:#fff; }
.manual-disclosure summary,.manual-faq summary { cursor:pointer; font-size:.95rem; font-weight:600; line-height:1.6; }
.manual-disclosure[open] summary { margin-bottom:16px; }
.manual-disclosure figcaption { margin-top:10px; }
.manual-section figcaption { font-size:.85rem; color:var(--text-light); }
.manual-label-figure { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:24px; align-items:center; padding:24px; margin:24px 0; background:var(--primary-soft); border-radius:12px; }
.manual-sample-label { padding:18px; border:1px solid #dfe2f5; border-radius:10px; background:#fff; box-shadow:0 8px 20px rgba(35,40,90,.06); }
.manual-label-brand { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding-bottom:12px; border-bottom:1px dashed #d0d5dd; font-size:.84rem; }
.manual-label-brand img { width:36px; height:36px; border-radius:8px; object-fit:contain; flex-shrink:0; }
.manual-label-brand span { color:var(--text-light); font-size:.7rem; }
.manual-sample-label dl { margin:12px 0; font-size:.84rem; }
.manual-sample-label dl div { margin-bottom:9px; }
.manual-sample-label dt { color:var(--text-light); font-size:.74rem; }
.manual-sample-label dd { color:var(--text-color); font-weight:600; overflow-wrap:anywhere; }
.manual-sample-label p { border-top:1px dashed #d0d5dd; padding-top:10px; margin-bottom:0; font-size:.72rem; }
.manual-label-figure figcaption strong { color:var(--text-color); font-size:1.05rem; }
.manual-checklist { padding:18px 20px; margin-top:20px; background:var(--bg-secondary); border-radius:10px; }
.manual-checklist h3 { margin-top:0; }
.manual-checklist li { position:relative; padding-left:24px; }
.manual-checklist li::before { content:'✓'; position:absolute; left:0; color:#047857; font-weight:700; }
.manual-table-wrap { max-width:100%; margin:16px 0; }
.manual-table-wrap table { width:100%; border-collapse:collapse; font-size:.9rem; table-layout:fixed; }
.manual-table-wrap caption { text-align:left; margin-bottom:10px; font-size:.8rem; color:var(--text-light); }
.manual-table-wrap th,.manual-table-wrap td { border:1px solid var(--border-color); padding:12px; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.manual-table-wrap th:first-child { width:30%; }
.manual-table-wrap thead { background:var(--primary-soft); }
.manual-table-wrap tbody th { font-weight:500; }
.manual-faq details { padding:16px 0; border-bottom:1px solid var(--border-color); }
.manual-faq p { font-size:.92rem; }
.manual-related { padding-top:10px; font-size:.88rem; }
.manual-support { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:28px; align-items:center; }
.manual-support figure { text-align:center; }
.manual-support figure img { width:180px; border-radius:10px; border:1px solid var(--border-color); padding:6px; }
.manual-support figcaption { margin-top:8px; }
.manual-contact { overflow-wrap:anywhere; }
.manual-back { display:inline-block; margin-top:12px; font-size:.85rem; }
.manual-page a:focus-visible,.manual-page summary:focus-visible { outline:2px solid var(--primary-color); outline-offset:4px; }
@media (max-width:900px) {
    .manual-layout { grid-template-columns:1fr; gap:20px; }
    .manual-sidebar { position:static; max-height:none; padding:16px; }
    .manual-toc { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .manual-sidebar-help { display:none; }
    .manual-section { scroll-margin-top:110px; }
}
@media (max-width:600px) {
    .manual-hero { padding:20px 0 24px; }
    .manual-hero-content { align-items:flex-start; flex-direction:column; gap:18px; }
    .manual-badges { gap:8px; }
    .manual-layout { padding:20px 40px 48px 16px; }
    .manual-page .customer-service-trigger { width:32px; padding:10px 5px; font-size:.75rem; }
    .manual-page .customer-service-trigger svg { width:18px; height:18px; }
    .manual-section { padding:22px 18px; }
    .manual-section h2 { font-size:1.25rem; }
    .manual-two-col,.manual-label-figure,.manual-support { grid-template-columns:1fr; }
    .manual-label-figure { padding:18px; gap:18px; }
    .manual-toc a { padding:8px 4px; gap:6px; font-size:.78rem; }
    .manual-toc a span { font-size:.7rem; }
    .manual-support figure { justify-self:start; }
    .manual-steps > li { padding-left:34px; }
}
@media print {
    .site-header,.site-footer,.manual-sidebar,.customer-service-widget,.manual-hero .btn { display:none !important; }
    .manual-layout { display:block; padding:0; }
    .manual-hero { padding:16px 0; }
    .manual-section { border:0; padding:16px 0; }
}