/* languages.im network additions (26 Oct 2026): explore bar, Useless, support, shop, counter */
.xbar{background:#0b1b1e;border-bottom:1px solid rgba(255,255,255,.08)}
.xbar .xin{display:flex;align-items:center;min-height:44px}
.xlink{display:inline-flex;align-items:center;gap:.45em;min-height:44px;padding:0 .6rem;margin-left:-.6rem;color:#e0c48f;font:700 14px/1.2 var(--sans);letter-spacing:.01em;text-decoration:none;border-radius:6px}
.xlink:hover,.xlink:focus-visible{color:#f0d9ad;text-decoration:underline;text-underline-offset:3px}
.xlink:focus-visible{outline:2px solid #e0c48f;outline-offset:-2px}
.xlink .xarr{display:inline-block;transition:transform .15s ease}
.xlink:hover .xarr{transform:translateX(-3px)}
@media (prefers-reduced-motion:reduce){.xlink .xarr{transition:none}}
@media print{.xbar{display:none}}
.useless{display:grid;grid-template-columns:110px 1fr;gap:1rem;align-items:center;background:var(--ivory);color:var(--ink);border:2px dashed rgba(32,51,51,.25);border-radius:18px;padding:1rem 1.1rem;margin:2rem 0;text-align:left}
.useless .who{background:none;border:0;padding:0;cursor:pointer;transition:transform .2s}
.useless .who img{width:110px;height:auto;display:block}
.useless .who:hover{transform:rotate(-6deg) scale(1.05)}
.useless .kicker,.tm-kicker{display:block;font:700 10px/1.4 var(--sans);letter-spacing:.21em;text-transform:uppercase;color:#7b6b52}
.useless .note{font:italic 17px/1.5 var(--serif);margin:.35rem 0}
.useless .sig{font:italic 14px var(--serif);color:var(--muted)}
.useless .tap{font-size:12px}
@media (max-width:520px){.useless{grid-template-columns:72px 1fr}.useless .who img{width:72px}}
.tm-support{background:var(--cream);padding:70px 0}
.tm-support h2{font:400 clamp(32px,4vw,48px)/1.1 var(--serif);color:var(--sea);margin:14px 0 12px}
.tm-support p{max-width:640px;color:#55635f;line-height:1.75;font-size:15px}
.tm-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:22px 0 0}
.btn-ghost{background:transparent;color:var(--sea);box-shadow:inset 0 0 0 2px var(--sea)}
.btn-ghost:hover{background:var(--sea);color:#fff}
.footer-net{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;color:#8da49a;font-size:11px}
.footer-net a{color:#d7c49c}
.footer-net a:hover{color:#fff}
.hits{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;margin:0;font:600 .8rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.03em}
.hits[hidden]{display:none!important}
.hits-n{display:inline-flex;gap:2px;padding:3px;background:#000;border:3px outset #a8a8a8}
.hits-n span{display:inline-block;min-width:1.1em;padding:.3em .18em;background:#161616;color:#39ff14;text-align:center;font:700 1.05rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:0 0 4px rgba(57,255,20,.6)}
/* sub pages */
.tm-page{background:var(--cream);padding:64px 0 80px}
.tm-page .display-title{font-size:clamp(40px,5vw,62px)}
.tm-page h2.tm-h2{font:400 32px/1.15 var(--serif);color:var(--sea);margin:44px 0 12px}
.tm-page p,.tm-page li{color:#4b5956;line-height:1.75;font-size:15px}
.tm-page .narrowtext{max-width:760px}
.tm-page ul.tm-list{padding-left:1.2rem}
.tm-page a:not(.btn):not(.pbuy){color:var(--rust);text-decoration:underline;text-underline-offset:3px}
/* printables (ported from moon.planets.im, TalkManx colours) */
.printables{margin-top:1.6rem}
.printables ul,.printables li{list-style:none}
.printables .prgrid{padding:0;margin:1rem 0 0;display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:600px){.printables .prgrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:24px}}
@media (min-width:1000px){.printables .prgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
.prcard{display:flex;flex-direction:column;background:var(--ivory);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:0;box-shadow:0 10px 30px -18px rgba(16,43,48,.45)}
.pmedia{position:relative;aspect-ratio:16/9;background:var(--sea-dark);padding:8px}
.pmedia .pcov{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}
.pbadge{position:absolute;top:16px;left:16px;background:var(--gold);color:var(--sea-dark);font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:.45rem .7rem;border-radius:999px}
.pbody{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.printables .ptitle{margin:0;font:400 21px/1.25 var(--serif);color:var(--sea)}
.printables .pdesc{margin:.45rem 0 0;color:#55635f;font-size:14px;line-height:1.6}
.pfoot{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.pbuy{display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:var(--sea-dark);font:800 15px var(--sans);padding:.55rem 1rem;border-radius:3px;text-decoration:none;white-space:nowrap}
a.pbuy:hover{background:#d8bb88}
.pbuy.soon{cursor:default}
.pbuy .csoon{font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;background:rgba(16,43,48,.12);padding:.3rem .45rem;border-radius:3px}
.pbanner{margin-top:24px;display:grid;grid-template-columns:1fr;background:var(--ivory);border:2px solid var(--gold);border-radius:6px;overflow:hidden}
.pbanner .pbody{padding:20px 22px 22px;justify-content:center}
.pbanner .ptitle{font-size:26px}
@media (min-width:1000px){.pbanner{grid-template-columns:minmax(0,46%) 1fr}.pbanner .pmedia{aspect-ratio:auto}.pbanner .pmedia::before{content:"";display:block;padding-top:56.25%}.pbanner .pmedia .pcov{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}.pbanner .pbody{padding:28px 32px}}
.freedl{position:relative;display:inline-block}
.freedl summary{list-style:none;cursor:pointer;user-select:none}
.freedl summary::-webkit-details-marker{display:none}
.freedl summary::marker{content:""}
.freedl summary::after{content:"";display:inline-block;margin-left:-.6rem;border:5px solid transparent;border-top-color:currentColor;transform:translateY(3px)}
.freedl[open] summary::after{transform:translateY(-2px) rotate(180deg)}
.freemenu{position:absolute;left:0;top:calc(100% + 8px);width:260px;background:var(--ivory);border:2px solid var(--sea);border-radius:4px;padding:.75rem;box-shadow:0 16px 36px -12px rgba(16,43,48,.55);z-index:30}
.freemenu p{margin:0 0 .45rem;font-size:13px;color:#55635f;line-height:1.5}
.freemenu a{display:flex;justify-content:space-between;gap:.8rem;padding:.55rem .7rem;margin-top:.35rem;border:1px solid var(--rust);border-radius:3px;color:var(--rust)!important;font:700 14px var(--sans);text-decoration:none!important}
.freemenu a:hover{background:#f3e4dc}
.freemenu a span{font-weight:400;color:#55635f}
.freebox{background:var(--ivory);border:2px dashed rgba(32,51,51,.25);border-radius:6px;padding:20px 22px;margin:22px 0}
.freebox h2{margin-top:0!important}
