/* Max Calc CI: tokens from frontend/tailwind.config.js and LandingPage.tsx.
   Kept site-specific so LUECK remains independent. Original assets stay on Max Calc. */
:root:has(.site-maxcalc){font-family:Inter,-apple-system,system-ui,sans-serif;color:#334155;background:#e8edf3}
.site-maxcalc{--accent:#0066cc;color:#334155;background:#e8edf3}
.site-maxcalc header,.site-maxcalc footer{max-width:1152px;padding:16px 24px;border-color:#e2e8f0}
.site-maxcalc header{min-height:112px}
.site-maxcalc .brand{display:flex;align-items:center;flex-shrink:0}
.site-maxcalc .brand-logo{display:block;width:auto;height:96px;object-fit:contain;filter:drop-shadow(0 2px 6px #0000001f)}
.site-maxcalc header nav{align-items:center;gap:24px;font-weight:500}
.site-maxcalc .login-link{background:#ffffff99;border-radius:4px;padding:10px 20px}
.site-maxcalc main{max-width:1152px;padding:24px 24px 64px}
.site-maxcalc h1{font-weight:700;letter-spacing:-1.3px;line-height:1.15}
.site-maxcalc .index-head{max-width:none;padding:64px 40px 64px 44%;margin-bottom:32px;border-radius:12px;background:linear-gradient(90deg,#e8edf300 20%,#e8edf388 40%,#e8edf3e8 57%,#e8edf3f5 100%),url('https://max-calc.com/img/max-landing-bg.png') left center/cover no-repeat}
.site-maxcalc .index-head h1{font-size:clamp(34px,4vw,48px)}
.site-maxcalc .lead,.site-maxcalc .card p:not(.eyebrow),.site-maxcalc .note p,.site-maxcalc .meta,.site-maxcalc .crumb{color:#64748b}
.site-maxcalc .eyebrow{letter-spacing:.6px;color:#0066cc}
.site-maxcalc .card{border:2px solid #e2e8f0;border-radius:12px;background:#f1f5f9f2;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}
.site-maxcalc .card:hover{border-color:#0066cc80;box-shadow:0 16px 32px #33415515;transform:translateY(-4px)}
.site-maxcalc .card h2{font-weight:700;color:#334155}
.site-maxcalc .note,.site-maxcalc .prose blockquote{background:#ffffffcc;border-color:#0066cc;border-radius:8px}
.site-maxcalc .article-head{max-width:none;background:#ffffffb3;padding:32px;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px}
.site-maxcalc .article-head h1{max-width:880px}
.site-maxcalc .prose{max-width:820px;background:#ffffffcc;padding:8px 32px 24px;border-radius:12px}
.site-maxcalc .prose th{background:#f1f5f9}
.site-maxcalc .prose td,.site-maxcalc .prose th{border-color:#e2e8f0}
.site-maxcalc .cta{background:#ffffffcc;color:#334155;border:1px solid #e2e8f0;border-radius:12px}
.site-maxcalc .cta .eyebrow{color:#0066cc}
.site-maxcalc .button{background:#0066cc;border-radius:8px}
.site-maxcalc .button:hover{background:#0052a3}
.site-maxcalc footer{color:#64748b}
.site-maxcalc footer strong{color:#334155}
.site-maxcalc a:focus-visible{outline-color:#0066cc}
@media(max-width:768px){
 .site-maxcalc header{flex-direction:column;gap:4px;align-items:center;padding:12px 16px 20px}
 .site-maxcalc .brand-logo{height:80px}
 .site-maxcalc header nav{width:100%;justify-content:center;gap:18px;flex-wrap:wrap;font-size:13px}
 .site-maxcalc main{padding:20px 20px 44px}
 .site-maxcalc .index-head{background:none;padding:16px 0 24px;margin:0}
 .site-maxcalc .index-head h1{font-size:36px}
 .site-maxcalc .article-head{padding:24px 20px}
 .site-maxcalc .prose{padding:8px 20px 20px}
 .site-maxcalc .article-head h1{font-size:32px}
 .site-maxcalc .card{padding:24px}
 .site-maxcalc footer{padding:24px 20px}
}
/* German compounds must wrap inside the padded article heading on phones. */
.site-maxcalc h1{overflow-wrap:anywhere;hyphens:auto}