/* Shared family structure, with TotClassroom's square plum identity. */
.family-header{gap:18px}.family-nav{gap:4px}.family-nav>.direct-tool{font-size:13px;padding:10px 8px;white-space:nowrap}.family-header .brand{font-size:26px}.family-header .brand svg{width:48px;height:48px}
.parity-home{max-width:760px;min-height:0;padding:22px 0 16px;margin:0 0 18px}.parity-home .hero-copy{position:relative}.parity-home h1{font:500 clamp(34px,4.3vw,55px)/1.07 var(--serif);margin:0 0 16px;letter-spacing:-.035em}.parity-home h1 em{color:var(--blue);background:var(--lemon);padding:0 4px}.parity-home .intro{font-size:17px;line-height:1.55;margin:0 0 14px;color:var(--ink)}.parity-home .marks{font-size:13px;gap:10px;margin-top:12px;flex-wrap:wrap}
#eines{margin:0 0 38px}.activity-cards.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.activity-cards .card{display:block;text-decoration:none;padding:20px;border:1px solid var(--blue);background:white;min-width:0;transition:background .15s}.activity-cards .card:hover{background:var(--lemon)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tool-icon{display:inline-flex;padding:8px;background:var(--lemon);color:var(--blue)}.tool-icon svg{display:block}.card .arrow{font-size:20px;color:var(--blue)}.card strong{display:block;font-size:19px;line-height:1.3}.card small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:7px}.uses-block,.vs-block,.faq-block{margin:38px 0}.uses-block h2,.vs-block h2,.faq-block h2{font-size:29px;margin:0 0 18px}.use-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;padding:0;list-style:none}.use-links a{font-size:15px;text-underline-offset:4px}.table-wrap{overflow:auto}.vs-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.vs-table th,.vs-table td{border:1px solid var(--soft);padding:12px;text-align:left;vertical-align:top}.vs-table thead{background:var(--lemon)}.vs-table th{font-weight:650}.faq-block details{border:0;border-bottom:1px solid var(--soft);padding:17px 0;margin:0;box-shadow:none;background:transparent}.faq-block summary{font-size:16px;font-weight:650;min-height:30px}.faq-block details p{max-width:800px;font-size:15px;color:var(--muted);line-height:1.65}
footer{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:13px}.footer-family{width:100%;border-top:1px solid var(--soft);padding-top:16px}.footer-family span{font-weight:650}.languages{display:flex;gap:14px;flex-wrap:wrap}.languages a{font-size:13px;padding:4px 0}.languages [aria-current]{font-weight:700;text-decoration:underline}
@media(max-width:1050px){.family-nav>.direct-tool{display:none}}
@media(max-width:700px){.parity-home{padding:12px 0 4px;margin-bottom:24px}.parity-home h1{font-size:37px!important}.parity-home .intro{font-size:17px}.parity-home .marks{font-size:12px;gap:8px}.activity-cards.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.activity-cards .card{padding:16px 12px}.card strong{font-size:17px}.card small{font-size:12.5px}.tool-icon{padding:6px}.tool-icon svg{width:27px;height:27px}.use-links{grid-template-columns:1fr;gap:12px}.vs-table{font-size:12px}.vs-table th,.vs-table td{padding:8px}.uses-block,.vs-block,.faq-block{margin:30px 0}.family-header .brand{font-size:24px}.family-header .brand svg{width:44px;height:44px}}
@media(max-width:359px){.marks{flex-wrap:wrap;white-space:normal}.activity-cards.grid{grid-template-columns:1fr}.parity-home h1{font-size:32px!important}}
.tool-filters{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px}.tool-filters button{padding:9px 14px;font-size:14px;min-height:40px;border:1px solid var(--soft);box-shadow:none;background:white}.tool-filters button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}#eines .card[hidden]{display:none}.tool-filters button:hover{border-color:var(--blue)}
.family-header .brand::before{display:none}.family-header .brand>svg{display:block;flex:none}.family-header .brand{width:auto;flex:none}.parity-home h1{font-size:45px}
@media(max-width:700px){.parity-home h1{font-size:32px!important}.parity-home .intro{font-size:16px}.parity-home .marks{gap:8px;font-size:11px}.family-header .brand{font-size:23px}.family-header .brand>svg{width:38px;height:38px}.family-header{padding-top:14px;padding-bottom:14px}}
@media(max-width:359px){.family-header .brand{font-size:20px;gap:6px}.family-header .brand>svg{width:32px;height:32px}.family-nav summary{padding:10px 6px}.parity-home h1{font-size:30px!important}}