/* October 2026 additions */
/* hero language pill + native French home */
.art-herocta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.art-herocta .mtlbli{margin:0}
.art-langpill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--accent-light);border-radius:999px;color:var(--accent-light);font-weight:700;font-size:.92rem;text-decoration:none;background:var(--bg-surface)}
.art-langpill:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}
.art-langpill svg{display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.art-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:1rem 0}
.art-tile{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--bg-surface);display:flex;flex-direction:column;gap:6px}
.art-tile img{height:34px;width:auto;max-width:120px;object-fit:contain;align-self:flex-start;border-radius:6px}
.art-tile-k{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-light);font-weight:700}
.art-tile-n{font-size:1.15rem;font-weight:800;color:inherit}
.art-tile p{margin:0;font-size:.9rem;opacity:.85}
.art-rank td{vertical-align:middle}
.art-rk{font-weight:800;text-align:center;width:2.5em}
.art-rname{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:inherit;white-space:nowrap}
.art-rname img{width:44px;height:28px;object-fit:contain;border-radius:5px;background:#fff}
.art-upd{display:flex;align-items:center;flex-wrap:wrap;gap:.35em;margin:.9rem 0 1.1rem;font-size:.92rem;opacity:.92}
.art-upd a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.art-upd time{font-weight:700}
.art-dot{display:inline-block;width:.55em;height:.55em;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 3px rgba(61,220,132,.25);margin-right:.2em}
.art-crumb{font-size:.85rem;opacity:.8;margin:0 0 .6rem}
.art-crumb a{color:inherit}
.art-fguides{flex-wrap:wrap;margin-bottom:.8rem}
.u55d p a,.xcm5yk8 a,.k27e a,.d5gk0 a,.huw9gp a,.a9uypp5 p a,.nkex9 td a{text-decoration:underline;text-underline-offset:2px}
section[id]{scroll-margin-top:76px}
/* review links + screenshots */
.art-rev{display:block;margin-top:.45rem;font-size:.82rem;text-align:center;color:var(--accent-light);text-decoration:underline;text-underline-offset:2px}
.art-shot{margin:1.1rem 0 1.3rem;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg-surface)}
.art-shot img{display:block;width:100%;height:auto}
.art-shot figcaption{padding:.6rem .9rem;font-size:.85rem;opacity:.85}
/* language flags */
.art-langsw{display:flex;gap:6px;margin-left:12px;align-items:center;flex-shrink:0}
.art-flag{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--border);border-radius:6px;font-size:.74rem;font-weight:700;color:var(--text-muted);text-decoration:none;opacity:.75}
.art-flag svg{display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.art-flag.on{opacity:1;border-color:var(--accent-light);color:var(--accent-light)}
.art-flag:hover{opacity:1}
@media (max-width:640px){.art-flag span{display:none}.art-langsw{order:1;margin-left:auto;margin-right:8px}.ku48pue .zt9wf{order:2}}
/* header menu with dropdowns */
.art-menu > li + li::before{display:none !important}
.art-menu{column-gap:18px}
.art-dd{position:relative}
.art-ddb{background:none;border:0;margin:0;padding:6px 0;font:inherit;font-size:.88rem;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.art-ddb::after{content:"";width:5px;height:5px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.art-dd.open>.art-ddb::after{transform:translateY(1px) rotate(225deg)}
.art-ddb:hover,.art-dd.open>.art-ddb,.art-cur>.art-ddb{color:var(--accent-light)}
.art-ddm{display:none;position:absolute;top:calc(100% + 10px);left:-16px;min-width:250px;list-style:none;margin:0;padding:8px 0;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.14);z-index:300}
.art-ddm::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.art-dd.open>.art-ddm{display:block}
.art-menu .art-ddm a{display:block;padding:8px 18px;font-size:.88rem;border:0}
.art-menu .art-ddm a:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}
.art-menu a[aria-current=page]{color:var(--accent-light);font-weight:700}
@media (hover:hover) and (min-width:641px){.art-dd:hover>.art-ddm{display:block}}
@media (min-width:641px) and (max-width:1060px){.art-menu{column-gap:12px}.art-menu a,.art-ddb{font-size:.8rem}.art-lang{display:none}}
@media (min-width:641px) and (max-width:860px){.ku48pue .w5es0{display:none !important}}
@media (max-width:640px){
 .art-menu{max-height:82vh;overflow-y:auto}
 .art-ddb{display:block;width:100%;text-align:center;padding:13px 28px;font-size:1rem}
 .art-ddb::after{display:inline-block;margin-left:8px}
 .art-ddm{position:static;min-width:0;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0 0 8px}
 .art-ddm::before{display:none}
 .art-menu .art-ddm a{text-align:center;padding:9px 28px;font-size:.95rem}
}