/*
Kredit-Pfadfinder Design System v1.0
Foundation for all entity pages.
*/

:root{
 --font-sans:Inter,system-ui,sans-serif;
 --bg:#f5f7fa;
 --surface:#fff;
 --surface-soft:#f0f4f7;
 --text:#17202a;
 --muted:#5f6b76;
 --heading:#0f2236;
 --border:#dbe3ea;
 --primary:#17324d;
 --primary-dark:#0d2236;
 --accent:#b99042;
 --accent-soft:#f7efde;
 --success:#2b6a4d;
 --radius:14px;
 --shadow:0 10px 28px rgba(18,39,58,.08);
 --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--font-sans)}
img{max-width:100%;display:block}
a{color:var(--primary);text-underline-offset:3px}
.container{width:min(calc(100% - 2rem),var(--container));margin:auto}

.site-header{background:var(--primary-dark);color:#fff}
.site-header__inner{display:flex;justify-content:space-between;align-items:center;min-height:72px}
.site-brand{display:flex;gap:.75rem;color:#fff;text-decoration:none;font-weight:800}
.site-brand__mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:var(--accent)}

.site-nav ul{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0}
.site-nav a{color:#dbe7ef;text-decoration:none}
.site-nav a:hover{color:#fff}

.breadcrumbs{background:#fff;border-bottom:1px solid var(--border);padding:1rem 0;font-size:.9rem}

.entity-hero{
background:linear-gradient(135deg,var(--primary-dark),var(--primary));
color:#fff;padding:4rem 0
}
.entity-hero__layout{display:grid;grid-template-columns:1fr 300px;gap:3rem}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#e0c28b;font-size:.8rem;font-weight:700}
.entity-hero h1{font-size:clamp(2.5rem,6vw,4.4rem);margin:.2rem 0}
.lead{font-size:1.2rem;color:rgba(255,255,255,.85)}
.badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.badge{padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08)}
.entity-box{background:rgba(255,255,255,.08);padding:1.5rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.15)}

.page-grid{display:grid;grid-template-columns:1fr 300px;gap:2rem;padding:3rem 0}
.section{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);margin-bottom:1.5rem}
.section h2{margin-top:0;color:var(--heading)}

.fact-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.fact,.card{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;padding:1rem}
.fact strong{display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;margin-bottom:.3rem}

.timeline{border-left:2px solid var(--border);padding-left:1.5rem}
.timeline article{margin-bottom:1.5rem}
.timeline time{display:inline-block;background:var(--accent-soft);padding:.2rem .7rem;border-radius:999px;font-weight:700;color:#654d22}

details{border:1px solid var(--border);border-radius:10px;margin-bottom:.8rem;background:#fff}
summary{cursor:pointer;padding:1rem;font-weight:700}
details div{padding:0 1rem 1rem}

.sidebar-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1rem}
.toc{list-style:none;padding:0;margin:0}
.toc li{margin:.5rem 0}

.site-footer{background:var(--primary-dark);color:#fff;padding:2.5rem 0;margin-top:3rem}

@media(max-width:900px){
.entity-hero__layout,.page-grid{grid-template-columns:1fr}
}

/* ==========================================
   Footer
========================================== */

.site-footer a,
.site-footer a:visited {
    color: #d7e6f5;
    text-decoration: none;
    transition: color .2s ease, border-color .2s ease;
    border-bottom: 1px solid transparent;
}

.site-footer a:hover,
.site-footer a:focus {
    color: #c9a227;
    border-bottom-color: #c9a227;
}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer li {
    margin: .45rem 0;
}