/* The complete card is 4:3. Its cover is 2:1; remaining space belongs to text. */
body .tetContentGrid[class]{
 display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;
 width:100%;max-width:1120px;margin-inline:auto;min-width:0;
}
body a.tetContentCard[data-content-card]{
 box-sizing:border-box;container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);
 flex:0 0 min(360px,calc(100vw - 40px));width:min(360px,calc(100vw - 40px));max-width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:4/3;
 margin:0;padding:0;gap:0;overflow:hidden;position:relative;border:1px solid #dce8e4;border-radius:16px;
 background:#fff;color:#173e34;text-align:left;text-decoration:none;box-shadow:0 6px 20px rgb(20 90 84 / 7%);
 transition:border-color .18s ease,box-shadow .18s ease;
}
body a.tetContentCard[data-content-card]:hover{transform:none;border-color:#087d74;box-shadow:0 8px 24px rgb(20 90 84 / 13%)}
body a.tetContentCard[data-content-card]:focus-visible{outline:3px solid #087d74;outline-offset:4px}
body .tetContentCard[data-content-card]>.tetContentMedia{
 box-sizing:border-box;position:relative;inset:auto;display:block;grid-area:auto;min-width:0;min-height:0;
 width:100%;height:auto;max-height:none;aspect-ratio:2/1;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:#f5f7f6;
}
body .tetContentCard[data-content-card]>.tetContentMedia>img{
 position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;margin:0;padding:0;
 object-fit:contain;object-position:center;aspect-ratio:auto;border-radius:0;transform:none;
}
body .tetContentCard[data-content-card] .tetContentPlaceholder{position:absolute;inset:0;display:grid;place-items:center;background:#f5f7f6;color:#42615c;font-size:14px;font-weight:600}
body .tetContentCard[data-content-card] .tetStorePlan{
 position:absolute;top:9px;right:9px;display:inline-flex;align-items:center;justify-content:center;
 box-sizing:border-box;min-width:44px;padding:4px 10px;border:1px solid rgb(255 255 255 / 85%);border-radius:999px;
 background:var(--p,#087d74);color:#fff;box-shadow:0 1px 4px rgb(0 0 0 / 10%);
 font:600 12px/16px system-ui,sans-serif;letter-spacing:0;white-space:nowrap;pointer-events:none;
}
body .tetContentCard[data-content-card]>.tetContentBody{
 box-sizing:border-box;position:static;inset:auto;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;align-items:start;gap:4px;
 min-width:0;min-height:0;overflow:hidden;margin:0;padding:clamp(8px,3cqw,11px);background:#fff;color:#173e34;
}
body .tetContentCard[data-content-card] .tetContentTitle{
 display:block;min-width:0;overflow:hidden;margin:0;padding:0;white-space:nowrap;text-overflow:ellipsis;
 color:#173e34;font-size:clamp(14px,5cqw,18px);font-weight:700;line-height:1.2;letter-spacing:normal;
}
body .tetContentCard[data-content-card] .tetContentDescription{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;
 min-width:0;min-height:0;margin:0;padding:0;color:#526e63;font-size:clamp(12px,4cqw,14px);font-weight:400;line-height:1.25;
 white-space:normal;overflow-wrap:anywhere;
}
@media(prefers-reduced-motion:reduce){body a.tetContentCard[data-content-card]{transition:none}}