.skooop-feed { --skf-accent: #FF6B00; --skf-line: #e4e4ea; border: 1px solid var(--skf-line); border-radius: 10px; padding: 18px 20px; background: #fff; margin: 0 0 1.5em; }
.skooop-feed__title { margin: 0 0 8px; }
.skooop-feed__list { list-style: none; margin: 0; padding: 0; }
.skooop-feed--cols-2 .skooop-feed__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); column-gap: 24px; }
.skooop-feed__item { display: flex; gap: 14px; padding: 14px 0; border-top: 1px solid var(--skf-line); margin: 0; }
.skooop-feed__item:first-child { border-top: 0; }
.skooop-feed__img { width: 96px; height: 72px; object-fit: cover; border-radius: 8px; flex: none; }
.skooop-feed__link { font-weight: 700; text-decoration: none; line-height: 1.35; }
.skooop-feed:not(.skooop-feed--blend) .skooop-feed__link:hover { color: var(--skf-accent); }
.skooop-feed__excerpt { margin: 4px 0 0; font-size: .92em; }
.skooop-feed__meta { display: block; margin-top: 4px; font-size: .78em; opacity: .7; }
.skooop-feed__ad { background: rgba(255, 107, 0, .07); border-radius: 8px; padding: 14px; border-top: 0; margin: 6px 0; }
.skooop-feed__ad-label { display: block; font-size: .7em; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #C44F00; }
.skooop-feed__powered, .skooop-feed__note { margin: 8px 0 0; font-size: .75em; opacity: .7; text-align: right; }
.skooop-feed__note { text-align: left; }
.skooop-feed-error { color: #b32d2e; }

/* Blend: no card; the theme's own fonts, colours and link styles. */
.skooop-feed--blend { --skf-line: rgba(128, 128, 128, .25); border: 0; border-radius: 0; padding: 0; background: none; }
.skooop-feed--blend .skooop-feed__ad { background: rgba(128, 128, 128, .08); }
.skooop-feed--blend .skooop-feed__ad-label { color: inherit; opacity: .75; }

/* Sections layout (owner 2026-11-06), like a MyGymNews NewsRoom: What's hot across the top, then a box per theme. */
.skooop-feed__secs { display: block; }
.skooop-feed__sec { border: 1px solid var(--skf-line); border-radius: 12px; padding: 14px 16px 6px; margin: 0 0 16px; background: rgba(128, 128, 128, .04); min-width: 0; }
.skooop-feed__sec-h { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; padding: 0 0 10px; font-size: 1.1em; line-height: 1.25; border-bottom: 2px solid var(--skf-accent); }
/* Blend: nothing of our own: no boxes or backgrounds, the site's own headings, links and colours (owner 2026-11-06). */
.skooop-feed--blend .skooop-feed__sec { border: 0; border-radius: 0; padding: 0; background: none; margin: 0 0 28px; }
.skooop-feed--blend .skooop-feed__sec-h { font-size: inherit; font-size: revert; border-bottom: 1px solid var(--skf-line); padding: 0 0 6px; margin: 0 0 2px; }
.skooop-feed--blend .skooop-feed__grid { column-gap: 40px; }
.skooop-feed__sec-i { font-size: 1.45em; line-height: 1; flex: none; }
.skooop-feed__sec--hot .skooop-feed__list,
.skooop-feed__sec--pins .skooop-feed__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); column-gap: 22px; }
.skooop-feed__sec--hot .skooop-feed__item,
.skooop-feed__sec--pins .skooop-feed__item { border-top: 1px solid var(--skf-line); }
/* The theme boxes flow down two columns like a newspaper (owner 2026-11-06: no gaps when one box is shorter than its
   neighbour), one column on phones. Each box stays whole. */
