:root { --ink:#191815; --paper:#f4f0e8; --paper-deep:#e8e0d1; --bronze:#9b7138; --bronze-light:#d2b070; --charcoal:#22211e; --muted:#6b675f; --line:#d6cdbc; --radius:.25rem; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; font-size:1rem; line-height:1.65; }
a { color:inherit; text-decoration:none; }
.skip-link { position:fixed; left:1rem; top:-5rem; z-index:200; padding:.7rem 1rem; color:#fff; background:#171713; }
.skip-link:focus { top:1rem; }
.site-header { height:86px; display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:0 max(1.25rem,calc((100vw - 1180px)/2)); background:rgba(244,240,232,.96); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; backdrop-filter:blur(12px); }
.brand { display:flex; align-items:center; gap:.8rem; line-height:1.1; }
.brand-mark { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--bronze); border-radius:50%; color:var(--bronze); font-family:Georgia,serif; font-size:.86rem; letter-spacing:-.04em; }
.brand strong { display:block; font:700 1rem/1 Georgia,serif; letter-spacing:.09em; }
.brand small { display:block; margin-top:.32rem; color:var(--muted); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; }
nav { display:flex; align-items:center; gap:1.75rem; font-size:.88rem; font-weight:700; }
nav a:hover,nav a:focus-visible { color:var(--bronze); }
.nav-toggle { display:none; min-height:42px; padding:.6rem .8rem; color:var(--ink); background:transparent; border:1px solid var(--line); font-weight:800; cursor:pointer; }
.hero { min-height:620px; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr); background:var(--charcoal); color:#f7f1e7; }
.hero-copy { padding:clamp(4rem,9vw,8rem) max(2rem,calc((100vw - 1180px)/2)); padding-right:clamp(2rem,5vw,6rem); }
.eyebrow,.section-kicker { display:inline-block; color:var(--bronze-light); font-size:.75rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,h3 { font-family:Georgia,'Times New Roman',serif; font-weight:500; }
h1 { max-width:720px; margin:1.2rem 0 1.4rem; font-size:clamp(2.65rem,5.2vw,5rem); line-height:.98; letter-spacing:-.035em; }
.hero-copy>p { max-width:650px; color:#d5d0c6; font-size:clamp(1rem,1.4vw,1.18rem); }
.hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2.2rem; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.78rem 1.15rem; border:1px solid #777067; font-weight:800; font-size:.88rem; }
.button-primary { background:var(--bronze-light); border-color:var(--bronze-light); color:#201c16; }
.button-primary:hover { background:#e2c484; }
.button-secondary:hover { border-color:#eee4d3; }
.hero-visual { min-height:430px; position:relative; background-image:linear-gradient(90deg,rgba(26,25,22,.18),rgba(26,25,22,.02)),url('/images/antike-muenzen-hero.webp'); background-size:cover; background-position:center; border-left:1px solid #413e37; overflow:hidden; }
.hero-visual::after { content:''; position:absolute; inset:8%; border:1px solid rgba(210,176,112,.35); }
.hero-caption { position:absolute; left:10%; bottom:9%; z-index:2; color:#d0c8ba; font:italic 1rem/1.5 Georgia,serif; text-shadow:0 2px 14px #000; }
.hero-caption strong { color:white; font-size:1.25rem; font-style:normal; }
.section-shell { width:min(1180px,calc(100% - 2.5rem)); margin-inline:auto; }
.intro { display:grid; grid-template-columns:1fr 1fr; gap:4rem; padding-block:5.5rem 2.7rem; border-bottom:1px solid var(--line); }
.intro h2,.epochs h2,.knowledge h2,.home-answer h2,.home-faq h2,.trust h2 { margin:.45rem 0 0; font-size:clamp(2rem,3.5vw,3.4rem); line-height:1.05; }
.intro p { max-width:610px; margin:.5rem 0 0; color:var(--muted); font-size:1.05rem; }
.home-answer { margin-block:0 5rem; padding:2.2rem 2.5rem; background:var(--paper-deep); border-left:3px solid var(--bronze); }
.home-answer h2 { font-size:clamp(1.8rem,3vw,2.7rem); }
.home-answer p { max-width:900px; color:#514e48; font-size:1.05rem; }
.home-answer ol { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:2rem 0 0; padding:0; counter-reset:steps; list-style:none; background:var(--line); }
.home-answer li { counter-increment:steps; min-height:110px; padding:1.25rem; background:var(--paper); font-weight:700; }
.home-answer li::before { content:"0" counter(steps); display:block; margin-bottom:.6rem; color:var(--bronze); font:italic .8rem Georgia,serif; }
.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); border-left:1px solid var(--line); margin-block:0 5.5rem; }
.guide-card { min-height:320px; padding:2.4rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; transition:background .2s ease,transform .2s ease; }
.guide-card:hover { background:#faf7f1; transform:translateY(-3px); }
.guide-card svg { color:var(--bronze); width:28px; height:28px; }
.guide-icon { display:grid; place-items:center; width:34px; height:34px; color:#fff; background:var(--bronze); border-radius:50%; font-weight:800; }
.guide-number { position:absolute; right:1.5rem; top:1.25rem; color:#aaa294; font:italic .85rem Georgia,serif; }
.guide-card h3 { margin:2.1rem 0 .7rem; font-size:1.65rem; }
.guide-card p { color:var(--muted); }
.text-link { display:inline-flex; align-items:center; gap:.45rem; margin-top:1rem; color:#69481c; font-size:.85rem; font-weight:800; }
.epochs { padding:5.7rem 0; background:#292824; color:#f5eee2; }
.epochs-heading>span { display:flex; align-items:center; gap:.6rem; color:var(--bronze-light); font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.epochs-heading svg { width:18px; }
.epoch-list { margin-top:3rem; border-top:1px solid #4b4942; }
.epoch-list a { display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:1rem; padding:1.45rem .2rem; border-bottom:1px solid #4b4942; }
.epoch-list a>span { color:#8e887d; font:italic .85rem Georgia,serif; }
.epoch-list h3 { margin:0; font-size:1.45rem; }
.epoch-list p { margin:.2rem 0 0; color:#aaa49a; font-size:.9rem; }
.epoch-list a>svg { color:var(--bronze-light); transition:transform .2s; }
.epoch-list a:hover>svg { transform:translateX(6px); }
.knowledge { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(3rem,8vw,8rem); padding-block:6rem; }
.knowledge-copy { color:var(--muted); font-size:1.08rem; }
.knowledge-copy p { margin-top:0; }
.knowledge-copy strong { color:var(--ink); }
.home-faq { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(3rem,8vw,8rem); padding-block:5.5rem; border-top:1px solid var(--line); }
.home-faq details { border-bottom:1px solid var(--line); }
.home-faq summary { cursor:pointer; padding:1.2rem 0; font-weight:800; }
.home-faq details p { margin:0 0 1.3rem; color:var(--muted); }
.trust { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(3rem,8vw,8rem); margin-bottom:5.5rem; padding:3rem; background:#eae2d4; }
.trust p { margin-top:0; color:var(--muted); font-size:1.05rem; }
footer { background:#171713; color:#c8c0b4; }
.footer-inner { width:min(1180px,calc(100% - 2.5rem)); margin:auto; display:flex; justify-content:space-between; gap:2rem; padding:3rem 0; }
.footer-inner strong { color:white; font-family:Georgia,serif; }
.footer-inner p { margin:.25rem 0; font-size:.85rem; }
.footer-links { display:flex; flex-wrap:wrap; align-items:center; gap:1.3rem; font-size:.83rem; }
.article-page { min-height:70vh; }
.article-hero { padding:5rem 0 4rem; background:#262520; color:#f6efe4; border-bottom:1px solid #403d36; }
.article-wrap { width:min(860px,calc(100% - 2.5rem)); margin-inline:auto; }
.article-hero h1 { max-width:820px; margin:1rem 0 1.4rem; font-size:clamp(2.7rem,6vw,5rem); }
.article-hero p { max-width:760px; color:#cbc5ba; font-size:1.12rem; }
.breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; margin-bottom:3rem; color:#aaa398; font-size:.8rem; font-weight:700; }
.breadcrumbs a { display:inline-flex; align-items:center; gap:.35rem; }
.article-body { padding-block:4.6rem 6rem; }
.answer-box { display:grid; grid-template-columns:48px 1fr; gap:1.2rem; margin-bottom:2rem; padding:2rem; background:var(--paper-deep); border-left:3px solid var(--bronze); }
.answer-icon { width:42px; height:42px; display:grid; place-items:center; color:#5b3d17; background:#d7b97f; border-radius:50%; }
.answer-icon svg { width:22px; }
.answer-box h2 { margin:.35rem 0 .7rem; font-size:clamp(1.65rem,3vw,2.25rem); }
.answer-box p { margin:0; color:#49463f; font-size:1.08rem; }
.fact-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin:2rem 0 1rem; background:var(--line); border:1px solid var(--line); }
.fact-grid div { padding:1.2rem 1.35rem; background:#f8f4ed; }
.fact-grid dt { margin-bottom:.32rem; color:var(--bronze); font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.fact-grid dd { margin:0; font-weight:700; line-height:1.4; }
.article-section { display:grid; grid-template-columns:70px 1fr; gap:1.5rem; padding:2.7rem 0; border-bottom:1px solid var(--line); }
.section-index { color:var(--bronze); font:italic .9rem Georgia,serif; }
.article-section h2,.faq h2,.next-box h2 { margin:0 0 .9rem; font-size:clamp(1.7rem,3vw,2.35rem); line-height:1.15; }
.article-section p { margin:0 0 1rem; color:#514e48; font-size:1.05rem; }
.article-section ul { margin:1.2rem 0 0; padding-left:1.1rem; color:#514e48; }
.article-section li { margin:.35rem 0; padding-left:.35rem; }
.table-scroll { max-width:100%; margin:1.6rem 0; overflow-x:auto; }
table { width:100%; border-collapse:collapse; background:#f8f4ed; font-size:.91rem; }
caption { padding:.65rem 0; text-align:left; color:var(--muted); font-size:.78rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
th,td { padding:.8rem .85rem; border:1px solid var(--line); text-align:left; vertical-align:top; }
th { color:#463821; background:#e8decc; font-size:.78rem; letter-spacing:.03em; }
.article-note { margin-top:1.5rem; padding:1rem 1.2rem; background:#eee5d5; border-left:3px solid var(--bronze); }
.article-note strong { display:block; color:#5c3c16; font-size:.82rem; letter-spacing:.04em; text-transform:uppercase; }
.article-note p { margin:.25rem 0 0; font-size:.96rem; }
.article-note-warning { background:#efe0d6; border-left-color:#95522c; }
.faq { padding-top:4rem; }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { cursor:pointer; padding:1.25rem 0; font-weight:800; }
.faq details p { margin:0 0 1.3rem; color:var(--muted); }
.related,.sources { padding-top:4.5rem; }
.related>h2,.sources>h2 { margin:.4rem 0 1.4rem; font-size:clamp(1.8rem,3vw,2.5rem); }
.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.related-grid a { min-height:190px; padding:1.35rem; background:#f8f4ed; }
.related-grid a:hover { background:#fffaf2; }
.related-grid h3 { margin:0 0 .55rem; font-size:1.25rem; }
.related-grid p { margin:0 0 1.2rem; color:var(--muted); font-size:.9rem; }
.related-grid span { display:inline-flex; align-items:center; gap:.4rem; color:#6d4919; font-size:.8rem; font-weight:800; }
.sources ul { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.sources li { border-bottom:1px solid var(--line); }
.sources a { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 0; color:#684719; font-weight:700; }
.reviewed { margin-top:1.4rem; color:var(--muted); font-size:.82rem; }
.next-box { margin-top:4rem; padding:2.3rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; background:var(--paper-deep); border-left:3px solid var(--bronze); }
.next-box h2 { margin-top:.45rem; }
.legal-page { padding-block:5rem 6rem; }
.legal-page>h1 { margin:.5rem 0 3rem; font-size:clamp(2.8rem,6vw,4.7rem); }
.legal-page section { padding:1.6rem 0; border-top:1px solid var(--line); }
.legal-page h2 { margin:0 0 .55rem; font-size:1.4rem; }
.legal-page p { margin:0; color:#514e48; }
.legal-page a { color:#744f1e; text-decoration:underline; text-underline-offset:3px; }
.legal-back { margin-top:3rem!important; font-weight:800; }
@media (max-width:820px) {
  .site-header { height:auto; min-height:74px; padding-block:.8rem; flex-wrap:wrap; } .nav-toggle { display:block; } .site-header nav { display:none; width:100%; align-items:stretch; flex-direction:column; gap:0; padding:.4rem 0 .8rem; overflow:visible; font-size:.86rem; } .site-header nav.is-open { display:flex; } .site-header nav a { display:block!important; padding:.65rem 0; border-top:1px solid var(--line); }
  .hero { grid-template-columns:1fr; } .hero-copy { padding:4.7rem 1.25rem 3.8rem; }
  .hero-visual { min-height:290px; border-left:0; border-top:1px solid #413e37; }
  .intro,.knowledge,.home-faq,.trust { grid-template-columns:1fr; gap:1.5rem; } .intro { padding-top:4rem; }
  .home-answer ol { grid-template-columns:repeat(2,1fr); }
  .guide-grid { grid-template-columns:1fr; } .guide-card { min-height:260px; } .footer-inner { flex-direction:column; }
  .article-section { grid-template-columns:42px 1fr; }
  .related-grid { grid-template-columns:1fr; }
  .next-box { align-items:flex-start; flex-direction:column; }
}
@media (max-width:480px) {
  .brand small { display:none; } h1 { font-size:2.72rem; } .hero-actions .button { width:100%; }
  .section-shell { width:min(100% - 2rem,1180px); } .guide-card { padding:2rem 1.5rem; }
  .epoch-list a { grid-template-columns:42px 1fr auto; } .epoch-list p { display:none; }
  .home-answer { padding:1.5rem; } .home-answer ol,.fact-grid { grid-template-columns:1fr; }
  .answer-box { grid-template-columns:1fr; }
}