/* Phase 4: Inhaltsmodule. Das freigegebene V4-Grunddesign bleibt unverändert. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.answer-box,.deep-explanation,.example-box,.evidence-section,.editorial-note,.lookup-panel{position:relative;margin:18px 0;padding:18px;border:1px solid #c98e27;background:linear-gradient(180deg,#fff8e5,#f5dfad);border-radius:7px}
.answer-box{border-left:7px solid var(--theme);background:linear-gradient(90deg,var(--theme-pale),#fff8e8)}
.answer-box .section-kicker{display:block;color:var(--theme);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.answer-box h2,.deep-explanation h2,.example-box h2,.evidence-section h2{margin:.15em 0 .55em}.answer-box p{font-size:20px;font-weight:700;margin:.3em 0}.answer-option{display:inline-block;margin-right:.35em;color:var(--theme)}
.deep-explanation{background:rgba(255,249,232,.82)}.deep-explanation p{font-size:17px;line-height:1.62}.example-box{background:#fff1c9}.example-box p{font-size:16px}.evidence-list{display:grid;grid-template-columns:1fr;gap:9px}.evidence-item{padding:13px 15px;border-left:4px solid var(--theme);background:rgba(255,250,236,.92);box-shadow:0 2px 7px rgba(73,40,0,.08)}.evidence-item h3{margin:0 0 .25em}.evidence-item p{margin:.25em 0}.source-meta{display:flex;gap:7px;flex-wrap:wrap;margin:.2em 0 .55em}.source-meta span{padding:2px 7px;border:1px solid #d6ad61;border-radius:99px;font-size:11px;background:#fff6df}.last-check{font-size:12px;color:#745b37;text-align:right}.audit-badge span{display:block;padding:5px 9px;border-radius:99px;background:#ead5a7;text-align:center;font-size:12px}.manual-check-note{border:1px solid #b17b20;background:#fff1c9;padding:10px 12px;margin:12px 0;font-size:13px}
.card-title-block .card-number{display:block;margin-bottom:3px;color:var(--theme);font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.lookup-panel{margin:0;background:rgba(255,249,232,.86);min-height:100%}.lookup-panel h2{margin:0 0 5px;text-transform:uppercase}.lookup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:14px 0 8px}.lookup-form input{width:100%;border:1px solid #c89335;border-radius:7px;background:#fffaf0;padding:11px 13px;color:#38250f}.lookup-form button{border:1px solid #6b4000;border-radius:7px;padding:10px 18px;background:linear-gradient(180deg,#d29a22,#986000);color:#fff;font-weight:700;cursor:pointer}.lookup-error{min-height:1.4em;margin:4px 0;color:#9b1b16;font-weight:700}.trust-points{display:grid;gap:5px;margin:12px 0}.trust-points span:before{content:'✓';color:#7b5907;font-weight:700;margin-right:7px}.library-link{display:inline-block;color:#8a5500;font-weight:700;text-decoration:underline;margin-top:4px}
.source-category{margin:18px 0 28px}.source-category-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #c9953a;padding-bottom:7px}.source-category-head h2{margin:0}.source-category-head span{font-size:13px;color:#6d5432}.source-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.source-library-card{padding:15px;border-radius:7px;border-top:4px solid #9b6509}.source-library-card h3{margin:.35em 0}.source-library-card p{color:#6c5536}.source-library-card a{color:#8a5500;font-weight:700;text-decoration:underline}.used-cards{font-size:12px;word-break:break-word}.filterbar.category-filter{justify-content:flex-start}.source-hidden{display:none!important}
.card-count{font-size:12px;color:#715938}.content-quality{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.content-quality span{border:1px solid #d1a354;background:#fff7df;border-radius:99px;padding:3px 8px;font-size:11px}
@media(max-width:760px){.answer-box p{font-size:18px}.deep-explanation p{font-size:16px}.source-library-grid{grid-template-columns:1fr}.lookup-form{grid-template-columns:1fr}.lookup-form button{width:100%}.source-category-head{align-items:flex-start;flex-direction:column}.card-title-block .card-number{text-align:center}}

/* Tablet-Korrektur: Footer bleibt vollständig innerhalb der verfügbaren Breite. */
@media(max-width:1000px){
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}