/* Auftrag 11: wider four-field form, reading layout and topic navigation. */
.nf-site .nf-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
.nf-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.nf-site .nf-formwrap{padding:28px}.nf-form input{font-size:16px;min-height:50px}.nf-form button[type=submit]{min-height:50px}
.nf11-intro{padding:clamp(32px,5vw,68px) 0 24px;max-width:1000px}.nf11-intro h1{max-width:24ch}.nf11-intro .nf-lead{max-width:70ch}
.nf11-toc,.nf11-next,.nf11-area-links{padding:clamp(20px,3vw,32px);background:var(--nf-surface);border:1px solid var(--nf-border-subtle);border-radius:var(--nf-radius);margin:24px 0 40px}
.nf11-toc{max-width:900px}.nf11-toc ol{margin:12px 0 0;padding-left:22px}.nf11-toc li{margin:8px 0}.nf11-reading{max-width:78ch;margin:0 0 44px}.nf11-reading h2{font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.25}.nf11-reading p{line-height:1.8}.nf11-reading li{margin:10px 0}.nf11-reading dt{font-weight:700;margin-top:16px}.nf11-reading dd{margin:5px 0 16px}.nf11-reading table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.95rem}.nf11-reading td,.nf11-reading th{padding:12px;border:1px solid var(--nf-border-subtle);overflow-wrap:anywhere;vertical-align:top}.nf11-reading th{background:var(--nf-surface)}
.nf11-sources{font-size:.875rem;max-width:78ch;margin:30px 0;color:var(--nf-text-muted)}.nf11-sources li{overflow-wrap:anywhere}.nf11-next h2{font-size:1.375rem}.nf11-next ul,.nf11-area-links ul{padding-left:20px}.nf11-next li,.nf11-area-links li{margin:8px 0}
.nf11-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.nf11-guide-grid article{padding:26px;background:var(--nf-surface);border:1px solid var(--nf-border-subtle);border-radius:var(--nf-radius)}.nf11-guide-grid h3{font-size:1.375rem;line-height:1.35}.nf11-guide-grid p{margin-bottom:0}.nf11-hub-nav{display:flex;flex-wrap:wrap;gap:12px}.nf11-hub-nav a{padding:12px 16px;border:1px solid var(--nf-border-control);border-radius:8px;background:var(--nf-surface)}
.nf11 [id],.nf11-area-links{scroll-margin-top:var(--nf-anchor-gap,170px)}
@media(max-width:1100px){.nf-site .nf-hero{display:block}.nf-site .nf-hero .nf-formwrap{max-width:860px;margin:28px auto 0}}
@media(max-width:640px){.nf-form-grid,.nf11-guide-grid{grid-template-columns:1fr}.nf-site .nf-formwrap{padding:24px 20px}.nf11-reading td,.nf11-reading th{padding:8px}.nf11-intro h1{max-width:none}.nf11-hub-nav a{width:100%}}
