.crumbs { font-size: .85rem; color: var(--muted); margin: 10px 0 20px; }
.crumbs a { color: var(--gold); text-decoration: none; }
.article { max-width: 780px; margin: 0 auto 50px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 44px 48px; }
.article h1 { font-family: var(--serif); font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; margin-bottom: 14px; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.article h2 { font-family: var(--serif); font-size: 1.7rem; margin: 34px 0 12px; color: var(--gold); }
.article p, .article li { color: var(--text); margin-bottom: 14px; font-size: 1.04rem; }
.article ul { padding-left: 22px; margin-bottom: 14px; }
.article a { color: var(--gold); }
.article .lead { font-size: 1.2rem; color: var(--muted); }
.disclaimer { border-left: 3px solid var(--gold); padding: 10px 16px; background: var(--surface-2); border-radius: 10px; font-size: .95rem !important; }
.teasers, .related { max-width: 1000px; margin: 0 auto 50px; text-align: center; }
.teasers h2, .related h2 { font-family: var(--serif); font-size: 2rem; margin-bottom: 8px; }
.teaser-note { color: var(--muted); font-size: .9rem; margin-bottom: 22px; }
.teaser-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.teaser-card { position: relative; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px; overflow: hidden; }
.teaser-tag { position: absolute; top: 22px; left: 22px; z-index: 2; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; background: rgba(0,0,0,.55); color: var(--gold); padding: 3px 8px; border-radius: 999px; }
.teaser-photo { aspect-ratio: 3/4; border-radius: 16px; filter: blur(10px); transform: scale(1.05); }
.teaser-photo.t0 { background: radial-gradient(circle at 50% 38%, #f2c27b 0 18%, transparent 19%), radial-gradient(ellipse at 50% 95%, #e04a6f 0 38%, transparent 39%), var(--bg-2); }
.teaser-photo.t1 { background: radial-gradient(circle at 50% 38%, #f08a68 0 18%, transparent 19%), radial-gradient(ellipse at 50% 95%, #a8244a 0 38%, transparent 39%), #2a1640; }
.teaser-photo.t2 { background: radial-gradient(circle at 50% 38%, #ffe0c4 0 18%, transparent 19%), radial-gradient(ellipse at 50% 95%, #f08a68 0 38%, transparent 39%), #1a1430; }
.teaser-photo.t3 { background: radial-gradient(circle at 50% 38%, #e9a0b4 0 18%, transparent 19%), radial-gradient(ellipse at 50% 95%, #f2c27b 0 38%, transparent 39%), #241035; }
.teaser-lines { margin: 14px 0; display: grid; gap: 8px; }
.teaser-lines span { height: 10px; border-radius: 6px; background: var(--surface-2); }
.teaser-lines .short { width: 60%; }
.teaser-btn { display: block; font-size: .85rem; padding: 10px 12px; text-align: center; }
.related ul { list-style: none; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.related a { color: var(--gold); }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 50px; }
.blog-card { display: block; text-decoration: none; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 26px; transition: transform .2s; }
.blog-card:hover { transform: translateY(-4px); }
.blog-card h2 { font-family: var(--serif); font-size: 1.5rem; margin-bottom: 10px; }
.blog-card p { color: var(--muted); font-size: .95rem; margin-bottom: 12px; }
.blog-card span { color: var(--gold); font-weight: 600; }
@media (max-width: 900px) { .teaser-grid { grid-template-columns: repeat(2, 1fr); } .blog-grid { grid-template-columns: 1fr; } .article { padding: 28px 22px; } }
@media (max-width: 520px) { .teaser-grid { grid-template-columns: 1fr; } }