/* The printed crossword ledger, available immediately. */
.xw-page{background:#17130e;color:#f0e6cf;--ink:#283628;--paper:#f6eedc}
.xw-page .play-main,.xw-page>.issue-nav,.xw-page>.simple-footer{position:relative;z-index:1}
.xw-page .play-main{max-width:1240px;padding:40px 24px 80px}
.xw-page .game-page-head p,.xw-page .back-link{color:#dacbac;font-size:16px}
.xw-page .game-page-head h1{color:#f0e6cf}
.xw-page .simple-footer{background:#17130e;color:#f0e6cf}
.xw-ledger{padding:24px;background:#f6eedc;color:#283628;border:1px solid #bba575;box-shadow:0 0 0 3px #514124,0 0 0 5px #b59a60,0 18px 60px #0008;scroll-margin-top:24px}
.xw-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:start}
.xw-page .xw-wrap{padding:0;overflow:visible}
.xw-page .xw-grid{--cell:44px;grid-template-columns:repeat(11,var(--cell))!important;grid-template-rows:repeat(20,var(--cell))!important;min-height:899px;gap:1px;background:#8c8065;border:1px solid #8c8065}
.xw-page .xw-cell{width:var(--cell);height:var(--cell)}
.xw-page .xw-cell.block{visibility:visible;background:#30382d}
.xw-page .xw-cell input{font-size:18px;border:0;border-radius:0;background:#fff9e9;color:#253126;caret-color:#253126}
.xw-page .xw-cell input.correct{background:#c9e8c9}
.xw-page .xw-cell input.wrong{background:#f5c9c9}
.xw-page .xw-cell.inword input{background:#e9d8a7}
.xw-page .xw-cell input:focus{outline:3px solid #755daf;outline-offset:-3px;background:#fff9e9}
.xw-page .xw-num{font:9px Arial,sans-serif;top:2px;left:2px}
.xw-page .xw-clues{display:block;margin:0;font-family:Georgia,serif}
.xw-page .xw-clues h2{font:24px Georgia,serif;border-bottom:1px solid #a39370;padding-bottom:10px;margin:0 0 16px}
.xw-page .xw-clues>div+div{margin-top:28px}
.xw-page .xw-clues li{font-size:17px;min-height:44px;padding:8px 4px;border-color:#9b8d6940}
.xw-page .xw-clues ol{gap:4px}
.xw-page .status-bar{margin:0 0 24px;padding:12px;background:#e9dec2;border:1px solid #bba575;border-radius:2px;font-size:16px;scroll-margin-top:24px;gap:12px}
.xw-page .status-bar button{min-height:44px;font-size:16px;border-radius:3px;background:#283e30;color:#fff5df}
.xw-page .win-banner{grid-column:1;grid-row:2}
.xw-page .xw-clues{grid-column:2;grid-row:1/span 2}

@media(max-width:800px){
.xw-page .play-main{padding:8px 16px 60px}.xw-ledger{padding:8px;margin-top:16px;box-shadow:none;border-radius:8px}
.xw-body{display:block}.xw-page .xw-grid{--cell:calc((100vw - 64px)/11);min-height:calc(20 * var(--cell) + 19px)}
.xw-page .xw-clues{margin-top:28px;padding:0 6px}
}
@media(max-width:800px){.xw-page .play-main{padding-left:8px;padding-right:8px}.xw-ledger{padding:0;border:0}.xw-page .xw-grid{--cell:clamp(30px,calc((100vw - 30px)/11),36px)}}
/* Empty clue headings must not paint above their eventual positions while the
   game module fills the printed clue lists in its first synchronous task. */
.xw-clues>div:has(ol:empty){visibility:hidden}

.xw-now{display:none}
@media(max-width:800px){
.xw-now{display:flex;align-items:center;position:sticky;top:0;z-index:5;min-height:56px;padding:6px 12px;margin:0 0 8px;background:#283e30;color:#fff5df;font:16px/1.3 Georgia,serif;border-radius:3px}
.xw-page .xw-grid{--cell:44px}
.xw-page .xw-wrap{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-padding:0 44px}
.xw-page .xw-cell input{font-size:20px;scroll-margin-top:72px}
}
