/* Page layout only. Shared tokens and controls remain in the kit. */
.dates-page .site-head .wrap{flex-wrap:wrap;padding-block:8px;gap:12px}
.dates-main{padding-bottom:48px}
.dates-links,.dates-footer{display:flex;gap:24px;flex-wrap:wrap;padding-block:16px}
.dates-intro{display:grid;gap:24px;padding-block:24px}
.dates-intro h1{font-size:clamp(4rem,12vw,7rem);margin-bottom:16px}
.dates-intro p{margin-top:8px;max-width:50ch}
/* Artist-owned visual hook: artwork can use this isolated background area. */
.dates-art{display:none}
.dates-note{color:var(--cream-2);max-width:70ch}
.dates-status{border-left:3px solid var(--gold);padding:12px 16px;margin-block:24px;min-height:52px;overflow-wrap:anywhere}
.dates-columns{display:grid;gap:24px;margin-bottom:24px}
.dates-panel{padding:24px;border:1px solid var(--line);background:var(--ink-2);border-radius:var(--r-card);min-width:0}
.dates-panel h2{margin-bottom:16px}
.dates-panel p+p{margin-top:12px}
.dates-panel label{display:block;margin-top:16px;margin-bottom:8px}
.dates-panel input,.dates-panel select,.dates-panel textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--cream-2);border-radius:var(--r-btn);background:var(--ink);font-size:18px}
.dates-panel input[type=file]{white-space:normal;overflow:hidden}
.dates-panel input[type=file]::file-selector-button{min-height:48px;font:inherit;margin-right:12px}
.dates-panel textarea{resize:vertical}
.dates-panel .btn{white-space:normal;line-height:1.2;min-width:48px}
#date-form>button{margin-top:24px;width:100%}
.dates-fields{display:grid;gap:0 16px}
.dates-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.dates-actions>*{flex:1 1 auto}
.dates-import{margin-bottom:24px}
#saved-dates article{padding-block:20px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#saved-dates article p{margin-top:8px;white-space:pre-wrap}
#saved-dates article button{margin-top:12px}
#saved-count{margin-bottom:8px}
#import-preview{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
#import-events{max-height:320px;overflow:auto;padding-left:24px;overflow-wrap:anywhere}
#import-events li{padding-block:8px}
.dates-panel details{border-top:1px solid var(--line);margin-top:16px}
.dates-panel summary{cursor:pointer;min-height:48px;padding-block:12px}
.dates-panel details p{margin-bottom:16px;overflow-wrap:anywhere}
.dates-page dialog{color:var(--cream);background:var(--ink-2);border:1px solid var(--gold);border-radius:var(--r-card);max-width:min(560px,calc(100% - 32px));padding:24px}
.dates-page dialog p{margin-top:16px;overflow-wrap:anywhere}
.dates-page [hidden]{display:none!important}
.dates-page button:disabled{opacity:.55;cursor:not-allowed}
@media(min-width:540px){.dates-fields{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.dates-columns{grid-template-columns:1fr 1fr}.dates-intro{grid-template-columns:1fr 1fr;align-items:center}}
@media(prefers-reduced-motion:reduce){.dates-page .btn{transition:none;transform:none}}