.qoq-story-ribbon{--ribbon-bg:#d7b36a;--ribbon-fg:#1c1711;position:absolute;top:14px;left:14px;z-index:4;display:inline-flex;align-items:center;gap:7px;box-sizing:border-box;max-width:calc(100% - 28px);padding:9px 22px 9px 11px;margin:0;background:var(--ribbon-bg);color:var(--ribbon-fg);font:700 10px/1.35 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:left;text-shadow:none;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%);pointer-events:none}
.qoq-story-ribbon[data-ribbon-color="burgundy"]{--ribbon-bg:#a20e2b;--ribbon-fg:#fff}
.qoq-story-ribbon[data-ribbon-color="green"]{--ribbon-bg:#315c44;--ribbon-fg:#fff}
.qoq-story-ribbon[data-ribbon-color="black"]{--ribbon-bg:#171717;--ribbon-fg:#fff}
.qoq-story-ribbon>svg{width:19px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.qoq-story-ribbon>span{min-width:0;overflow-wrap:anywhere}
.qoq-story-ribbon[hidden]{display:none!important}
/* Small article frames keep every editorial label clear of the photograph.
   The existing text measurement includes this ribbon in the card's height. */
@container (max-width:480px){
 .qoq-module-card>.qoq-front-cover>.qoq-front-slide>.qoq-story-ribbon{position:relative;top:auto;left:auto;align-self:flex-start;flex:none;max-width:calc(100% - 24px);margin:12px 12px 0}
}
.qoq-editorial-card>a,.qoq-topic-card>a,.qoq-article-head,.qoq-ribbon-editor{position:relative}
.qoq-editorial-card>a{display:block}
.qoq-feature-cover>.qoq-front-slide>.qoq-story-ribbon{top:22px;left:24px;max-width:calc(100% - 48px)}
.qoq-article-head>.qoq-story-ribbon{position:relative;top:auto;left:auto;margin:0 0 18px;max-width:100%}
.qoq-editorial-card>a>.qoq-story-ribbon:has(+div),.qoq-topic-card:not(.qoq-club-card)>a>.qoq-story-ribbon:has(+div){position:relative;top:auto;left:auto;margin:14px 14px 0}
.qoq-club-cover>.qoq-story-ribbon{top:8px;left:10px;font-size:8px;padding:6px 17px 6px 8px;gap:5px}
.qoq-club-cover:has(>.qoq-story-ribbon:not([hidden]))>.qoq-club-masthead{padding-top:44px}
.qoq-ribbon-editor{grid-column:1/-1;min-width:0;margin:24px 0;padding:20px;border:1px solid #d8c9b1}
.qoq-ribbon-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qoq-ribbon-fields label{min-width:0}.qoq-ribbon-fields input,.qoq-ribbon-fields select{box-sizing:border-box;min-width:0;width:100%}
.qoq-ribbon-fields [hidden]{display:none!important}
.qoq-ribbon-preview{display:flex;flex-wrap:wrap;gap:20px;margin:16px 0 0}.qoq-ribbon-preview>div{display:grid;gap:6px;max-width:100%}
.qoq-ribbon-preview .qoq-story-ribbon{position:relative;top:auto;left:auto;max-width:100%;min-height:32px}
@media(max-width:600px){.qoq-story-ribbon{font-size:9px;padding:8px 20px 8px 10px}.qoq-feature-cover>.qoq-front-slide>.qoq-story-ribbon{left:20px;max-width:calc(100% - 40px)}.qoq-ribbon-fields{grid-template-columns:1fr}.qoq-ribbon-editor{padding:14px}.qoq-club-cover>.qoq-story-ribbon{font-size:9px}}