.foretangle{margin:0 var(--gutter);padding:64px 0 90px;border-top:1px solid var(--ink)}
.foretangle [hidden]{display:none!important}.foretangle-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:28px;align-items:start;margin-bottom:45px}.foretangle-heading h2{font:400 clamp(42px,5vw,78px)/.98 var(--serif);margin:0}.foretangle-heading h2 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.foretangle-heading>p:last-child{font-size:20px;line-height:1.5;margin:0}.foretangle-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:6vw}.foretangle h3{font:400 36px/1.05 var(--serif);margin:12px 0 20px}.release-calendar{border:1px solid var(--hair);padding:30px;background:rgba(255,255,255,.2);align-self:start}.calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--hair);padding-top:18px}.calendar-controls h4{font:500 16px var(--mono);text-align:center}.foretangle button{font:500 13px var(--mono);background:transparent;border:1px solid var(--hair);padding:12px;cursor:pointer;min-height:44px}.foretangle button:hover{background:var(--ink);color:var(--paper)}.foretangle :is(button,input,a):focus-visible{outline:2px solid var(--red);outline-offset:4px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekday{font:11px var(--mono);text-align:center;padding:8px 0}.calendar-day{display:flex;justify-content:center;align-items:center;min-height:44px;font:13px var(--mono);position:relative}.calendar-day.is-today{outline:1px solid var(--hair);outline-offset:-3px}.calendar-day.has-release{border-radius:50%;background:var(--red);color:white}.calendar-day.has-release:after{content:'•';position:absolute;bottom:1px;font-size:10px}.foretangle-note{font:11px/1.6 var(--mono);color:#55544e}.release-dates{padding:0;list-style:none}.release-dates li{border-top:1px solid var(--hair);padding:14px 0;font-size:19px}.release-dates small{display:block;font:11px/1.6 var(--mono)}.draft-riddles>p:not(.section-label){line-height:1.5}.draft-puzzle{border-top:1px solid var(--hair);padding:22px 0}.draft-puzzle label{display:block;font:11px var(--mono);margin-bottom:10px}.puzzle-letters{font:500 clamp(19px,2vw,26px)/1.7 var(--mono);letter-spacing:.14em;overflow-wrap:anywhere;margin:0 0 16px}.draft-puzzle form{display:flex;gap:8px}.draft-puzzle input{background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;font:20px var(--serif);padding:10px;min-width:0;flex:1;color:var(--ink)}.draft-puzzle input:disabled{opacity:.8}.draft-puzzle.is-solved .puzzle-letters{color:#43613a}.puzzle-result{font:12px/1.5 var(--mono);min-height:18px;margin:10px 0 0}.foretangle-more{width:100%}
@media(max-width:850px){.foretangle-heading{grid-template-columns:1fr 2fr}.foretangle-heading>p:last-child{grid-column:2}.foretangle-layout{grid-template-columns:1fr;gap:40px}.release-calendar{max-width:600px;width:100%}}
@media(max-width:500px){.foretangle{padding-top:35px}.foretangle-heading{display:block}.foretangle-heading h2{margin:20px 0}.foretangle-heading>p:last-child{font-size:18px}.release-calendar{padding:20px 14px}.calendar-day{min-height:39px}.foretangle h3{font-size:31px}}
