.dtp-classics-shelf{box-sizing:border-box;margin:8px 0 6px;padding:22px;border:1px solid #cad6c5;border-radius:18px;background:linear-gradient(125deg,#f4f1e5,#e8eee2);color:#173e34;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 5px 20px #173e3408}
.dtp-classics-shelf[hidden]{display:none!important}.dtp-classics-shelf *{box-sizing:border-box}.dtp-classics-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}.dtp-classics-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;margin:0 0 3px;color:#62725a}.dtp-classics-shelf h2{font:500 29px/1.2 Georgia,serif;letter-spacing:-.4px;margin:0}.dtp-classics-subtitle{font-size:13px;color:#52685c;margin:6px 0 0}.dtp-classics-heading-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.dtp-classic-date{font-size:12px;color:#52685c;white-space:nowrap}.dtp-classics-shuffle{min-height:44px;padding:9px 13px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;color:#244c3c;background:#fffdf6;border:1px solid #c1cdbb;border-radius:9px;cursor:pointer;touch-action:manipulation}.dtp-classics-shuffle:hover{background:#e0e9d9}.dtp-classic-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dtp-classic-pick{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:stretch;overflow:hidden;min-height:146px;border:1px solid #cdd7c6;border-radius:12px;background:#fffdf8;color:#173e34;text-decoration:none;box-shadow:0 2px 5px #173e3405}.dtp-classic-pick>img{width:100%;height:100%;min-height:146px;object-fit:cover;object-position:37% center;background:#dde6d8}.dtp-classic-pick-body{padding:12px 12px 10px;min-width:0;display:flex;flex-direction:column}.dtp-classic-mode{font-size:10px;letter-spacing:.1px;color:#65715e;line-height:1.35}.dtp-classic-pick h3{font:650 16px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:3px 0 5px}.dtp-classic-focus{font-size:12px;line-height:1.45;color:#536857;margin:0 0 8px}.dtp-classic-play{margin-top:auto;font-size:12px;font-weight:700;color:#235747}.dtp-classic-pick:hover{border-color:#87a184;background:#fffefa}.dtp-classics-shelf :is(a,button):focus-visible{outline:3px solid #9a6a28;outline-offset:3px}.dtp-classics-footnote{font-size:11px;color:#61705e;margin:12px 0 0}.dtp-classic-mix-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.dtp-classic-pick{grid-template-columns:1fr}.dtp-classic-pick>img{height:74px;min-height:0;object-fit:cover;object-position:center 48%}.dtp-classic-pick-body{padding:12px}.dtp-classic-focus{min-height:52px}}
@media(max-width:580px){.dtp-classics-shelf{padding:16px;border-radius:13px}.dtp-classics-heading{align-items:flex-start;gap:12px;margin-bottom:12px}.dtp-classics-shelf h2{font-size:25px}.dtp-classics-eyebrow{font-size:8px;letter-spacing:1.2px}.dtp-classics-subtitle{font-size:12px}.dtp-classics-heading-actions{flex-direction:column;gap:5px;align-items:flex-end}.dtp-classics-shuffle{font-size:11px;padding:8px 10px}.dtp-classic-picks{grid-template-columns:1fr;gap:9px}.dtp-classic-pick{grid-template-columns:80px minmax(0,1fr);min-height:112px}.dtp-classic-pick>img{height:100%;min-height:112px;object-fit:cover;object-position:37% center}.dtp-classic-focus{min-height:0;font-size:12px;margin-bottom:6px}.dtp-classic-pick-body{padding:10px 12px}.dtp-classic-pick h3{font-size:15px}.dtp-classics-footnote{font-size:10px}}
@media(prefers-reduced-motion:no-preference) and (hover:hover){html[data-dtp-motion="on"] .dtp-classic-pick{transition:translate 150ms ease,box-shadow 150ms ease}html[data-dtp-motion="on"] .dtp-classic-pick:hover{translate:0 -2px;box-shadow:0 6px 15px #173e3412}}
@media(forced-colors:active){.dtp-classic-pick,.dtp-classics-shelf{border:1px solid CanvasText}.dtp-classics-shelf :is(a,button):focus-visible{outline-color:Highlight}}
@media print{.dtp-classics-shelf{display:none}}
@media(max-width:400px){.dtp-classics-heading{display:block}.dtp-classics-heading-actions{flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px}.dtp-classics-subtitle{max-width:220px}.dtp-classic-pick{grid-template-columns:70px minmax(0,1fr)}}