.page{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:60px 28px 100px}.hero{padding:60px 0 50px;text-align:center}.hero-label{font-family:var(--mono);font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:var(--q);margin-bottom:18px}.hero-title{font-family:var(--mono);font-size:clamp(2rem,5vw,3.4rem);font-weight:600;letter-spacing:-.04em;line-height:1.12;margin-bottom:22px}.hero-title em{font-style:normal;color:var(--q)}.hero-lead{font-size:1.05rem;color:var(--dim);line-height:1.7;max-width:58ch;margin:0 auto}.section{margin-top:64px}.section-label{font-family:var(--mono);font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px}.section-title{font-family:var(--mono);font-size:1.4rem;font-weight:600;letter-spacing:-.03em;margin-bottom:16px}.section-text{font-size:.94rem;line-height:1.78;color:var(--ink);margin-bottom:14px}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.ov-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:22px 18px}.ov-card-icon{font-size:1.4rem;margin-bottom:10px}.ov-card-name{font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.03em;margin-bottom:8px}.ov-card-desc{font-size:.8rem;line-height:1.6;color:var(--dim)}.ov-card--quarks .ov-card-name{color:var(--q)}.ov-card--quarks{border-color:#4d8aff33;background:#4d8aff0a}.ov-card--leptonen .ov-card-name{color:var(--l)}.ov-card--leptonen{border-color:#f573;background:#ff55770a}.ov-card--bosonen .ov-card-name{color:var(--b)}.ov-card--bosonen{border-color:#00e06a33;background:#00e06a0a}.sm-table-wrap{margin-top:28px;overflow-x:auto}.sm-table{width:100%;border-collapse:separate;border-spacing:5px}.sm-head{font-family:var(--mono);font-size:.44rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);text-align:center;padding:6px 4px 10px}.sm-cell{border:1px solid var(--line);border-radius:8px;padding:11px 8px;text-align:center;vertical-align:top;min-width:72px}.sm-cell-sym{font-family:var(--mono);font-size:1.05rem;font-weight:600;margin-bottom:4px}.sm-cell-name{font-family:var(--mono);font-size:.56rem;margin-bottom:5px}.sm-cell-charge{font-family:var(--mono);font-size:.5rem;color:var(--ink-dim);margin-bottom:2px}.sm-cell-mass{font-family:var(--mono);font-size:.46rem;color:var(--ink-dim);line-height:1.4}.sm-cell--q{background:#4d8aff14;border-color:#4d8aff40}.sm-cell--q .sm-cell-sym{color:var(--q)}.sm-cell--l{background:#ff557714;border-color:#ff557738}.sm-cell--l .sm-cell-sym{color:var(--l)}.sm-cell--b{background:#00e06a12;border-color:#00e06a33}.sm-cell--b .sm-cell-sym{color:var(--b)}.sm-cell--h{background:#ffb02e12;border-color:#ffb02e33}.sm-cell--h .sm-cell-sym{color:var(--h)}.sm-gen-label{font-family:var(--mono);font-size:.44rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);text-align:right;padding:4px 8px 4px 4px;white-space:nowrap}.group-block{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:28px 26px;margin-top:24px}.group-block--quarks{border-color:#4d8aff38;background:#4d8aff0a}.group-block--leptonen{border-color:#ff55772e;background:#ff557708}.group-block--bosonen{border-color:#00e06a29;background:#00e06a08}.group-title{font-family:var(--mono);font-size:.88rem;font-weight:600;letter-spacing:.02em;margin-bottom:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.group-badge{font-size:.44rem;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:20px;font-weight:600}.group-badge--q{background:#4d8aff2e;color:var(--q);border:1px solid rgba(77,138,255,.3)}.group-badge--l{background:#ff557726;color:var(--l);border:1px solid rgba(255,85,119,.28)}.group-badge--b{background:#00e06a1f;color:var(--b);border:1px solid rgba(0,224,106,.24)}.group-body{font-size:.88rem;line-height:1.75;color:var(--ink)}.group-body p{margin-bottom:12px}.group-body p:last-child{margin-bottom:0}.particle-chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px}.pchip{font-family:var(--mono);font-size:.58rem;padding:5px 11px;border-radius:20px;border:1px solid;display:flex;align-items:center;gap:5px}.pchip--q{border-color:#4d8aff59;color:#4d8affe6;background:#4d8aff14}.pchip--l{border-color:#ff557752;color:#ff5577e6;background:#ff557712}.pchip--b{border-color:#00e06a47;color:#00e06ae6;background:#00e06a0f}.pchip-sym{font-weight:600;font-size:.72rem}.section-divider{border:none;border-top:1px solid var(--line);margin:56px 0 0}.callout{background:#ffb02e0d;border:1px solid rgba(255,176,46,.18);border-radius:10px;padding:20px 22px;margin-top:22px}.callout-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--h);margin-bottom:8px}.callout p{font-size:.86rem;line-height:1.72;color:var(--ink)}.bottom-nav{margin-top:64px;display:flex;gap:12px;flex-wrap:wrap}.btn-link{font-family:var(--mono);font-size:.66rem;letter-spacing:.03em;padding:10px 18px;border-radius:6px;text-decoration:none;border:1px solid;transition:background .18s,border-color .18s,color .18s}.btn-link--primary{background:#4d8aff1f;border-color:#4d8aff66;color:var(--q)}.btn-link--primary:hover{background:#4d8aff38;border-color:var(--q)}.btn-link--secondary{border-color:var(--ink-dim);color:var(--ink-dim)}.btn-link--secondary:hover{border-color:var(--ink-dim);color:var(--ink)}@media (max-width:600px){.overview-grid{grid-template-columns:1fr}.sm-table{min-width:520px}}