/* Waffle uses the site's cream, ink, coral and mint palette, with a honey-coloured board. */
body[data-route="waffle"]{background:#f5f1e3;color:#244547}
.waffle-wrap{max-width:1120px}.waffle-wrap .breadcrumbs{font-size:12px;margin:0 0 14px;line-height:1.6;color:#49655b}
.waffle-intro h1{font-size:clamp(27px,4vw,44px);line-height:1.1;letter-spacing:-1px;margin:0 0 10px}
.waffle-intro p{max-width:880px;font-size:16px;line-height:1.55;margin:0 0 16px}
.waffle-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.waffle-nav a{padding:7px 12px;font-size:14px;text-decoration:none;border:1px solid #9cae9a;background:#fffbee}.waffle-nav a[aria-current="page"]{background:#244547;color:#fffbee}
.waffle-game{background:#fffbee;border:2px solid #28494c;box-shadow:6px 6px 0 #c4d2ae;padding:20px;max-width:800px;margin:0 auto 36px}
.waffle-game-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:700 13px/1.5 'Courier New',monospace;margin-bottom:14px}.waffle-game-top>span:last-child{color:#52654a}
.waffle-board{display:grid;grid-template-columns:repeat(var(--waffle-size),minmax(0,1fr));gap:6px;max-width:420px;margin:auto;aspect-ratio:1}
body[data-route="waffle"] .waffle-tile{position:relative;border:2px solid #52695a;border-radius:4px;box-shadow:0 2px 0 #859478;min-width:0;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;font:700 clamp(19px,4vw,30px)/1 'Space Grotesk',sans-serif;background:#e6e4d7;color:#203e3e;aspect-ratio:1;cursor:pointer}
body[data-route="waffle"] .waffle-tile.correct{background:#48775b;color:white;opacity:1;cursor:default}
body[data-route="waffle"] .waffle-tile.present{background:#efd086;color:#273f37}
.waffle-tile small{position:absolute;right:3px;bottom:2px;font:10px/1 sans-serif}.waffle-tile.selected{outline:3px solid #cf563b;outline-offset:1px;transform:translateY(-2px)}
body[data-route="waffle"] button:focus-visible,body[data-route="waffle"] a:focus-visible{outline:3px solid #b9422b;outline-offset:3px}
.waffle-gap{pointer-events:none}.waffle-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px;line-height:1.8}.waffle-legend i{display:inline-block;width:18px;text-align:center;background:#e6e4d7;font-style:normal}.waffle-legend i.correct{background:#48775b;color:white}.waffle-legend i.present{background:#efd086}
#waffle-message{font-size:14px;text-align:center;min-height:22px;line-height:1.5;margin:14px 0 8px}
#waffle-local{font-size:12px;line-height:1.5;text-align:center;margin:14px 0 0}
.waffle-in-game-hints{margin-top:12px;padding:8px 0;border-bottom:0}.waffle-in-game-hints>summary{font-size:14px}
#waffle-hints details{padding:10px}#waffle-hints p{font-size:14px}#waffle-result{margin-top:20px;border-top:2px solid #b5c4a4;padding-top:12px}
.waffle-next{display:flex;gap:8px;flex-wrap:wrap}.waffle-next a{padding:12px;border:1px solid #8b9d80;background:#e5ebcf;font-size:14px}
.waffle-copy{max-width:850px;margin:32px 0}.waffle-copy p,.waffle-copy li,.waffle-wrap>section>p{line-height:1.8}.waffle-wrap h2{font-size:25px;line-height:1.25;margin-top:28px}.waffle-wrap h3{font-size:19px}.waffle-wrap section>p{max-width:850px}
.waffle-date-list{display:flex;flex-wrap:wrap;list-style:none;gap:10px;padding:0}.waffle-date-list a{display:block;padding:10px;border:1px solid #aab99c}.waffle-date-nav{display:flex;justify-content:space-between;gap:16px;margin:32px 0;font-size:14px}.waffle-archive-list{padding:0;list-style:none}.waffle-archive-list li{padding:18px 0;border-bottom:1px solid #b7c4ac}.waffle-archive-list li div{line-height:2;margin-top:8px}
.waffle-solutions{display:grid;grid-template-columns:80px 1fr;gap:8px}.waffle-solutions h3{margin:16px 0}.waffle-solutions ol{display:flex;flex-wrap:wrap;gap:8px 24px;padding-left:20px;font-family:monospace}.waffle-solutions li{padding:5px}
.waffle-play-link{margin:18px 0;padding:12px 16px;background:#e5ebcf;border-left:4px solid #48775b;font-weight:700}
.disclaimer{max-width:850px;border-top:1px solid #aab99c;padding-top:14px;margin-top:32px;font-size:14px;line-height:1.7;color:#52665b}.waffle-back{font-size:14px;margin:24px 0}.waffle-directory{display:grid;grid-template-columns:1fr 1fr;gap:18px}.waffle-directory>h2{grid-column:1/-1}.waffle-directory article{padding:18px;border:2px solid #28494c;background:#fffbee}.waffle-directory h3{margin:0}.waffle-directory p{font-size:15px}
.waffle-mode-switch{display:flex;gap:8px;margin:0 0 14px}.waffle-mode-switch button{min-height:36px;font-size:13px;padding:6px 10px}.waffle-mode-switch button[aria-pressed="true"]{background:#244547;color:#fffbee}#waffle-new{display:block;margin:16px auto 0;font-size:14px;padding:9px 16px}
@media(max-width:600px){body[data-route="waffle"] .site-header{padding:14px 18px;gap:8px}body[data-route="waffle"] .brand-mark{display:none}body[data-route="waffle"] .brand-name{font-size:14px}body[data-route="waffle"] .nav{font-size:11px;gap:8px}.waffle-wrap{padding-top:16px}.waffle-wrap .breadcrumbs{margin-bottom:10px;font-size:11px}.waffle-intro h1{font-size:27px}.waffle-intro p{font-size:14px;line-height:1.5;margin-bottom:12px}.waffle-nav{gap:4px;margin-bottom:14px}.waffle-nav a{padding:6px 8px;font-size:12px}.waffle-game{padding:12px;box-shadow:4px 4px 0 #c4d2ae;margin-bottom:28px}.waffle-game-top{font-size:11px;gap:3px;margin-bottom:10px}.waffle-game-top>span:last-child{font-size:10px}.waffle-board{gap:4px;max-width:350px}.waffle-tile small{font-size:8px}.waffle-legend{gap:6px;font-size:10px}#waffle-message{font-size:12px;margin:10px 0 6px}#waffle-local{font-size:11px;margin-top:10px}.waffle-directory{grid-template-columns:1fr}.waffle-mode-switch{margin-bottom:10px}.waffle-date-nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.waffle-tile{transition:none}}
@media(max-width:600px){body[data-route="waffle"] .brand-name{white-space:nowrap;font-size:10px;letter-spacing:.7px;padding-left:0;border:0}body[data-route="waffle"] .nav a{padding:7px 6px;white-space:nowrap;font-size:10px;min-height:32px}body[data-route="waffle"] .nav{gap:5px}body[data-route="waffle"] .waffle-nav a{font-size:11px;padding:6px}.waffle-game-top{align-items:center}.waffle-game-top>span:last-child{font-size:9px}}