/* Ratgeber - lean standalone sheet in the site palette */
:root{--ink:#0f172a;--ink-soft:#334155;--muted:#64748b;--line:#e2e8f0;
--gold:#9c7c46;--gold-light:#c9a763;--paper:#fdfcfa;--soft:#f6f3ec}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink-soft);
background:var(--paper);line-height:1.7;font-size:1.05rem}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
.rg-header{display:flex;align-items:center;justify-content:space-between;gap:16px;
max-width:1080px;margin:0 auto;padding:22px 24px}
.rg-wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
font-size:1.35rem;color:var(--ink);white-space:nowrap}
.rg-wordmark em{font-style:italic}
.rg-wordmark .tld{font-family:'Inter',sans-serif;font-size:.6rem;font-weight:600;
letter-spacing:.18em;color:var(--gold);margin-left:8px}
.rg-cta{padding:10px 20px;background:var(--ink);color:#fff;border-radius:2px;
font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.rg-cta:hover{text-decoration:none;opacity:.9}
.crumbs{max-width:760px;margin:0 auto;padding:8px 24px 0;font-size:.8rem;color:var(--muted)}
main{max-width:760px;margin:0 auto;padding:24px 24px 60px}
article h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:var(--ink);
font-size:2.4rem;line-height:1.15;margin:12px 0 20px}
article h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:var(--ink);
font-size:1.7rem;line-height:1.25;margin:40px 0 14px}
article h3{color:var(--ink);font-size:1.12rem;margin:28px 0 10px}
article p{margin:0 0 16px}
article ul,article ol{margin:0 0 18px 22px}
article li{margin-bottom:6px}
article blockquote{border-left:3px solid var(--gold-light);padding:4px 0 4px 18px;
margin:20px 0;color:var(--ink);font-style:italic}
.table-wrap{overflow-x:auto;margin:20px 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th{text-align:left;padding:10px 14px;background:var(--soft);color:var(--ink);
border-bottom:2px solid var(--gold-light);white-space:nowrap}
td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.article-meta{font-size:.8rem;color:var(--muted);letter-spacing:.04em}
.cta-card{margin:48px 0 8px;padding:32px;background:linear-gradient(135deg,#1a1821,#0d0c12);
border-radius:12px;color:#e5e0d5;text-align:center}
.cta-card h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:#fff;
font-size:1.6rem;margin:0 0 8px}
.cta-card p{margin:0 0 20px;color:#b8b2a4;font-size:.98rem}
.cta-card a{display:inline-block;padding:13px 30px;background:linear-gradient(180deg,#d9b878,#9c7c46);
color:#14131b;font-weight:700;border-radius:4px;font-size:.95rem}
.cta-card a:hover{text-decoration:none;filter:brightness(1.06)}
.related{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.related h2{font-size:1rem;color:var(--ink);text-transform:uppercase;letter-spacing:.12em;
font-family:'Inter',sans-serif;margin-bottom:14px}
.related ul{list-style:none;margin:0}
.related li{margin-bottom:10px}
.rg-footer{border-top:1px solid var(--line);background:var(--soft)}
.rg-footer-inner{max-width:1080px;margin:0 auto;padding:26px 24px;display:flex;
flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between;
font-size:.82rem;color:var(--muted)}
.rg-footer a{color:var(--muted)}
/* index page */
.idx-hero{max-width:1080px;margin:0 auto;padding:36px 24px 8px}
.idx-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:var(--ink);
font-size:2.6rem;margin-bottom:10px}
.idx-hero p{max-width:640px;color:var(--muted)}
.idx-main{max-width:1080px;margin:0 auto;padding:12px 24px 70px}
.idx-cat{margin-top:40px}
.idx-cat h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:var(--ink);
font-size:1.75rem;margin-bottom:18px}
.idx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.idx-card{display:block;padding:18px 20px;background:#fff;border:1px solid var(--line);
border-radius:10px;transition:border-color .25s ease, transform .25s ease}
.idx-card:hover{border-color:var(--gold-light);transform:translateY(-2px);text-decoration:none}
.idx-card strong{display:block;color:var(--ink);font-size:.98rem;line-height:1.4;margin-bottom:6px}
.idx-card span{font-size:.84rem;color:var(--muted);line-height:1.5;display:block}
@media(max-width:560px){article h1{font-size:1.9rem}.idx-hero h1{font-size:2rem}}