/* Tooleek cute mascots and object icons (2026-10-27). Decoration only. Linked at the start of <body> (never <head>)
   by deploy-extras/cute/cute-inject.mjs. No animation. Images are transparent WebP, so they need no dark-mode rules. */
.cute-host{position:relative}
/* Home: site mascot, right-aligned in the H1 block, absolutely positioned so it never moves the H1, the lead or the
   tool below. cute.js picks size and offset from the free space and adds .cute-on; until then it is hidden. */
.cute-host>img.cute-hero{position:absolute;right:0;top:0;height:0;width:auto;max-width:none;margin:0;z-index:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}
.cute-host>img.cute-hero.cute-on{visibility:visible}
/* Card lists: a small object sticker on the corner of the existing icon box (out of flow, card size unchanged) ... */
.cute-bh{position:relative}
.cute-bh>img.cute-b{position:absolute;right:-9px;bottom:-9px;width:24px;height:24px;max-width:none;margin:0;pointer-events:none}
/* ... or, for cards without an icon box, inline before the card title (1.1em, sits inside the line box). */
img.cute-in{display:inline-block;width:1.1em;height:1.1em;max-width:none;vertical-align:-.18em;margin:0 .32em 0 0}
/* Hub: category headings and the per-site catalog cards. */
h2>img.cute-cat{width:24px;height:24px;max-width:none;flex:none;margin:0}
.tool-top>img.cute-tool{height:46px;width:auto;max-width:none;margin:0 0 0 auto;flex:none}
/* 404: lost hedgehog with a short line (Korean first, then the other four languages). */
.cute-404{display:flex;align-items:center;gap:16px;margin:0 0 20px}
.cute-404>img{width:112px;height:auto;max-width:none;flex:none}
.cute-404 p{margin:0 0 6px;line-height:1.55}
.cute-404 p[lang]{font-size:14px;color:var(--muted,var(--text-2,inherit))}
/* 2026-10-27: the 404 page is Korean; show the Korean line and the English line only. */
.cute-404 p[lang="ja"],.cute-404 p[lang="zh-Hans"],.cute-404 p[lang="es"]{display:none}