/* PDF manual pages reuse the site design system while remaining independent of deferred AI Support work. */
.manual-index-hero, .manual-hero, .manual-help, .manual-content, .manual-related { max-width: var(--page-max, 1180px); margin: 40px auto; padding: 0 var(--page-gutter, 24px); }
.manual-index-hero { padding-top: 42px; max-width: 860px; margin-bottom: 24px; }
.manual-grid-section { max-width: var(--page-max, 1180px); margin: 40px auto; padding: 0 var(--page-gutter, 24px); }
.manual-grid-section .section-heading { display: block; max-width: 760px; }
.manual-index-hero .support-search { display: grid; gap: 8px; max-width: 680px; margin-top: 22px; }
.manual-index-hero input { width: 100%; border: 1px solid rgba(8,93,83,.22); border-radius: 12px; padding: 13px 14px; font: inherit; background: #fff; color: var(--ink, #102621); }
.manual-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.manual-card, .manual-help, .manual-content article, .manual-disclaimer { border: 1px solid rgba(8,93,83,.14); border-radius: 18px; background: #fff; box-shadow: 0 18px 48px rgba(11,41,36,.06); }
.manual-card { color: inherit; display: grid; gap: 10px; padding: 14px; transition: transform .18s ease, box-shadow .18s ease; }
.manual-card-main { color: inherit; text-decoration: none; display: grid; gap: 9px; }
.manual-card:hover { transform: translateY(-2px); box-shadow: 0 22px 52px rgba(11,41,36,.12); }
.manual-card-image { display: grid; place-items: center; min-height: 178px; overflow: hidden; border-radius: 11px; background: linear-gradient(135deg,#def5ef,#f6faf8); color: #08796d; font-weight: 800; }
.manual-card-image img { width: 100%; height: 178px; object-fit: contain; mix-blend-mode: multiply; }
.manual-pdf-link { display: inline-flex; width: fit-content; color: #08796d; font-weight: 800; text-decoration: none; border-bottom: 1px solid currentColor; }
.manual-card small, .manual-card span { color: #536863; }
.manual-card b { color: #08796d; }
.manual-hero { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(260px,.7fr); gap: 36px; align-items: start; padding-top: 26px; }
.manual-reading-layout { max-width: var(--page-max,1180px); margin: 20px auto 64px; padding: 0 var(--page-gutter,24px); display:grid; grid-template-columns:220px minmax(0,820px); justify-content:center; gap:52px; }
.manual-toc { position:sticky; top:96px; align-self:start; padding:18px 0; border-top:2px solid #08796d; }
.manual-toc nav { display:grid; gap:2px; margin:12px 0 24px; }
.manual-toc nav a { padding:8px 0; color:#38534c; text-decoration:none; border-bottom:1px solid rgba(8,93,83,.12); font-weight:700; }
.manual-toc nav a:hover, .manual-toc-callout a { color:#08796d; }
.manual-toc-callout { padding:16px; border-radius:14px; background:#eef8f5; color:#38534c; font-size:.93rem; }
.manual-toc-callout p { margin:.45rem 0 .8rem; }
.manual-toc-callout a { font-weight:800; }
.manual-reading-layout .manual-content { max-width:none; margin:0; padding:0; }
.manual-content article { line-height:1.7; }
.manual-content article + article, .manual-visuals + article { margin-top:20px; }
.manual-note { border-left:3px solid #08796d; padding:10px 14px; background:#f1faf7; border-radius:0 10px 10px 0; }
.manual-visuals { margin:20px 0; padding:clamp(22px,4vw,38px); border:1px solid rgba(8,93,83,.14); border-radius:18px; background:#f7fbf9; }
.manual-visual-grid { display:grid; grid-template-columns:1fr; gap:24px; margin-top:24px; }
.manual-visual-card { margin:0; overflow:hidden; border:1px solid rgba(8,93,83,.14); border-radius:13px; background:#fff; }
.manual-visual-card img { display:block; width:100%; height:auto; max-height:680px; object-fit:contain; object-position:top; background:#fff; }
.manual-visual-card figcaption { display:grid; gap:6px; padding:14px; color:#536863; font-size:.9rem; line-height:1.45; }
.manual-visual-card figcaption strong { color:var(--ink,#102621); font-size:1rem; }
.breadcrumbs { max-width: var(--page-max,1180px); margin: 24px auto 0; padding: 0 var(--page-gutter,24px); display: flex; gap: 8px; color: #58706a; font-size: .92rem; }
.breadcrumbs a { color: inherit; }
.manual-status { font-weight: 800; color: #08796d; }
.manual-content { display: grid; gap: 20px; max-width: 900px; }
.manual-content article { padding: clamp(22px,4vw,38px); }
.manual-content details { border-top: 1px solid rgba(8,93,83,.14); padding: 16px 0; }
.manual-content summary { cursor: pointer; font-weight: 800; }
.manual-disclaimer { padding: 18px 22px; color: #536863; }
.manual-help { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: clamp(24px,4vw,40px); background: #eef8f5; }
@media (max-width: 900px) { .manual-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .manual-hero { grid-template-columns: 1fr; gap: 20px; } .manual-reading-layout { grid-template-columns:1fr; gap:20px; } .manual-toc { position:static; display:none; } .manual-help { align-items: flex-start; flex-direction: column; } }
@media (max-width: 520px) { .manual-index-hero, .manual-hero, .manual-help, .manual-content, .manual-related { margin: 24px auto; padding-left: 14px; padding-right: 14px; } .manual-grid-section,.manual-reading-layout { margin: 24px auto; padding-left: 14px; padding-right: 14px; } .manual-card-grid,.manual-visual-grid { grid-template-columns: 1fr; } .manual-card { padding: 13px; } .manual-card-image { min-height: 150px; } .manual-card-image img { height: 150px; } .manual-visual-card img { height:auto; object-fit:contain; } }