/* Shared thumbnail proportions; educational artwork remains untouched. */
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid>.card{display:flex;flex-direction:column}.grid>.card>.card-button{flex:1;display:flex;flex-direction:column}.grid>.card>.card-button>.unified-thumb{width:100%;flex:none}.grid>.card>.card-button>.sample-meta,.grid>.card>.card-button>.card-meta{width:100%}.grid>.card>.dt-add{margin-top:14px}
.poster.unified-thumb{--thumb-paper:#f0eee8;--thumb-ink:#29252e;--thumb-muted:#79727f;--thumb-purple:#76549e;display:grid;grid-template-rows:20px minmax(0,1fr) 34px;gap:12px;padding:15px;aspect-ratio:4/5;background:var(--thumb-paper);border:1px solid #ddd7df;border-radius:12px;container-type:inline-size;color:var(--thumb-ink)}
.thumb-head{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;font-weight:600;white-space:nowrap;color:var(--thumb-muted);line-height:1.2;letter-spacing:0}
.thumb-head-divider{padding:0 4px;color:#b5adbc}.thumb-media{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:500}.thumb-media svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}
.thumb-stage{min-width:0;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.thumb-stage>.thumb-vector{display:block;width:100%;height:100%;overflow:hidden;font-family:inherit}
.unified-thumb .thumb-stage img{width:100%;height:100%;object-fit:contain;transform:none;transition:none}
.card-button:hover .unified-thumb img{transform:none}
.thumb-artwork .thumb-stage{background:#e7e3dc}.thumb-artwork img{filter:none}
.thumb-observation{display:flex;align-items:flex-start;gap:7px;min-width:0;border-top:1px solid #dcd6df;padding-top:8px;font-size:11px;line-height:1.35;font-weight:500;color:#61566c}
.thumb-observation>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:keep-all}
.thumb-observation-mark{width:7px;height:7px;flex:none;border:1px solid var(--thumb-purple);margin-top:3px}
.thumb-chart .thumb-stage{background:#fffefa;border:1px solid #e1dbe3;border-radius:7px}
.thumb-studio .sd-thumb{height:100%;width:100%;min-height:0;padding:0;background:transparent;display:flex;justify-content:center}
.thumb-studio .sd-scene{width:100%;padding:0;border:0;border-radius:0;background:transparent}
.thumb-studio .sd-scene svg{width:100%;height:auto;max-height:none;display:block}.thumb-studio .sd-scene-caption{display:none}
.thumb-video .thumb-stage{flex-direction:column;gap:14px}.thumb-video-scene{width:100%;aspect-ratio:536/330;position:relative;overflow:hidden;border-radius:7px;border:1px solid #d7d2d9;background:#e7e3dc}
.poster .thumb-video-scene video{position:absolute;width:111.9403%;height:227.2728%;left:-5.97015%;top:-45.4545%;max-width:none;object-fit:fill;background:transparent}
.thumb-video-note{font-size:11px;line-height:1.5;color:#61566c;text-align:center;max-width:90%;word-break:keep-all}
.unified-thumb .te-thumb{--te-ink:#29252e;--te-muted:#79727f;--te-accent:#76549e;--te-tint:#e9e0f0;--te-marker:#d5bee7;padding:0;background:transparent;width:100%;height:100%;overflow:hidden;container-type:inline-size;display:flex;flex-direction:column;justify-content:center}
.unified-thumb .te-thumb-ad{height:100%;width:100%;background:#fffefa;border:1px solid #ded8e2;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8%;overflow:hidden}
.unified-thumb .te-product-brand{font-size:9px;font-weight:650;letter-spacing:.12em;color:#79727f;align-self:flex-start}
.unified-thumb .te-thumb .te-animated{width:100%;min-height:86px;height:38%;font-size:clamp(19px,10cqw,32px);line-height:1.35;flex:none}
.unified-thumb .te-product{width:36%;height:35%;min-height:45px;max-height:100px;margin-top:5px;overflow:visible}
.unified-thumb .te-timeline{position:absolute;bottom:0;left:0;width:100%;height:2px;margin:0;opacity:.6}
.unified-thumb .te-technical-note{font-size:8px}.unified-thumb .te-path-svg,.unified-thumb .te-outline-svg,.unified-thumb .te-fill-svg{max-height:120px}
.unified-thumb .sd-thumb svg{font-family:inherit}.thumb-ui .thumb-vector{overflow:visible}
@media(max-width:600px){.poster.unified-thumb{padding:14px;gap:10px;grid-template-rows:20px minmax(0,1fr) 36px}.thumb-head{font-size:11px}.thumb-media{font-size:10px}.thumb-observation{font-size:12px}}
@media(min-width:761px) and (max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumb-head{font-size:9px}.thumb-media{font-size:8px}.poster.unified-thumb{padding:10px;gap:8px}.thumb-observation{font-size:10px}}
@media(max-width:560px){.grid{grid-template-columns:minmax(0,1fr);gap:30px}.poster.unified-thumb{padding:16px;gap:12px}.thumb-head{font-size:11px}.thumb-media{font-size:10px}.thumb-observation{font-size:12px}}
@media(prefers-reduced-motion:reduce){.unified-thumb *{scroll-behavior:auto}}