/* v33: Artikelkarten (Startseite, Wissen) und Artikelseiten */
.acards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.acards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.acard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.acard:hover{transform:translateY(-5px);border-color:var(--accent);background:rgba(56,171,255,.06)}
.acard img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#012f4a}
.acard .ab{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.acard .tag{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--accent)}
.acard h3{font-size:1.18rem;line-height:1.22;letter-spacing:-.01em}
.acard .dt{font-size:.85rem;color:var(--muted)}
.acard .more{margin-top:auto;font-weight:600;color:var(--accent);display:inline-flex;gap:8px}
.acard:hover .more span{transform:translateX(5px)}
.acard .more span{transition:transform .2s ease}
.alllink{margin:26px 0 0}
.alllink a{color:var(--accent);font-weight:600;text-decoration:none}
.alllink a:hover{text-decoration:underline}
.appr{margin-top:22px;max-width:none;font-size:1.05rem;color:var(--fg)}
.appr strong{color:var(--fg)}
@media (max-width:900px){.acards,.acards.two{grid-template-columns:minmax(0,1fr)}}
/* Artikelseite */
.art{max-width:760px;margin-inline:auto}
.art .meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:.92rem;margin:0 0 22px}
.art .meta b{color:var(--fg);font-weight:600}
.art figure.cover{margin:0 0 30px}
.art figure.cover img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}
.art figure.cover figcaption{font-size:.82rem;color:var(--muted);margin-top:8px}
.art h2{font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.2;margin:2.1em 0 .6em}
.art h3{font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.25;margin:1.9em 0 .5em}
.art p{margin:0 0 1.15em;line-height:1.7}
.art ul,.art ol{margin:0 0 1.2em;padding-left:1.3em}
.art li{margin:.35em 0;line-height:1.65}
.art blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);color:var(--muted)}
.art blockquote p{margin:0}
.art a{color:var(--accent)}
.art .srcs{margin-top:2.4em;padding-top:1.2em;border-top:1px solid var(--line);font-size:.92rem;color:var(--muted)}
.art .srcs h2{font-size:1.1rem;margin:0 0 .6em}
.art .srcs p{margin:0 0 .7em;line-height:1.55}
.art .note{font-size:.84rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:2em}
.art .byline{display:flex;align-items:center;gap:12px;margin:2em 0 0;color:var(--muted);font-size:.92rem}
.art .rel{margin-top:2.6em}
.art .rel h2{margin-top:0}
.phero.art-h h1{font-size:clamp(1.8rem,3.6vw,2.9rem);line-height:1.12;max-width:22ch}
.phero.art-h h1{max-width:26ch}
.art h3{color:var(--fg)}
.acards.five{grid-template-columns:repeat(3,minmax(0,1fr))}
.wsec{margin-top:0}