/* Presentation-only artwork treatment for MyWordHub solver and reference pages. */
.tool-head,.hero{position:relative;text-align:left;padding:clamp(28px,5vw,52px) 0 clamp(18px,3vw,28px)}
.tool-head .tool-page-artwork,.hero .tool-page-artwork{position:absolute;top:50%;right:0;width:clamp(220px,24vw,260px);margin:0;transform:translateY(-50%);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--accent-face);box-shadow:0 20px 42px -34px rgba(var(--shadow),.7)}
.tool-head .tool-page-artwork:has(img[src$="/wordle-solver.webp"]),.tool-head .tool-page-artwork:has(img[src$="/spelling-bee-solver.webp"]){right:clamp(16px,2.5vw,32px)}
.tool-head .tool-page-artwork img,.hero .tool-page-artwork img{display:block;width:100%;height:auto;object-fit:cover}
.tool-head .tool-page-artwork img[src$="/wordle-solver.webp"]{transform:translateX(-2%) scale(1.16);transform-origin:45% 50%}
.tool-head .tool-page-artwork img[src$="/spelling-bee-solver.webp"]{transform:translateX(-1.5%) scale(1.14);transform-origin:48% 50%}
.tool-head:has(.tool-page-artwork) h1,.tool-head:has(.tool-page-artwork) p,.tool-head:has(.tool-page-artwork) .eyebrow,.hero:has(.tool-page-artwork) h1,.hero:has(.tool-page-artwork) p{position:relative;z-index:1;max-width:min(64%,620px);margin-left:0;margin-right:0}.tool-head h1,.hero h1{overflow-wrap:anywhere}.tool-head,.hero,.tool-head *, .hero *{max-width:100%}
@media(max-width:700px){.tool-head,.hero{display:flex;flex-direction:column;text-align:center;overflow:hidden;padding-left:0;padding-right:0}.tool-head .tool-page-artwork,.hero .tool-page-artwork{position:static;width:min(100%,260px);margin:16px auto 0;transform:none;flex:none}.tool-head:has(.tool-page-artwork) h1,.tool-head:has(.tool-page-artwork) p,.tool-head:has(.tool-page-artwork) .eyebrow,.hero:has(.tool-page-artwork) h1,.hero:has(.tool-page-artwork) p{max-width:560px;margin-left:auto;margin-right:auto}.tool-head h1,.hero h1{width:100%;font-size:clamp(1.85rem,10vw,2.7rem);line-height:1.05}.wrap.narrow{min-width:0;overflow-x:hidden}.site-head{max-width:100%}}