/* Archive and profile additions; inherit the existing light/dark theme. */
.otd-feature{display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere}
.otd-feature img{width:100%;max-height:180px;object-fit:contain;border-radius:6px}
.otd-feature strong{font-size:1.1em}
.otd-title{display:block;margin-top:5px}
.otd-credit{margin:10px 0;font-size:.9em;overflow-wrap:anywhere}
.otd-mobile{display:none}
.otd-archive h1{font-size:clamp(24px,4vw,36px);margin-top:0}
.otd-date-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:20px 0}
.otd-date-form label{margin:0}
.otd-date-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:15px 0}
.otd-year-nav{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}
.otd-year{border-top:1px solid #8886;padding-top:8px;margin-top:25px;scroll-margin-top:70px}
.otd-year h2{font-size:24px}
.otd-year h2 small{color:inherit;opacity:.75}
.otd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:15px 0 20px}
.otd-card{min-width:0;overflow-wrap:anywhere}
.otd-card>a{display:block}
.otd-card img{display:block;width:100%;height:150px;object-fit:contain;border-radius:6px;margin-bottom:8px;background:#8881}
.otd-card strong{display:block;line-height:1.4}
.otd-card small{display:block;margin-top:5px;line-height:1.5}
.milestone-counts{display:flex;flex-wrap:wrap;gap:14px}
.milestone-counts>div{flex:1 1 90px}
.milestone-counts dt{font-size:12px}
.milestone-counts dd{font-size:24px;font-weight:bold}
.milestone-image{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}
.milestone-image img{width:85px;height:85px;object-fit:contain;flex-shrink:0;border-radius:6px}
.milestone-image span{min-width:0}
@media(max-width:991px){.otd-mobile{display:block}.otd-mobile .otd-feature{flex-direction:row;align-items:center}.otd-mobile .otd-feature img{width:90px;height:90px;flex-shrink:0}.otd-mobile .otd-credit{margin:7px 0}.otd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.otd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.otd-card img{height:120px}.otd-archive>.panel>.panel-body{padding:12px}.otd-year h2{font-size:21px}.otd-date-form{gap:8px}}