.quick-manual { max-width: 1240px; padding-top: 120px; }
.quick-manual h1 { font-size: clamp(1.9rem, 4vw, 2.7rem); margin-bottom: 12px; }
.quick-manual .support-eyebrow { margin-bottom: 10px; }
.quick-manual .support-lead { font-size: .95rem; line-height: 1.7; }
.manual-overview { margin: 22px 0 24px; }
.manual-version { margin: 24px 0 28px; font-size: .9rem; }
.manual-visual { position: relative; overflow: hidden; width: 170px; max-width: 100%; height: 150px; margin: 0 0 22px; align-self: center; }
.manual-visual img { position: absolute; width: 600px; max-width: none; height: 200px; left: 50%; top: -16px; transform: translateX(-12.5%); }
.manual-visual--1 img { transform: translateX(-37.5%); }
.manual-visual--2 img { transform: translateX(-62.5%); }
.manual-visual--3 img { transform: translateX(-87.5%); }
.manual-visual figcaption { position: absolute; bottom: 0; right: 0; background: rgba(255,255,255,.92); font-size: .75rem; color: var(--color-text-muted); }
.manual-extra { margin-bottom: 18px; font-size: .88rem; }
.manual-extra summary { cursor: pointer; text-decoration: underline; text-underline-offset: 4px; margin-bottom: 12px; }
.manual-card code { overflow-wrap: anywhere; }
.manual-overview img { display: block; width: 100%; height: clamp(110px, 17vw, 230px); object-fit: cover; object-position: center 65%; }
.manual-overview figcaption { text-align: right; font-size: .72rem; color: var(--color-text-muted); }
.manual-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.manual-card { display: flex; flex-direction: column; border: 1px solid var(--color-border); border-radius: var(--radius-sm); padding: 28px; scroll-margin-top: 100px; font-size: .94rem; line-height: 1.85; }
.manual-card header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.manual-card header > span { color: var(--color-accent-strong); font-size: .8rem; }
.manual-card h2 { font-family: var(--font-sans); font-size: 1.2rem; }
.manual-card ol { padding-left: 20px; }
.manual-card li { margin-bottom: 6px; padding-left: 3px; }
.manual-card p { margin-bottom: 12px; }
.manual-card dl > div { display: grid; grid-template-columns: 110px 1fr; gap: 8px; margin-bottom: 10px; }
.manual-card dt { font-weight: 600; }
.manual-card dd { margin: 0; color: var(--color-text-secondary); }
.manual-card .manual-tip { margin: auto 0 0; padding-top: 16px; border-top: 1px solid var(--color-border); font-size: .84rem; color: var(--color-text-secondary); }
.manual-card > ol, .manual-card > dl { margin-bottom: 20px; }
.manual-card blockquote { border-left: 2px solid var(--color-accent); padding: 8px 14px; margin: 12px 0; background: var(--color-surface); }
.manual-card blockquote span { display: block; font-size: .78rem; color: var(--color-text-muted); }
.manual-examples { font-size: .82rem; }
.manual-faq { margin-top: 24px; border-bottom: 1px solid var(--color-border); padding: 16px 0; font-size: .9rem; line-height: 1.9; }
.manual-faq summary { cursor: pointer; font-weight: 600; }
.manual-faq > div { margin-top: 16px; }
@media (max-width: 700px) { .manual-grid { grid-template-columns: 1fr; } .manual-card { padding: 20px; } .quick-manual { padding-top: 110px; } }
@media print { .nav, .footer, .skip-link { display: none !important; } .quick-manual { padding: 0; max-width: none; } .manual-overview img { max-height: 100px; } .manual-card { break-inside: avoid; padding: 12px; font-size: 10pt; } .manual-grid { gap: 12px; } .manual-faq { display: none; } }