/* Theme F: /typing-games-for-kids/ and /typing-games-for-adults/ (2026-10-13) */
html.ttf .ttf-age{padding:28px 0 56px;color:var(--f-text)}
html.ttf .ttf-age-bc{font:600 12px var(--f-mono);color:var(--f-dim);margin:0 0 22px}
html.ttf .ttf-age-bc a{color:var(--f-muted)!important;text-decoration:none}
html.ttf .ttf-age-bc a:hover{color:var(--f-lime)!important}
html.ttf .ttf-age-kick{font:600 13px var(--f-mono);letter-spacing:.14em;color:var(--f-cyan);margin:0 0 12px}
html.ttf .ttf-age h1{font:clamp(22px,4.4vw,40px)/1.25 var(--f-px);color:var(--f-lime);margin:0 0 18px;text-shadow:0 4px 0 var(--f-ink)}
html.ttf .ttf-age-lead{font-size:18px;line-height:1.65;color:var(--f-soft);max-width:760px;margin:0 0 40px}
html.ttf .ttf-age h2{font:800 clamp(20px,2.6vw,26px)/1.3 var(--f-sans);color:var(--f-text);margin:0 0 16px}
html.ttf .ttf-age-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;margin-bottom:56px!important}
html.ttf .ttf-age-grid:before{display:none}
html.ttf .ttf-d-easy{--c:var(--f-lime)}html.ttf .ttf-d-medium{--c:var(--f-cyan)}html.ttf .ttf-d-hard{--c:var(--f-amber)}html.ttf .ttf-d-extreme{--c:var(--f-pink)}
html.ttf .ttf-age-card .ttf-kc{background:var(--c);border-color:transparent;box-shadow:0 5px 0 var(--f-ink);color:var(--f-ink)!important;max-width:100%;white-space:normal;padding:8px 12px;line-height:1.5}
html.ttf .ttf-age-sec{background:var(--f-bg2);border:2px solid var(--f-edge);border-radius:8px;padding:26px 24px;margin:0 0 22px;box-shadow:0 0 0 4px var(--f-ink)}
html.ttf .ttf-age-sec p,html.ttf .ttf-age-sec li,html.ttf .ttf-age-sec td{color:var(--f-soft);font-size:16px;line-height:1.7}
html.ttf .ttf-age-sec p{margin:0 0 12px}
html.ttf .ttf-age-sec ol,html.ttf .ttf-age-sec ul{margin:0 0 12px;padding-left:22px}
html.ttf .ttf-age-sec ol{list-style:decimal}html.ttf .ttf-age-sec ul{list-style:square}
html.ttf .ttf-age-sec li{margin:0 0 8px}
html.ttf .ttf-age-sec strong{color:var(--f-text)}
html.ttf .ttf-age-sec table{width:100%;border-collapse:collapse;margin:6px 0 4px}
html.ttf .ttf-age-sec th{font:9px/1.5 var(--f-px);color:var(--f-cyan);text-align:left;padding:10px;border-bottom:2px solid var(--f-edge)}
html.ttf .ttf-age-sec td{padding:10px;border-bottom:1px solid var(--f-edge);vertical-align:top}
html.ttf .ttf-age-sec a{color:var(--f-cyan)!important;text-decoration:underline;text-decoration-color:rgba(61,224,255,.45);text-underline-offset:3px}
html.ttf .ttf-age-faq details{border-bottom:1px solid var(--f-edge);padding:12px 0}
html.ttf .ttf-age-faq summary{cursor:pointer;font-weight:700;color:var(--f-text);font-size:16px}
html.ttf .ttf-age-faq details p{margin:10px 0 0}
html.ttf .ttf-age-rel{display:flex;flex-wrap:wrap;gap:10px}
html.ttf .ttf-age-rel a{font:9px/1.4 var(--f-px);text-decoration:none!important;color:var(--f-lime)!important;border:2px solid var(--f-edge);border-radius:8px;padding:12px 14px;background:var(--f-panel)}
html.ttf .ttf-age-rel a:hover{border-color:var(--f-lime)}
@media (max-width:640px){html.ttf .ttf-age-sec{padding:20px 16px}html.ttf .ttf-age-sec table{display:block;overflow-x:auto}}
html.ttf .ttf-age-sec th[scope=row]{font:600 13px/1.5 var(--f-mono);color:var(--f-lime);letter-spacing:.02em;width:26%;border-bottom:1px solid var(--f-edge)}