/* Artikel-Layout */
.art-hero{padding:clamp(80px,9vw,120px) 0 clamp(20px,2.4vw,32px)}
.art-back{display:flex;width:fit-content;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--ink-soft);text-decoration:none;margin-bottom:22px}
.art-back:hover{color:var(--accent-deep)}
.art-cat{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-bg);border:1px solid color-mix(in oklab,var(--accent) 30%,var(--border));border-radius:100px;padding:5px 13px;margin-bottom:18px}
:root[data-theme="dark"] .art-cat{color:var(--accent);border-color:var(--border-gold)}
.art-hero h1{max-width:22ch;letter-spacing:-0.035em}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:14.5px;color:var(--ink-soft);font-weight:600;margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}
.art-lead{font-size:clamp(19px,2vw,22px);line-height:1.55;color:var(--ink);font-weight:500;margin:clamp(24px,3vw,32px) 0 0;text-wrap:pretty}
.prose{padding-bottom:clamp(40px,5vw,64px)}
.prose h2{font-size:clamp(23px,2.6vw,30px);letter-spacing:-0.03em;margin:clamp(38px,4.4vw,54px) 0 14px;text-wrap:balance}
.prose h3{font-size:clamp(18px,1.9vw,21px);letter-spacing:-0.02em;margin:clamp(26px,3vw,34px) 0 10px}
.prose p{font-size:17.5px;line-height:1.72;color:var(--ink-soft);text-wrap:pretty}
.prose p + p{margin-top:15px}
.prose strong{color:var(--ink);font-weight:700}
.prose p a,.prose li a,.prose td a{font-weight:600;color:var(--accent-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose p a:hover,.prose li a:hover,.prose td a:hover{color:var(--ink)}:root[data-theme="dark"] .prose p a,:root[data-theme="dark"] .prose li a,:root[data-theme="dark"] .prose td a{color:var(--accent)}:root[data-theme="dark"] .prose p a:hover{color:var(--ink)}.prose .btn,.prose .art-next a,.prose .art-foot a.btn{color:inherit;text-decoration:none}
.prose ul,.prose ol{margin:18px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.prose li{position:relative;padding-left:28px;font-size:17px;line-height:1.6;color:var(--ink-soft)}
.prose ul li::before{content:"";position:absolute;left:6px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.prose ol{counter-reset:s}
.prose ol li{counter-increment:s}
.prose ol li::before{content:counter(s);position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.art-box{background:var(--accent-bg);border:1px solid color-mix(in oklab,var(--accent) 32%,var(--border));border-radius:20px;padding:clamp(22px,2.6vw,30px);margin:clamp(30px,3.4vw,40px) 0}
:root[data-theme="dark"] .art-box{background:rgba(0,0,0,.2);border-color:var(--border-gold)}
.art-box b{display:block;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:12px}
:root[data-theme="dark"] .art-box b{color:var(--accent)}
.art-box p{font-size:17px;line-height:1.65;color:var(--ink)}
.art-quote{border-left:3px solid var(--accent);padding-left:22px;margin:clamp(28px,3.2vw,38px) 0;font-size:clamp(19px,2vw,22px);line-height:1.5;font-weight:500;color:var(--ink)}
.art-table{width:100%;border-collapse:collapse;font-size:16px;margin-top:22px;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.art-table th,.art-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--border)}
.art-table thead th{background:var(--bg-card);font-size:14px;font-weight:700}
.art-table tbody th{font-weight:600;color:var(--ink)}
.art-table td{color:var(--ink-soft);font-weight:500}
.art-table tr:last-child th,.art-table tr:last-child td{border-bottom:none}
.art-foot{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:clamp(38px,4.4vw,54px);padding-top:clamp(26px,3vw,34px);border-top:1px solid var(--border)}
.art-foot p{font-size:15.5px;color:var(--ink-soft);max-width:46ch;line-height:1.55;margin:0}
.art-next{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,22px);margin-top:clamp(30px,3.4vw,40px)}
.art-next a{display:flex;flex-direction:column;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:clamp(20px,2.2vw,26px);text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.art-next a:hover{border-color:var(--accent);transform:translateY(-2px)}
:root[data-theme="dark"] .art-next a{background:var(--bg-elevated)}
.art-next span{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft)}
.art-next b{font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);line-height:1.35}
@media(max-width:640px){.art-next{grid-template-columns:1fr}}