/* Ledgavo guides — article layout on top of the product page's styles.css */
.article-wrap { width: min(calc(100% - 40px), 760px); margin: 0 auto; padding: 48px 0 80px; }
.breadcrumb { margin: 0 0 28px; color: var(--ink-soft); font-size: .85rem; }
.breadcrumb a { color: inherit; }
.article-head { margin-bottom: 36px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.article-head h1 { font-size: clamp(2rem, 4.2vw, 3rem); margin-bottom: 18px; }
.standfirst { color: var(--ink-soft); font-size: 1.15rem; line-height: 1.55; }
.article-meta { margin: 0; color: var(--ink-soft); font-size: .85rem; }
.article-wrap h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); margin: 44px 0 14px; }
.article-wrap h3 { font-size: 1.15rem; margin: 28px 0 8px; font-family: "Avenir Next", Avenir, sans-serif; }
.article-wrap p, .article-wrap li { font-size: 1.02rem; line-height: 1.65; }
.article-wrap ol, .article-wrap ul { padding-left: 22px; }
.article-wrap li { margin-bottom: 8px; }
.article-wrap code { font-family: ui-monospace, Menlo, monospace; font-size: .92em; background: var(--mist); padding: 1px 5px; border-radius: 4px; }
.route { margin: 20px 0; padding: 18px 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper-bright); }
.route h3 { margin-top: 0; }
.route .route-verdict { margin: 10px 0 0; font-size: .92rem; color: var(--ink-soft); }
.honest { padding: 18px 20px; border-left: 4px solid var(--gold); background: var(--mist); border-radius: 0 12px 12px 0; }
.ledgavo-card { margin: 48px 0 20px; padding: 26px 28px; border-radius: var(--radius-md); background: var(--navy-deep); color: white; }
.ledgavo-card h2 { margin-top: 0; font-size: 1.4rem; }
.ledgavo-card p { color: var(--navy-soft); }
.ledgavo-card a { color: white; }
.ledgavo-card .button { margin-right: 14px; }
.more-guides { color: var(--ink-soft); font-size: .9rem; }
.guide-list { list-style: none; padding: 0; }
.guide-list li { padding: 18px 0; border-bottom: 1px solid var(--line); }
.guide-list a { font-weight: 800; text-decoration: none; font-size: 1.1rem; }
.guide-list p { margin: 6px 0 0; color: var(--ink-soft); }
@media (max-width: 760px) { .article-wrap { padding: 28px 0 60px; } }