/* Unpublished artwork-first direction: full-width quilt, natural vertical scrolling. */
.play-immersive-page .immersive-content{width:100%;max-width:none;margin-bottom:100px}
.play-immersive-page .play-experiment{border:0;padding:0}
.immersive-inner{width:calc(100% - 2 * var(--play-gutter));max-width:1320px;margin-inline:auto}
.immersive-heading{margin-bottom:56px}
.immersive-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:32px;color:var(--ink);font:500 14px/1.5 var(--font);text-decoration:none}
.homepage-refresh .immersive-heading h1{max-width:none;margin:0;font-size:clamp(48px,6.2vw,100px);line-height:1.06;text-align:left}
.immersive-heading .play-draft-note{margin-bottom:16px}
.immersive-heading .play-deck{margin-top:20px}
.immersive-top{display:grid;gap:20px;margin-bottom:28px}
.immersive-top .play-reading-guide{max-width:none}
.immersive-top .play-legend{display:flex;flex-wrap:wrap;gap:10px 24px}
.immersive-top .play-quilt-below{justify-content:space-between;gap:8px 24px;margin:0}
.immersive-top .play-quilt-below p{max-width:none}
.play-immersive-page .play-layout,.play-immersive-page .play-layout.is-enhanced{display:block;width:100%}
.play-immersive-page .play-quilt-col{max-width:100%;margin-inline:auto}
.play-immersive-page .play-quilt-scroll{margin:0;max-width:100%}
.play-immersive-page .play-quilt-col.is-enhanced::after{right:0}
.immersive-bottom{padding:36px 0 40px;background:var(--ink);color:var(--paper)}
.play-immersive-page .play-side{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 72px}
.immersive-art-caption .play-month-date{font-size:12px;font-weight:500;color:#C5BEAF;margin:0 0 10px}
.immersive-art-caption h2{margin:0;font:700 clamp(28px,3vw,40px)/1.1 "Romie",Georgia,serif}
.immersive-art-caption>p:last-child{font:300 16px/1.5 var(--font);margin:14px 0 0}
.immersive-bottom .play-method{border-color:rgb(244 236 220 / 45%)}
.immersive-bottom .play-method summary{min-height:52px}
.immersive-bottom .play-method-body{max-width:none}
.immersive-bottom .play-method-body h3,.immersive-bottom .play-credit{color:#C5BEAF}
.immersive-bottom :is(summary,a):focus-visible{outline-color:var(--paper)}
.play-immersive-page .play-day-card{position:relative}
.play-immersive-page .play-sheet-close{position:absolute;display:grid;place-items:center;top:6px;right:8px;width:44px;height:44px;border:0;background:transparent;color:#000;font:400 22px/1 var(--font);cursor:pointer}
.play-immersive-page .play-sheet-close::before{content:"";position:absolute;inset:4px;border:2px solid #000;pointer-events:none}
.play-immersive-page .play-card-heading{padding-right:40px}
.play-immersive-page .play-day-sheet::backdrop{background:rgb(0 0 0 / 45%)}
@media(min-width:640px){
 .play-immersive-page .play-day-sheet{inset:0;width:min(740px,calc(100% - 64px));max-height:88vh;max-height:88dvh;margin:auto;overflow:auto;background:var(--play-panel);border:2px solid #000}
 .play-immersive-page .play-day-sheet .play-day-card{border:0;padding:32px;box-shadow:none}
 .play-immersive-page .play-card-heading h3{font-size:28px}
}
@media(min-width:1920px){.immersive-inner{max-width:1600px}}
@media(max-width:799px){.play-immersive-page .play-side{grid-template-columns:1fr;gap:28px}.immersive-heading{margin-bottom:40px}}
@media(max-width:639px){.immersive-heading .play-deck{font-size:18px}.immersive-top{gap:18px;margin-bottom:20px}.immersive-top .play-quilt-below{display:grid;gap:4px}.immersive-bottom{padding-block:28px 32px}.play-immersive-page .immersive-content{margin-bottom:64px}}

/* One illustrative block, separate from the actual monthly data. */
.play-reading-example{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px;margin:8px 0 16px}
.play-reading-example svg{display:block;width:96px;height:96px}
.play-reading-example p{margin:0}
@media(max-width:639px){.play-reading-example{grid-template-columns:1fr;gap:14px}}