/* Free activities (homepage menu, section and /free page) - v1.0, 29 Sep 2026. Built by nq-free-activities-build.py; edit the list, not this page. */
.fa-dd{position:relative}
.fa-dd>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:10px;font:600 14px var(--fb);color:var(--t);background:rgba(62,207,142,.12);border:1px solid rgba(62,207,142,.35);min-height:44px}
.fa-dd>summary::-webkit-details-marker{display:none}
.fa-dd[open]>summary,.fa-dd>summary:hover{background:rgba(62,207,142,.22)}
.fa-dd-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:360px;background:#0E1226;border:1px solid var(--b2);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.4);padding:10px;z-index:250}
[data-theme="light"] .fa-dd-panel{background:#FDFBF6;box-shadow:0 18px 40px rgba(32,43,51,.18)}
.fa-dd-panel.wide{min-width:660px;left:auto;right:-160px}
.nav-links .fa-dd-panel a{display:flex;padding:0;background:none;color:var(--t);font-weight:400}
.nav-links .fa-dd-panel a.fa-dd-item{gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px}
.nav-links .fa-dd-panel a.fa-dd-item:hover{background:var(--s2)}
.fa-dd-ic{font-size:26px;line-height:1.1}
.fa-dd-item b{display:block;font:600 16px var(--fh)}
.fa-dd-item small{display:block;color:var(--m);font-size:12px;line-height:1.5;margin-top:2px}
.fa-dd-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 16px;padding:4px 6px}
.fa-dd-cols h6{font:700 11px var(--fb);letter-spacing:1.2px;text-transform:uppercase;color:var(--green);margin:10px 0 4px}
.nav-links .fa-dd-cols a{display:block;padding:8px;border-radius:8px;font-size:14px}
.nav-links .fa-dd-cols a:hover{background:var(--s2)}
.nav-links .fa-dd-panel a.fa-dd-all{display:block;margin-top:8px;padding:12px;border-top:1px solid var(--b);font-weight:700;color:var(--green);text-align:center}
@media(max-width:760px){.fa-dd{display:none}}
.nq-menu{overflow-y:auto}
.fa-mm{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin:4px 0;padding:6px 0}
[data-theme="light"] .fa-mm{border-color:#D9CCAE}
.fa-mm-h{padding:12px 26px 4px;font:700 12px var(--fb);letter-spacing:1.2px;text-transform:uppercase;color:#3ECF8E}
[data-theme="light"] .fa-mm-h,[data-theme="light"] .nq-menu a.fa-mm-all{color:#2F6B4F}
.nq-menu .fa-mm a{display:block;padding:13px 26px 13px 30px;font-size:15px;min-height:48px}
.fa-mm details summary{padding:13px 26px 13px 30px;cursor:pointer;font-weight:600;color:#eef1ff;min-height:48px}
[data-theme="light"] .fa-mm details summary{color:#202B33}
.nq-menu .fa-mm details a{padding-left:44px;font-weight:500}
.nq-menu a.fa-mm-all{color:#3ECF8E}
.fa-section{padding-top:28px}
.fa-filter{display:flex;align-items:center;gap:10px;margin:22px 0 4px;flex-wrap:wrap}
.fa-filter label{font-weight:700;color:var(--m);font-size:14px}
.fa-filter select{min-height:48px;min-width:220px;padding:8px 40px 8px 14px;border-radius:12px;border:1px solid var(--b2);background:var(--s) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%238892B0' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--t);font:600 15px var(--fb);-webkit-appearance:none;appearance:none;cursor:pointer}
.fa-filter select option{color:#202B33}
.fa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:24px}
.fa-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:840px}
.fa-card{display:flex;flex-direction:column;background:var(--s);border:1px solid var(--b);border-radius:20px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;color:var(--t)}
.fa-card:hover{transform:translateY(-3px);border-color:var(--b2);box-shadow:0 16px 40px rgba(0,0,0,.25)}
.fa-card:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.fa-card[hidden],.fa-card.fa-extra{display:none}
.fa-card.fa-extra.fa-on{display:flex}
.fa-pic{position:relative;aspect-ratio:2/1;background:#0b0f24;overflow:hidden}
.fa-pic img{width:100%;height:100%;object-fit:cover}
.fa-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.fa-art span{font-size:64px}
.fa-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.fa-body h3{font:600 21px/1.2 var(--fh)}
.fa-body p{font-size:14px;color:var(--m);line-height:1.6}
.fa-tags{display:flex;flex-wrap:wrap;gap:6px}
.fa-tags span{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;background:rgba(62,207,142,.1);color:var(--green)}
.fa-go{margin-top:6px;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;background:var(--green);color:#04130B;font-weight:700;font-size:16px}
.fa-all{display:flex;justify-content:center;margin-top:26px}
.fa-back{display:inline-block;margin-bottom:14px;color:var(--m);font-weight:600;min-height:44px;line-height:44px}
@media(max-width:560px){.fa-grid,.fa-grid.two{grid-template-columns:1fr}}
[data-theme="light"] .fa-tags span{background:rgba(47,107,79,.12)}
[data-theme="light"] .fa-go{color:#fff}
/* FA-GU v1.1 (5 Oct 2026 20:50, crossword lane; builder v1.3: centred text that can wrap, and the tap highlight only with a mouse, so it doesn't stay on phones) - v1.0 4 Oct 22:50: a card that names its grown-ups' page is one big Play link plus a small "For grown-ups" link beneath it. Undo of the wording: tasks/2026-10-05_2050_grownups-link-wording-v1.0.py --undo */
.fa-main{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.fa-main:focus-visible{outline:3px solid var(--green);outline-offset:-3px;border-radius:20px}
.fa-has-gu .fa-body{padding-bottom:8px}
.fa-gu{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:4px 10px;margin:0 18px 12px;border-radius:10px;font-size:14px;font-weight:700;color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media (hover:hover){.fa-gu:hover{background:rgba(62,207,142,.12)}}
.fa-gu:focus-visible{outline:3px solid var(--green);outline-offset:2px}
/* /FA-GU */