/* Information pages, the activity directory and the Together Pack on the v3 shell. */
body.dm-page main.dm-doc{max-width:1100px}
body.dm-page main.dm-doc>*{max-width:760px}
body.dm-page main.dm-doc h1{margin:.2em 0 .45em;font:var(--dm-display-weight) clamp(2.3rem,5vw,3.6rem)/1.02 var(--dm-display);letter-spacing:var(--dm-display-tracking);color:var(--dm-ink);text-wrap:balance}
html[data-audience="couples"] body.dm-page main.dm-doc h1{font-size:clamp(2.8rem,6vw,4.4rem)}
body.dm-page main.dm-doc h2{margin:1.6em 0 .5em;font:var(--dm-display-weight) clamp(1.4rem,2.6vw,1.9rem)/1.15 var(--dm-display);letter-spacing:var(--dm-display-tracking);color:var(--dm-ink)}
body.dm-page main.dm-doc h3{margin:1.3em 0 .4em;font:700 1.08rem/1.3 var(--dm-body);color:var(--dm-ink)}
body.dm-page main.dm-doc p,body.dm-page main.dm-doc li{font-size:1.02rem;line-height:1.7;color:color-mix(in srgb,var(--dm-ink) 82%,var(--dm-muted))}
body.dm-page main.dm-doc ul,body.dm-page main.dm-doc ol{padding-left:1.25em}
body.dm-page main.dm-doc li+li{margin-top:.35em}
body.dm-page main.dm-doc a:not(.dm-btn):not(.button):not(.directory-card a):not(.sponsor-link){color:var(--dm-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
body.dm-page main.dm-doc strong{color:var(--dm-ink)}
body.dm-page main.dm-doc details{margin:1em 0;padding:12px 16px;border-radius:var(--dm-radius-md);background:var(--dm-surface);border:var(--dm-card-border)}
body.dm-page main.dm-doc summary{cursor:pointer;font-weight:650;color:var(--dm-ink)}

/* Automatic appearance note added by static-theme.mjs */
body.dm-page .theme-settings.automatic-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:1100px;margin:14px auto 0;padding:0 clamp(16px,3.6vw,44px);border:0;background:none;color:var(--dm-muted);font-size:.84rem;box-sizing:border-box}
body.dm-page .theme-settings.automatic-context>span svg{width:16px;height:16px}
body.dm-page .theme-settings.automatic-context p{margin:0}
body.dm-page .theme-settings.automatic-context details{font-size:.82rem}
body.dm-page .theme-settings.automatic-context summary{cursor:pointer;color:var(--dm-primary)}
body.dm-page #static-celebration-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:1100px;margin:12px auto 0;padding:12px 16px;border-radius:var(--dm-radius-md);background:color-mix(in srgb,var(--dm-pop) 22%,var(--dm-surface));box-sizing:border-box}

/* Activity directory */
body.dm-page .dm-directory>*{max-width:none}
body.dm-page .directory-intro{max-width:760px}
body.dm-page .directory-intro p{margin:0}
body.dm-page .directory-search{display:flex;flex-direction:column;gap:12px;margin:22px 0 10px;padding:clamp(16px,2.4vw,22px);border-radius:var(--dm-radius-xl);background:var(--dm-surface);border:var(--dm-card-border);box-shadow:var(--dm-shadow)}
body.dm-page .directory-search>label{display:flex;flex-direction:column;gap:7px;font:650 .86rem/1.3 var(--dm-body);color:var(--dm-ink)}
body.dm-page .directory-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.dm-page .directory-filters label{display:flex;flex-direction:column;gap:6px;font:600 .82rem/1.2 var(--dm-body);color:var(--dm-muted)}
body.dm-page .directory-filters select{width:100%}
@media (max-width:799px){body.dm-page .directory-filters{grid-template-columns:1fr 1fr}}
body.dm-page .directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
@media (max-width:1199px){body.dm-page .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){body.dm-page .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
body.dm-page .directory-card{margin:0;border-radius:var(--dm-radius-lg);background:var(--dm-surface);border:var(--dm-card-border);box-shadow:var(--dm-shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
body.dm-page .directory-card:hover{transform:translateY(-3px);box-shadow:var(--dm-shadow-lift)}
body.dm-page .directory-card>a{display:flex;flex-direction:column;height:100%;color:var(--dm-ink);text-decoration:none}
body.dm-page .directory-card .game-cover{border-radius:0;background:var(--dm-soft)}
html[data-mode="light"] body.dm-page .directory-card .game-cover>img{mix-blend-mode:multiply}
body.dm-page .directory-card-copy{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;flex:1}
body.dm-page .directory-card-copy strong{font:700 1rem/1.2 var(--dm-body)}
body.dm-page .directory-card-copy>span{font-size:.84rem;line-height:1.38;color:var(--dm-muted)}
body.dm-page .directory-card-copy small{display:flex;justify-content:space-between;margin-top:auto;padding-top:8px;font:600 .78rem/1 var(--dm-body);color:var(--dm-muted)}
body.dm-page .directory-card-copy small b{color:var(--dm-primary)}
@media (max-width:699px){body.dm-page .directory-card-copy>span{display:none}}

/* Together Pack and purchase pages */
body.dm-page.extras-page main.dm-doc>*{max-width:900px}
body.dm-page #commerce-offers,body.dm-page #commerce-purchase{margin:20px 0;padding:clamp(18px,2.6vw,26px);border-radius:var(--dm-radius-xl);background:var(--dm-surface);border:var(--dm-card-border);box-shadow:var(--dm-shadow)}
body.dm-page .commerce-offer h2{margin-top:0}
body.dm-page .commerce-status{color:var(--dm-muted)}
/* Activities is a browsing grid, not a reading page: use the full content width on large screens. */
body.activity-directory main.dm-doc>*{max-width:none}
@media (min-width:760px){body.activity-directory .directory-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}