/* wørdle.net — site styles (design B: white, rounded, red accent, Nunito from our own server) */
@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/nunito-400.woff2) format("woff2")}
@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-700.woff2) format("woff2")}
@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/nunito-800.woff2) format("woff2")}
@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/nunito-900.woff2) format("woff2")}
:root{--wd-logo:#2fa64c;--wd-pic-n:#eef0f3;--wd-bg:#fff;--wd-soft:#f6f6f4;--wd-text:#15171c;--wd-muted:#5b616e;--wd-line:#e7e7e3;--wd-red:#c8102e;--wd-red-d:#a50d26;--wd-red-t:#fbe8eb;--wd-green:#2e7d4f;--wd-green-t:#e4f1e9;--wd-yellow:#b98a12;--wd-gray:#6b7079;--wd-key:#e9eaee;--wd-card:#fff;--wd-radius:10px;--wd-font:Nunito,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:light}
html.wd-dark{--wd-pic-n:#2a2d33;--wd-bg:#15171c;--wd-soft:#1b1d22;--wd-text:#eceef1;--wd-muted:#a4aab5;--wd-line:#2c2f35;--wd-red:#e0314a;--wd-red-d:#ff8a9b;--wd-red-t:#3a1f25;--wd-green:#3a8f5f;--wd-green-t:#1d3327;--wd-yellow:#c49a26;--wd-gray:#4b4f58;--wd-key:#3a3d44;--wd-card:#1e2026;color-scheme:dark}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--wd-bg);color:var(--wd-text);font:17px/1.65 var(--wd-font);overflow-x:hidden}
a{color:var(--wd-red-d)}
a:hover{color:var(--wd-red)}
img{max-width:100%;height:auto}
.wd-skip{position:absolute;left:-999px;top:0;background:var(--wd-text);color:var(--wd-bg);padding:8px 12px;border-radius:0 0 10px 0;z-index:100}
.wd-skip:focus{left:0}
/* header */
.wd-h{position:sticky;top:0;z-index:60;background:var(--wd-bg);border-bottom:1px solid var(--wd-line)}
.wd-h-in{max-width:1180px;margin:0 auto;height:64px;display:flex;align-items:center;gap:14px;padding:0 20px}
.wd-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;letter-spacing:.3px;color:var(--wd-text);text-decoration:none;flex-shrink:0}
.wd-logo:hover{color:var(--wd-text)}
.wd-logo i{width:34px;height:34px;border-radius:10px;background:var(--wd-logo);color:#fff;display:grid;place-items:center;font-style:normal;font-size:21px;line-height:1}
.wd-nav{margin-left:auto;display:flex;gap:2px}
.wd-nav a{padding:8px 11px;border-radius:10px;font-weight:800;font-size:15px;color:var(--wd-text);text-decoration:none;white-space:nowrap}
.wd-nav a:hover{background:var(--wd-soft);color:var(--wd-red-d)}
.wd-nav a[aria-current=page]{color:var(--wd-red-d)}
.wd-menu{display:none;margin-left:auto;position:relative}
.wd-menu summary{list-style:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;cursor:pointer;color:var(--wd-text)}
.wd-menu summary::-webkit-details-marker{display:none}
.wd-menu summary:hover,.wd-menu[open] summary{background:var(--wd-soft)}
.wd-menu nav{position:absolute;right:0;top:52px;width:250px;background:var(--wd-card);border:1px solid var(--wd-line);border-radius:16px;box-shadow:0 12px 32px rgba(21,23,28,.16);padding:8px;display:flex;flex-direction:column}
.wd-menu nav a{padding:11px 12px;border-radius:10px;font-weight:800;color:var(--wd-text);text-decoration:none}
.wd-menu nav a:hover{background:var(--wd-soft)}
@media (max-width:1060px){.wd-nav a.wd-n2{display:none}}
@media (max-width:900px){.wd-nav{display:none}.wd-menu{display:block}}
/* hero with the game */
.wd-hero{background:var(--wd-soft);padding:22px 0 34px}
.wd-hero-in{max-width:1180px;margin:0 auto;padding:0 16px}
.wd-crumbs{font-size:14px;color:var(--wd-muted);text-align:center;margin:0 0 4px}
.wd-crumbs ol{list-style:none;margin:0;padding:0;display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center}
.wd-crumbs li+li:before{content:"›";margin-right:6px;color:var(--wd-muted)}
.wd-crumbs a{color:var(--wd-muted);text-decoration:none;font-weight:700}
.wd-crumbs a:hover{color:var(--wd-red-d)}
.wd-hero h1{text-align:center;font-size:36px;font-weight:900;line-height:1.15;margin:2px 0 6px;letter-spacing:-.2px}
.wd-sub{text-align:center;color:var(--wd-muted);font-weight:700;margin:0 auto 18px;max-width:680px}
.wd-home .wd-hero{padding-top:14px}
.wd-home .wd-hero h1{font-size:22px;margin:0 0 10px}
.wd-home .wd-hero h1 span{color:var(--wd-muted);font-weight:800}
.wd-game{min-height:560px}
.wd-game.wd-tool{min-height:0}
.wd-gnote{text-align:center;font-size:13.5px;color:var(--wd-muted);margin:14px auto 0;max-width:680px}
/* sections and cards */
.wd-sec{max-width:1180px;margin:0 auto;padding:46px 20px 6px}
.wd-sec h2{font-size:30px;font-weight:900;line-height:1.2;margin:0}
.wd-sec-lead{color:var(--wd-muted);margin:6px 0 22px}
.wd-spil{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.wd-spilkort{display:flex;flex-direction:column;height:100%;border:1px solid var(--wd-line);border-radius:16px;background:var(--wd-card);text-decoration:none;color:var(--wd-text);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.wd-spilkort:hover{border-color:var(--wd-red);color:var(--wd-text);box-shadow:0 6px 20px rgba(21,23,28,.10)}
.wd-pic{display:block;background:var(--wd-red-t);border-bottom:1px solid var(--wd-line)}
.wd-pic.n{background:var(--wd-pic-n)}
.wd-pic.g{background:var(--wd-green-t)}
.wd-pic img{display:block;width:100%;height:auto;transition:transform .2s}
.wd-spilkort:hover .wd-pic img{transform:scale(1.04)}
html.wd-dark .wd-pic img{filter:brightness(.9)}
.wd-spiltxt{display:block;padding:14px 18px 18px}
.wd-spilkort b{display:block;font-size:18px;font-weight:800;line-height:1.3}
.wd-spilkort small{display:block;font-size:14.5px;line-height:1.5;color:var(--wd-muted);margin-top:4px}
@media (max-width:560px){.wd-spil{grid-template-columns:1fr 1fr;gap:12px}.wd-spiltxt{padding:10px 12px 12px}.wd-spilkort b{font-size:15.5px}.wd-spilkort small{display:none}}
/* article */
.wd-art{max-width:780px;margin:0 auto;padding:38px 20px 10px}
.wd-art h2{font-size:28px;font-weight:900;line-height:1.25;margin:42px 0 12px}
.wd-art h2:first-child{margin-top:0}
.wd-art h3{font-size:21px;font-weight:800;line-height:1.3;margin:28px 0 8px}
.wd-art p{margin:0 0 16px}
.wd-art ul,.wd-art ol{margin:0 0 18px;padding-left:24px}
.wd-art li{margin:5px 0}
.wd-art .lead{font-size:19px;line-height:1.6}
.wd-art table{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:15.5px;line-height:1.45}
.wd-art th,.wd-art td{border-bottom:1px solid var(--wd-line);padding:8px 10px;text-align:left;vertical-align:top}
.wd-art th{font-weight:800;background:var(--wd-soft)}
.wd-art td.n,.wd-art th.n{text-align:right;font-variant-numeric:tabular-nums}
.wd-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.wd-box{background:var(--wd-soft);border-radius:16px;padding:16px 20px;margin:18px 0 22px}
.wd-box p:last-child,.wd-box ul:last-child{margin-bottom:0}
.wd-ex{display:flex;gap:6px;margin:8px 0}
.wd-ex span{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:20px;border:2px solid #dcdcd6;background:var(--wd-bg);color:var(--wd-text)}
.wd-ex span.c{background:var(--wd-green);border-color:var(--wd-green);color:#fff}
.wd-ex span.p{background:var(--wd-yellow);border-color:var(--wd-yellow);color:#fff}
.wd-ex span.a{background:var(--wd-gray);border-color:var(--wd-gray);color:#fff}
.wd-exrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0}
.wd-exrow .wd-ex{margin:0}
.wd-exrow small{color:var(--wd-muted);font-size:15px}
.wd-faq h3{font-size:19px;margin:22px 0 6px}
.wd-src{font-size:14.5px;color:var(--wd-muted)}
kbd{font:700 14px/1 var(--wd-font);background:var(--wd-key);border-radius:6px;padding:3px 7px}
/* footer */
.wd-f{background:var(--wd-soft);margin-top:48px}
.wd-f-in{max-width:1180px;margin:0 auto;padding:30px 20px 36px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;font-size:15px}
.wd-f .wd-logo{font-size:19px}
.wd-f .wd-logo i{width:28px;height:28px;font-size:16px;border-radius:8px}
.wd-f nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.wd-f nav a{color:var(--wd-text);font-weight:700;text-decoration:none}
.wd-f nav a:hover{color:var(--wd-red-d)}
.wd-f p{flex-basis:100%;margin:0;color:var(--wd-muted);font-size:13.5px;line-height:1.55}
.wd-f button{font:inherit;font-weight:700;color:var(--wd-text);background:none;border:0;padding:0;cursor:pointer}
@media (max-width:640px){body{font-size:16.5px}.wd-h-in{height:58px;padding:0 10px 0 14px}.wd-logo{font-size:21px}.wd-logo i{width:30px;height:30px;font-size:18px}.wd-hero{padding:14px 0 26px}.wd-hero-in{padding:0 8px}.wd-hero h1{font-size:27px}.wd-sec{padding:36px 16px 4px}.wd-sec h2{font-size:25px}.wd-art{padding:30px 16px 6px}.wd-art h2{font-size:24px}.wd-art h3{font-size:19px}.wd-art .lead{font-size:18px}.wd-game{min-height:520px}}
@media print{.wd-h,.wd-f,.wd-sec,.wd-game{display:none}}