/* Shared Studio content: used identically in the canvas, preview and live website. */
.tp-post-widget-content{display:grid;gap:24px;min-width:0;color:var(--ink,#172232)}
.tp-post-widget-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.tp-post-widget-card{min-width:0;overflow:hidden;border:1px solid var(--line,#dddcd5);border-radius:var(--radius,8px);background:var(--surface,#fff);display:flex;flex-direction:column}
.tp-post-widget-image{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--soft,#f2f0e9)}
.tp-post-widget-image img{display:block;width:100%;height:100%;object-fit:cover}
.tp-post-widget-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;min-width:0}
.tp-post-widget-card h3{font-size:clamp(19px,2vw,24px);line-height:1.35;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.tp-post-widget-card a{color:inherit;text-decoration:none}.tp-post-widget-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.tp-post-widget-card p{font-size:14px;line-height:1.8;margin:0;color:var(--text,#4c5766);overflow-wrap:anywhere}
.tp-post-widget-card time{font-size:12px;color:var(--muted,#626d7a)}
.tp-post-widget-list,.tp-post-widget-compact{grid-template-columns:minmax(0,1fr)}
.tp-post-widget-list .tp-post-widget-card{display:grid;grid-template-columns:minmax(160px,28%) minmax(0,1fr)}
.tp-post-widget-list .tp-post-widget-image{aspect-ratio:auto;min-height:160px;height:100%}
.tp-post-widget-list .tp-post-widget-no-image{grid-template-columns:minmax(0,1fr)}
.tp-post-widget-compact{gap:0}.tp-post-widget-compact .tp-post-widget-card{border:0;border-bottom:1px solid var(--line,#dddcd5);border-radius:0;background:transparent}
.tp-post-widget-compact .tp-post-widget-body{padding:18px 0;gap:7px}.tp-post-widget-compact h3{font-size:19px}
.tp-post-widget-empty{padding:24px;border:1px dashed var(--line,#dddcd5);border-radius:8px;line-height:1.7;color:var(--muted,#626d7a)}
.tp-post-widget-empty a{color:var(--action,#c73814);text-decoration:underline}
.tp-hide-all{display:none!important}
@media(min-width:993px){.tp-hide-desktop{display:none!important}}
@media(min-width:576px) and (max-width:992px){.tp-hide-tablet{display:none!important}}
@media(max-width:575px){.tp-hide-mobile{display:none!important}.tp-post-widget-list .tp-post-widget-card{grid-template-columns:minmax(0,1fr)}.tp-post-widget-list .tp-post-widget-image{aspect-ratio:16/9;min-height:0}.tp-post-widget-body{padding:18px}}