/*! lines 936-983 — copied verbatim from the demo's app.css lines 936–983 (commit 7df0d35). Phase 1 of demo-port: do not retype values here. */

.promotion{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-normal);width:100%;padding-top:var(--sp-loose);border-top:var(--bw-thick) solid var(--content-brand);}
[data-brand="ham"] .promotion{border-image:var(--hb-stripe) 1;}
.promotion__eyebrow{margin:0;width:100%;color:var(--content-primary);}
.promotion__headline{margin:0;width:100%;color:var(--content-primary);}
.promotion__accent{color:var(--content-brand);}
/* ham-only slot: the promotion block is placed in article bodies but shown for ham only */
.brand-ham-only{display:none;}
[data-brand="ham"] .brand-ham-only{display:block;}

.article-box{background:var(--bg-picker-special-1);border-radius:var(--radius-media);padding:var(--sp-normal);/* RTL cross-axis start = right, matching Figma's counterAxisAlignItems: MAX */display:flex;flex-direction:column;gap:var(--sp-snug);align-items:flex-start;}
.article-box h2{color:var(--content-primary);text-align:right;margin:0;width:100%;}
.article-box .article-box__text{height:70px;overflow:hidden;width:100%;}
.article-box .article-box__text p{color:var(--content-body);text-align:right;margin:0;}
.article-box .article-box__more-link{direction:ltr;display:flex;gap:var(--sp-micro);align-items:center;color:var(--content-cta);}
.article-box .article-box__more-link .article-box__caret{font-family:var(--typo-font-icon);font-size:var(--typo-icon-sm-font-size);line-height:var(--typo-icon-sm-line-height);}
.article-box .article-box__more-link .article-box__more-label{white-space:nowrap;}

.topic-list{border-top:var(--bw-thin) solid var(--border-normal);padding-top:var(--sp-normal);overflow:hidden;}
/* RTL flow: "נושאים" is the first item, so it stays at the start (right) of the first line even when the tags wrap */

.topic-list__items{display:flex;flex-wrap:wrap;gap:var(--sp-x-tight);justify-content:flex-start;align-items:center;}
.topic-list__items span{color:var(--content-secondary);white-space:nowrap;}
.topic-list__items .topic-list__separator{color:var(--content-primary);}
.topic-list__items .topic-list__label{color:var(--content-primary);}