.skooop-feed__grid { columns: 2 340px; column-gap: 16px; }
.skooop-feed__grid .skooop-feed__sec { break-inside: avoid; page-break-inside: avoid; display: inline-block; width: 100%; box-sizing: border-box; margin: 0 0 16px; }
.skooop-feed--blend .skooop-feed__grid .skooop-feed__sec { margin: 0 0 28px; }
.skooop-feed__secs .skooop-feed__excerpt { display: none; } /* headlines only, as in a MyGymNews NewsRoom */
.skooop-feed__secs .skooop-feed__item { padding: 10px 0; gap: 12px; }
.skooop-feed__secs .skooop-feed__img { width: 80px; height: 60px; }
@media (max-width: 480px) { .skooop-feed__img { width: 72px; height: 54px; } }
.skooop-feed__adrow { margin: 0 0 16px; }
.skooop-feed__grid .skooop-feed__adrow { break-inside: avoid; display: inline-block; width: 100%; margin: 0 0 16px; }

/* Weather icons: keep emoji the right size whatever the theme does. */
.skooop-wx-i img.emoji,
.skooop-wx-i img {
	width: 1em !important;
	height: 1em !important;
	max-width: none !important;
	vertical-align: middle !important;
}

/* One story, the same on every SKOOOP website (owner 2026-11-07): the headline, then one line with the theme icon, heat,
   source and age, click and read counts, and 👎 👍 ❤️. Fonts and colours are the website's own. */
.skooop-feed .sk-st { align-items: flex-start; }
.skooop-feed .sk-st__t { display: flex; align-items: flex-start; gap: 8px; }
.skooop-feed .sk-st__t .sk-st__i { flex: none; font-size: 1.25em; line-height: 1.1; }
.skooop-feed .sk-st__h { display: block; flex: 1; min-width: 0; font-weight: 700; line-height: 1.35; }
.skooop-feed .sk-st__ln { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 5px; font-size: .8em; line-height: 1.3; }
.skooop-feed .sk-st__ln > * { flex: none; margin: 0; }
.skooop-feed .sk-st__i { font-size: 1.35em; line-height: 1; }
.skooop-feed .sk-st__src, .skooop-feed .sk-st__n { opacity: .75; }
.skooop-feed .sk-st__src { flex: 0 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skooop-feed .sk-st__ln .skooop-lvl { font-size: 1.3em; line-height: 1; margin: 0 !important; }
.skooop-feed .sk-st__ln .skooop-rate { display: inline-flex !important; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.skooop-feed .sk-st__ln .skooop-wrong { margin: 0 !important; } /* 'Not about …?' replaced the red flag (owner 2026-11-07): last on the line */
.skooop-feed .sk-st__ln .skooop-sh { flex-basis: 100%; } /* the share menu opens on its own line */
.skooop-feed__sec--hot .skooop-feed__list, .skooop-feed__sec--pins .skooop-feed__list { grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); }

/* 12.0.2 (owner 2026-11-10): the story line's buttons are small light pills in the site's own text colour, whatever the
   theme does to buttons; 👎 👍 ❤️ at full colour; "Not about …?" a quiet text link at the end of the line. */
.sk-st .sk-st__ln button,.sk-st .sk-st__ln .skooop-rate button{all:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1!important;padding:3px 8px!important;margin:0!important;border:1px solid rgba(128,128,128,.35)!important;border-radius:999px!important;background:transparent!important;color:inherit!important;cursor:pointer!important;opacity:1!important;filter:none!important;box-shadow:none!important;text-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;width:auto!important;height:auto!important;min-height:0!important;min-width:0!important}
.sk-st .sk-st__ln button:hover{border-color:currentColor!important}
.sk-st .sk-st__ln button.is-on{border-color:#FF6B00!important;background:rgba(255,107,0,.15)!important}
.sk-st .sk-st__ln .skooop-share svg{width:14px!important;height:14px!important;display:block!important}
.sk-st .sk-st__ln button.skooop-wrong{border:0!important;padding:0!important;background:none!important;font-size:12px!important;text-decoration:underline!important;opacity:.7!important}
.sk-st .sk-st__ln button.skooop-wrong:hover{opacity:1!important}
.sk-st .sk-st__ln button:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}
.sk-st .sk-st__ln .skooop-rate{display:inline-flex!important;gap:4px!important;margin:0!important;padding:0!important;border:0!important;background:none!important}