/* ===== C64 Erlebnis-Lexikon ===== */
.topic-hero{padding:82px 0 58px;overflow:hidden}
.topic-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}
.topic-hero h1{font-size:clamp(3.5rem,8vw,7.8rem);line-height:.88;letter-spacing:-.065em;margin:16px 0 24px}
.topic-hero .intro{font-size:1.2rem;color:#d6dbe7;max-width:680px}
.topic-visual{border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#111}
.topic-visual img{width:100%;height:auto}
.wtf{display:inline-block;margin-top:18px;padding:10px 14px;border:1px solid rgba(255,138,42,.3);background:rgba(255,138,42,.08);border-radius:12px;color:#ffd1a7;font-weight:900}
.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
.fact-tile{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}
.fact-tile .n{display:block;font-size:clamp(1.65rem,3vw,2.6rem);font-weight:950;line-height:1;color:var(--gold);margin-bottom:8px}
.fact-tile small{color:var(--muted)}
.exp-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}
.exp-card,.quiz-card{background:linear-gradient(145deg,#151b29,#0d1119);border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:var(--shadow)}
.quiz-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 12px}
.quiz-option{padding:16px 10px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-weight:900;cursor:pointer}
.quiz-option:hover{background:rgba(255,255,255,.09)}
.quiz-option.good{outline:2px solid var(--green);background:rgba(108,255,155,.09)}
.quiz-option.bad{outline:2px solid #ff6969;background:rgba(255,105,105,.08)}
.quiz-result{min-height:42px;margin-top:10px;font-weight:800;color:#dfe5f0}
.compare-big{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.compare-big>div{min-height:210px;border-radius:20px;padding:22px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}
.compare-big .retro{background:linear-gradient(145deg,#3a2110,#17110c)}
.compare-big .now{background:linear-gradient(145deg,#14233f,#0b111e)}
.compare-big strong{font-size:2rem;line-height:1.05}
.compare-big small{color:var(--muted)}
.lex-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lex-box{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}
.lex-box h3{font-size:1.35rem;margin:0 0 7px}
.lex-box p{color:var(--muted);margin:0}
.source-box{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;color:var(--muted);font-size:.95rem}
.source-box a{color:#a9e8ff}
.next-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.next-card{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;transition:.2s}
.next-card:hover{transform:translateY(-3px);border-color:rgba(86,215,255,.4)}
.next-card span{font-size:2rem}
.next-card strong{display:block;font-size:1.15rem;margin-top:8px}
.next-card small{color:var(--muted)}
@media(max-width:880px){.topic-hero-grid,.exp-grid,.lex-grid{grid-template-columns:1fr}.fact-strip{grid-template-columns:1fr 1fr}.next-cards{grid-template-columns:1fr}}
@media(max-width:540px){.fact-strip,.quiz-options,.compare-big{grid-template-columns:1fr}}


/* Lokaler C64-Feinschliff */
.topic-hero{
  padding-top:72px;
  padding-bottom:42px;
}
.topic-hero + .section{
  padding-top:74px;
}
.source-box{
  margin-top:30px;
  padding-top:20px;
}
.source-box p{
  margin:10px 0;
}
.source-box + *{
  margin-top:0;
}
.c64-next-section{
  padding-top:48px;
  padding-bottom:86px;
}
.c64-next-section .section-head{
  margin-bottom:26px;
}
.next-cards{
  align-items:stretch;
}
.next-card{
  min-height:170px;
}
.next-card strong{
  margin-bottom:4px;
}
.next-card small{
  display:block;
  line-height:1.5;
}

.photo-credit{padding:8px 12px 11px;color:var(--muted);font-size:.76rem;text-align:right}
.original-hardware{background:linear-gradient(180deg,rgba(255,138,42,.025),transparent)}
.hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
.hardware-card{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.hardware-card img{display:block;width:100%;height:390px;object-fit:cover;background:#f2f2f2}
.hardware-card figcaption{padding:20px}
.hardware-card strong{display:block;font-size:1.35rem;margin-bottom:7px}
.hardware-card span{display:block;color:#c8cfdb;line-height:1.55}
.hardware-card small{display:block;color:var(--muted);margin-top:12px;font-size:.75rem}
.device-quiz{margin-top:20px}
.device-options{grid-template-columns:1fr 1fr}
.c64-faq .faq{max-width:none}
@media(max-width:760px){
 .hardware-grid{grid-template-columns:1fr}
 .hardware-card img{height:auto;aspect-ratio:4/3}
 .device-options{grid-template-columns:1fr}
}