/* Shared editorial cards: Website and WordPress consume this source. */
/* Blog listing position colors are independent of post categories. */
.ts-grid.ur-blog-card-grid{gap:24px}
.ur-blog-card-grid .ur-home-top:has(.ur-panel-title--long){gap:12px}
.ur-blog-card-grid .blog-card.ur-card--home-panel h3.ur-panel-title--long{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.2}
.ur-blog-card-grid .blog-card.ur-card--home-panel[data-panel-color="magenta"],.ur-post-hero[data-panel-color="magenta"]{--home-panel:#e8007d;--home-ink:#fff}
.ur-blog-card-grid .blog-card.ur-card--home-panel[data-panel-color="yellow"],.ur-post-hero[data-panel-color="yellow"]{--home-panel:#fbbf24;--home-ink:#00103d}
.ur-blog-card-grid .blog-card.ur-card--home-panel[data-panel-color="teal"],.ur-post-hero[data-panel-color="teal"]{--home-panel:#0f766e;--home-ink:#fff}
.ur-blog-card-grid .blog-card.ur-card--home-panel[data-panel-color="navy"],.ur-post-hero[data-panel-color="navy"]{--home-panel:#001b82;--home-ink:#fff}
.ur-blog-card-grid .blog-card.ur-card--home-panel[data-panel-color="cyan"],.ur-post-hero[data-panel-color="cyan"]{--home-panel:#67e8f9;--home-ink:#00103d}
.ur-blog-card-grid .blog-card.ur-card--home-panel[data-panel-color="violet"],.ur-post-hero[data-panel-color="violet"]{--home-panel:#7040c8;--home-ink:#fff}
.ur-blog-card-grid .blog-card.ur-card--home-panel[data-panel-color="coral"],.ur-post-hero[data-panel-color="coral"]{--home-panel:#ff8a78;--home-ink:#00103d}
.ur-blog-card-grid .blog-card.ur-card--home-panel[data-panel-color="red"],.ur-post-hero[data-panel-color="red"]{--home-panel:#d8031c;--home-ink:#fff}
/* Homepage panels keep their position colors as the latest posts change. */
:is(.homepage-blog__grid,.ur-blog-card-grid) .blog-card.ur-card--home-panel{--home-panel:var(--color-primary-orange);--home-ink:var(--color-white);display:flex;justify-content:space-between;align-items:flex-start;gap:64px;min-height:240px;padding:24px;border:0;border-radius:14px;background-color:var(--home-panel);background-image:linear-gradient(rgb(0 16 61 / 8%) 1px,transparent 1px),linear-gradient(90deg,rgb(0 16 61 / 8%) 1px,transparent 1px);background-size:24px 24px;color:var(--home-ink);box-shadow:0 8px 24px rgb(0 27 130 / 6%)}
.homepage-blog__grid .blog-card.ur-card--home-panel:nth-child(3n+2){--home-panel:var(--color-yellow);--home-ink:var(--color-ink)}
.homepage-blog__grid .blog-card.ur-card--home-panel:nth-child(3n){--home-panel:var(--color-green)}
:is(.homepage-blog__grid,.ur-blog-card-grid) .ur-home-topic{display:inline-flex;align-items:center;min-height:32px;padding:7px 12px;border:1px solid currentColor;border-radius:10px;background:rgb(255 255 255 / 13%);color:inherit;font:800 .72rem/1.3 var(--font-body);letter-spacing:.04em;text-transform:uppercase}
:is(.homepage-blog__grid,.ur-blog-card-grid) .blog-card.ur-card--home-panel h3{position:static;margin:0;color:var(--home-ink);font:800 var(--content-heading-size)/1.25 var(--font-heading)}
:is(.homepage-blog__grid,.ur-blog-card-grid) .blog-card.ur-card--home-panel h3 a,:is(.homepage-blog__grid,.ur-blog-card-grid) .blog-card.ur-card--home-panel h3 a:hover{color:inherit;text-decoration:none}
:is(.homepage-blog__grid,.ur-blog-card-grid) .blog-card.ur-card--home-panel h3 a:focus-visible{outline:2px solid currentColor}
@media(max-width:700px){:is(.homepage-blog__grid,.ur-blog-card-grid) .blog-card.ur-card--home-panel{min-height:220px;padding:22px;gap:48px}}
.ur-card,.blog-card.ur-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:10px;background:var(--color-white);box-shadow:0 8px 24px rgb(0 27 130 / 5%);transition:transform .2s,border-color .2s,box-shadow .2s}
.ur-card:hover,.ur-card:focus-within{transform:translateY(-3px);border-color:var(--color-green);box-shadow:0 15px 32px rgb(15 118 110 / 10%)}
.ur-card__media{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface);border-bottom:1px solid var(--color-border)}
.ur-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.ur-card:hover .ur-card__media img{transform:scale(1.025)}
.ur-card__media--editorial{background:radial-gradient(ellipse at 90% 0%,rgb(103 232 249 / 18%),transparent 65%),linear-gradient(135deg,var(--color-ink),var(--color-primary-blue));color:var(--color-cyan)}
.ur-card__media--editorial::before,.ur-card__media--editorial::after{content:"";position:absolute;width:60%;aspect-ratio:1;border:1px solid rgb(103 232 249 / 25%);border-radius:50%;right:-8%;top:-38%}
.ur-card__media--editorial::after{width:43%;right:0;top:-20%;border-color:rgb(232 0 125 / 45%)}
.ur-card__media--editorial span{position:relative;padding:24px;font:800 clamp(1.4rem,2.5vw,2.2rem)/1.15 var(--font-heading);text-align:center}
.ur-card__content{display:flex;flex:1;flex-direction:column;gap:16px;padding:24px}
.ur-card__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--color-muted);font:500 .75rem/1.5 var(--font-body)}
.ur-card__category{display:inline-block;padding:5px 9px;border-radius:4px;background:rgb(15 118 110 / 9%);color:var(--color-green);font:700 .73rem/1.4 var(--font-body)}
.ur-card h2,.ur-card h3,.blog-card.ur-card h3{margin:0;color:var(--color-ink);font:800 var(--content-heading-size)/1.2 var(--font-heading);letter-spacing:-.025em}
.ur-card h2 a,.ur-card h3 a{color:inherit;text-decoration:none}
.ur-card h2 a::after,.ur-card h3 a::after{content:"";position:absolute;inset:0}
.ur-card h2 a:focus-visible,.ur-card h3 a:focus-visible{outline:3px solid var(--color-green);outline-offset:4px}
.ur-card__excerpt{margin:0;color:var(--color-body);font:400 var(--body-copy-size)/var(--body-copy-leading) var(--font-body);text-align:left;overflow-wrap:anywhere}
.ur-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--color-border);color:var(--color-muted);font:500 .75rem/1.5 var(--font-body)}
.ur-card__action{color:var(--color-primary-blue);font-weight:800;white-space:nowrap}
.ur-card:hover .ur-card__action{color:var(--color-green)}
.ur-author{display:inline-flex;align-items:center;gap:8px}
.ur-author img{display:block;flex:0 0 28px;width:28px;height:28px;object-fit:contain;background:white;border:1px solid var(--color-border);border-radius:6px;padding:3px}
@media(max-width:700px){.ur-card__content{padding:20px}.ur-card__foot{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ur-card,.blog-card.ur-card,.ur-card__media img{transition:none}.ur-card:hover,.ur-card:focus-within{transform:none}.ur-card:hover .ur-card__media img{transform:none}}
/* White editorial details below the fixed-color homepage title panels. */
:is(.homepage-blog__grid,.ur-blog-card-grid) .blog-card.ur-card--home-panel{padding:0;gap:0;align-items:stretch;justify-content:flex-start;background:white;color:var(--color-body)}
.ur-card--home-panel .ur-home-top{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;height:200px;min-height:200px;flex:0 0 200px;padding:24px;background-color:var(--home-panel);background-image:linear-gradient(rgb(0 16 61 / 8%) 1px,transparent 1px),linear-gradient(90deg,rgb(0 16 61 / 8%) 1px,transparent 1px);background-size:24px 24px;color:var(--home-ink)}
.ur-home-body{display:flex;flex:0 0 220px;height:220px;flex-direction:column;gap:18px;padding:24px}
/* Three natural lines, no generated ellipsis, no text mutations.
   Height clipping is the fallback where no-ellipsis line-clamp is unsupported. */
.ur-home-body .ur-card__excerpt{display:block;flex:none;height:calc(3 * var(--body-copy-size) * var(--body-copy-leading));height:3lh;min-height:0;max-height:3lh;overflow:hidden;white-space:normal;text-overflow:clip}
@supports (line-clamp:3 no-ellipsis){.ur-home-body .ur-card__excerpt{line-clamp:3 no-ellipsis}}
.ur-home-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--color-muted);font:600 .78rem/1.5 var(--font-body)}
.ur-home-meta img{display:block;width:34px;height:34px;object-fit:contain;border:1px solid var(--color-border);border-radius:6px;padding:3px}
.ur-home-more{position:relative;z-index:1;align-self:flex-start;margin-top:auto;color:var(--color-primary-orange);font:800 .9rem/1.5 var(--font-body);text-decoration:none}
:is(.homepage-blog__grid,.ur-blog-card-grid) .ur-card--home-panel h3 a::after{content:none}
.ur-home-more{cursor:pointer}
.ur-home-more:hover{color:var(--color-green);text-decoration:underline}
@media(max-width:700px){.ur-card--home-panel .ur-home-top{min-height:200px;padding:22px;gap:16px}.ur-home-body{padding:22px}}