/* Archive-only styles. The shared header and game screens keep their styles. */
.daily-archive{max-width:1100px;margin:0 auto;padding:24px 24px 0;color:#34312b}
.daily-archive a{color:#62502f}
.archive-breadcrumb{font-size:13px;margin-bottom:22px;color:#716c63}
.archive-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.archive-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px}
.daily-archive .page-heading{margin:0 0 12px;font-size:32px;line-height:1.2}
.archive-intro p{max-width:650px;line-height:1.6;margin-bottom:8px}
.archive-count{font-size:13px;color:#746e62}
.daily-archive .archive-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 18px;min-height:46px;border-radius:6px;background:#6c5635;color:#fff;white-space:nowrap;font-weight:bold}
.archive-primary:hover,.archive-primary:focus{background:#554329;text-decoration:none}
.archive-panel{background:#fff;border:1px solid #cfc7b8;border-radius:10px;overflow:hidden}
.archive-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e5e0d6;background:#f8f6f1}
.archive-picker label{display:block;font-weight:bold;font-size:13px;margin-bottom:7px}
.archive-picker>div{display:flex;gap:8px}
.archive-picker select,.archive-picker button{height:42px;border:1px solid #b6ac99;border-radius:5px;background:#fff;padding:0 12px;color:#34312b;font:inherit}
.archive-picker select{max-width:240px}
.archive-picker button{font-weight:bold;background:#eee8dc;white-space:nowrap}
.archive-records{font-size:13px;font-weight:bold;text-decoration:underline;text-underline-offset:3px}
.archive-month-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:24px}
.archive-month-nav h2{font-size:25px;line-height:1.3;margin:0 0 4px;text-align:center}
.archive-month-nav p{margin:0;text-align:center;color:#797367;font-size:13px}
.archive-month-nav>a{font-weight:bold;min-height:44px;display:flex;align-items:center;gap:8px}
.archive-next{justify-self:end}
.archive-calendar{width:100%;table-layout:fixed;border-collapse:collapse}
.archive-calendar th{text-align:center;color:#787062;padding:10px 0;background:#f8f6f1;border-top:1px solid #e5e0d6;font-size:13px}
.archive-calendar th abbr{border:0;cursor:default;text-decoration:none}
.archive-calendar td{border:1px solid #e9e4da;vertical-align:top;padding:0}
.archive-calendar td:first-child{border-left:0}.archive-calendar td:last-child{border-right:0}
.archive-day{display:flex;flex-direction:column;align-items:center;min-height:142px;padding:9px 7px;gap:5px}
a.archive-day:hover,a.archive-day:focus{background:#f6f0e4;text-decoration:none}
.archive-day time{align-self:flex-start;font-size:17px;font-weight:bold;line-height:1.3}
.archive-day img[data-image-size]{width:65px;height:50px;object-fit:contain;display:block;margin:0 auto}
.archive-board{font-size:11px;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.archive-play{font-size:12px;font-weight:bold;margin-top:auto}
.archive-unavailable{background:#faf9f6;color:#a49d90}
.archive-no-game{margin:auto 0;font-size:11px;text-align:center}
.archive-outside{background:#f4f1eb}
.archive-today{box-shadow:inset 0 0 0 2px #927447;background:#fbf7ee}
.archive-today time{color:#6c5635}
.archive-hint{padding:15px 24px;margin:0;font-size:12px;line-height:1.5;color:#797367}
.archive-years{margin:32px 0}
.archive-years h2,.archive-about h2{font-size:23px;margin:0 0 8px;line-height:1.3}
.archive-years>p{color:#746e62;margin-bottom:16px}
.archive-years details{border:1px solid #cfc7b8;border-radius:6px;background:#f8f6f1;margin-bottom:8px}
.archive-years summary{cursor:pointer;padding:14px 18px;font-size:17px;font-weight:bold}
.archive-years summary span{float:right;font-size:12px;font-weight:normal;color:#746e62;margin-top:4px}
.archive-years ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0 18px 18px;list-style:none}
.archive-years li a{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #e0d9cc;border-radius:5px;padding:10px 12px;min-height:44px}
.archive-years li span{font-size:11px;color:#797367}
.archive-years a[aria-current=page]{border-color:#927447;font-weight:bold;background:#eee8dc}
.archive-about{border-top:1px solid #c8bfae;padding:24px 0 0;line-height:1.7;max-width:800px}
.archive-about a{text-decoration:underline;text-underline-offset:3px}
.archive-empty{padding:24px;background:#fff;border-radius:6px}
.daily-archive a:focus-visible,.daily-archive button:focus-visible,.daily-archive select:focus-visible,.daily-archive summary:focus-visible{outline:3px solid #326298;outline-offset:3px}
@media(max-width:767px){
 .daily-archive{padding:18px 12px 0}
 .archive-breadcrumb{margin-bottom:16px;font-size:12px}
 .archive-intro{display:block;margin-bottom:20px}.daily-archive .page-heading{font-size:27px}
 .archive-intro .archive-primary{margin-top:10px;white-space:normal}
 .archive-tools{padding:16px;display:block}.archive-records{display:inline-block;margin-top:16px}
 .archive-picker select{max-width:calc(100vw - 140px);width:220px}
 .archive-month-nav{padding:16px 10px;gap:6px;grid-template-columns:1fr auto 1fr}
 .archive-month-nav h2{font-size:18px}.archive-month-nav>a{font-size:11px;gap:4px}
 .archive-month-nav p{font-size:11px}
 .archive-day{min-height:95px;padding:6px 2px;gap:4px}.archive-day time{font-size:14px;margin-left:3px}
 .archive-day img[data-image-size]{width:35px;height:32px;max-width:100%}
 .archive-board{display:none}.archive-play{font-size:10px}.archive-play>span{display:none}
 .archive-no-game{font-size:9px;line-height:1.3}.archive-hint{padding:12px;font-size:11px}
 .archive-years ul{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px}
 .archive-years li a{padding:10px;font-size:13px}
}