/* Collexall freemium launch offer, article teasers and practical guides */
.free-offer{padding:clamp(24px,5vw,48px);border:1px solid #d8b46b;border-radius:22px;background:linear-gradient(125deg,#182633,#0b151f);text-align:center}
.free-offer h2{font-size:clamp(32px,5vw,58px);line-height:1.12;margin:20px 0;letter-spacing:-.03em}.free-offer h2 span{color:#e9c77d}
.free-offer>p{max-width:800px;margin:14px auto;color:var(--muted);font-size:18px}.free-offer .disclaimer{font-size:13px}
.free-copy{padding:12px 15px;border:1px solid rgba(224,173,89,.32);border-radius:14px;background:rgba(224,173,89,.06);color:#e9c77d;font-weight:600;font-size:14px;line-height:1.5;max-width:690px;margin:20px 0}
.guide-teaser{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-teaser h2{font-size:clamp(32px,4.5vw,55px);line-height:1.1;letter-spacing:-.03em;margin:20px 0}
.guide-teaser p{color:var(--muted);font-size:18px}.guide-teaser img{max-height:310px;object-fit:contain}
.guide-mini-cta{padding-bottom:60px;text-align:center}
.guide-article{max-width:860px;margin:0 auto;padding:55px 18px 100px}.guide-article .guide-back{display:inline-block;margin-bottom:28px;color:var(--gold-2);text-decoration:underline}
.guide-article h1{font-size:clamp(35px,5.8vw,64px);line-height:1.08;margin:20px 0;letter-spacing:-.03em}
.guide-article h2{font-size:clamp(28px,3.4vw,40px);line-height:1.17;margin:54px 0 18px}
.guide-article h3{font-size:22px;margin:30px 0 9px}
.guide-article p,.guide-article li{font-size:18px;line-height:1.8;color:#d1d9df}.guide-article .intro{font-size:22px;color:#f0e7d8}
.guide-article li{margin:9px 0}.guide-article figure{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:25px;max-width:610px;margin:34px auto}
.guide-article figure img{max-height:480px;width:100%;object-fit:contain}
.guide-article figcaption{color:var(--muted);font-size:13px;text-align:center;margin-top:12px}
.guide-article .cta{border:1px solid rgba(224,173,89,.5);background:var(--panel);padding:28px;border-radius:22px;margin:42px 0}
.guide-article .related{border-top:1px solid var(--line);margin-top:50px;padding-top:20px}
.guide-article .related a{color:var(--gold-2);text-decoration:underline}
@media(max-width:780px){.guide-teaser{grid-template-columns:1fr}.guide-teaser>img{display:none}.guide-article p,.guide-article li{font-size:17px}}

/* Reciprocal language navigation for the four CD cataloguing guides. */
.guide-language-picker{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 30px}
.guide-language-picker .button{min-height:40px;padding:6px 13px;font-size:13px}
.guide-language-picker .button[aria-current="page"]{border-color:var(--gold);color:var(--gold-2);background:rgba(224,173,89,.10)}

/* Ten-language article switcher: compact and usable on small screens. */
.guide-article .guide-language-picker{max-width:100%;display:flex;flex-wrap:wrap;gap:7px;margin:0 0 34px}
.guide-article .guide-language-picker .button{font-size:12px;min-height:36px;padding:6px 11px;border-radius:10px;line-height:1.2}
.guide-article .guide-language-picker .button[aria-current=page]{border-color:var(--gold);color:var(--gold-2);background:rgba(224,173,89,.12)}
@media(max-width:600px){.guide-article .guide-language-picker{gap:6px}.guide-article .guide-language-picker .button{font-size:11px;min-height:34px;padding:6px 9px}}