/*
Theme Name: QuordleHint
Theme URI: https://quordlehint.blog/
Author: QuordleHint
Description: Lightweight WordPress theme for Quordle hints, answers, solvers and word tools.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: quordlehint
*/
:root{--ink:#13233b;--muted:#607086;--blue:#2477e8;--navy:#102c52;--soft:#f4f8fc;--line:#dfe7f0;--green:#35c979;--yellow:#f4c62b;--max:1160px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:#fff}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.nav{max-width:var(--max);margin:auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:950;font-size:1.35rem;color:var(--navy);letter-spacing:-.03em}.menu{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:.94rem}.wrap{max-width:var(--max);margin:auto;padding:0 20px}.hero{padding:48px 0 28px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.hero h1{font-size:clamp(2.3rem,5.5vw,4.25rem);line-height:1.02;letter-spacing:-.05em;margin:.1rem 0 18px}.hero p{font-size:1.12rem;color:var(--muted);max-width:690px}.hero-image{border-radius:20px;box-shadow:0 18px 50px rgba(22,52,86,.13);border:1px solid var(--line)}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--blue)}.section{padding:34px 0}.section h2{font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.03em;margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:15px;padding:20px;background:#fff}.card h3{margin-top:0}.muted{color:var(--muted)}.article{max-width:850px}.article h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1}.article h2{margin-top:2.2em}.article h3{margin-top:1.7em}.formula{background:var(--soft);border-left:4px solid var(--blue);padding:16px 18px;border-radius:8px;font-weight:750}.table-wrap{overflow:auto}.compare{width:100%;border-collapse:collapse}.compare th,.compare td{border:1px solid var(--line);padding:12px;text-align:left}.compare th{background:var(--soft)}.breadcrumbs{padding-top:20px;color:var(--muted);font-size:.9rem}.site-footer{margin-top:55px;background:var(--navy);color:#dce8f5}.footer-inner{max-width:var(--max);margin:auto;padding:38px 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer a{color:#fff}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.14);padding:16px 20px;font-size:.88rem}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:100}.cta{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:24px}.agency{font-weight:800}.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#edf5ff;color:#1555ad;font-size:.82rem;font-weight:800;margin:3px}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.menu{display:none}.hero{padding-top:34px}.footer-inner{grid-template-columns:1fr}}