/* ChannelFeed – scoped front-end styles. No theme-wide selectors. */
.cfm-view{--cfm-accent:#7557e8;--cfm-cols:3;--cfm-ink:#211d35;--cfm-muted:#7c788e;--cfm-edge:#e9e5f4;--cfm-surface:#fff;color:var(--cfm-ink);font-family:inherit;box-sizing:border-box;position:relative;max-width:100%;margin:22px auto 34px}.cfm-view *{box-sizing:border-box}.cfm-view .cfm-head{display:flex;align-items:center;gap:12px;margin:0 0 22px}.cfm-view .cfm-head h2{font-size:clamp(20px,2.8vw,29px)!important;margin:0!important;padding:0!important;font-weight:850;line-height:1.35;letter-spacing:-.04em;color:inherit}.cfm-head-mark{width:7px;height:29px;display:inline-block;flex:none;background:linear-gradient(180deg,#fda36d,var(--cfm-accent));border-radius:5px}.cfm-head-spark{color:var(--cfm-accent);font-size:24px}.cfm-tiles{display:grid;grid-template-columns:repeat(var(--cfm-cols),minmax(0,1fr));gap:20px;min-width:0}.cfm-tile{min-width:0;margin:0;padding:0;list-style:none}.cfm-tile[hidden]{display:none!important}.cfm-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--cfm-surface);border:1px solid var(--cfm-edge);border-radius:19px;box-shadow:0 9px 27px rgba(52,43,99,.065);color:inherit!important;text-decoration:none!important;transition:box-shadow .25s,transform .25s,border-color .25s;position:relative;isolation:isolate}.cfm-card:hover,.cfm-card:focus-visible{transform:translateY(-4px);box-shadow:0 17px 35px rgba(45,37,90,.13);border-color:var(--cfm-accent);text-decoration:none!important}.cfm-cover{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:#eeeafc;min-width:0;flex:none}.cfm-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.cfm-card:hover .cfm-cover img{transform:scale(1.055)}.cfm-placeholder{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#9b83e4;background:radial-gradient(circle at 22% 22%,#fff2e7 0%,transparent 42%),linear-gradient(130deg,#efe9ff,#e2f4ff)}.cfm-placeholder span{font-size:65px;line-height:1}.cfm-placeholder small{font-weight:750;letter-spacing:.24em;font-size:9px}.cfm-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:10px;min-width:0;padding:19px 19px 18px}.cfm-tag{display:inline-flex;align-items:center;max-width:100%;border-radius:99px;background:#f1edff;color:#7256c9;padding:5px 10px;font-size:10px;letter-spacing:.07em;font-weight:750;line-height:1.25}.cfm-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:15px;line-height:1.62;font-weight:780;overflow-wrap:anywhere;color:inherit}.cfm-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--cfm-muted);font-size:12px;line-height:1.75;overflow-wrap:anywhere}.cfm-read{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:10px;font-weight:750;font-size:12px;color:var(--cfm-accent);border-top:1px solid var(--cfm-edge)}.cfm-read span{font-size:18px;line-height:1;transition:transform .2s}.cfm-card:hover .cfm-read span{transform:translate(2px,-2px)}.cfm-nav{display:flex;justify-content:flex-end;gap:9px;margin:-7px 0 14px}.cfm-nav button{display:grid;place-items:center;background:#fff!important;border:1px solid var(--cfm-edge)!important;border-radius:12px!important;box-shadow:none!important;color:var(--cfm-accent)!important;font-size:20px!important;width:39px;height:39px;cursor:pointer;line-height:1;min-height:0;padding:0!important}.cfm-nav button:hover{background:#f7f4ff!important}.cfm-layout-list .cfm-tiles{grid-template-columns:1fr!important;gap:12px}.cfm-layout-list .cfm-card{flex-direction:row;min-height:123px;border-radius:15px}.cfm-layout-list .cfm-cover{width:min(31%,210px);aspect-ratio:4/3}.cfm-layout-list .cfm-info{padding:14px 17px;gap:6px;justify-content:center}.cfm-layout-list .cfm-title{-webkit-line-clamp:2}.cfm-layout-list .cfm-desc{-webkit-line-clamp:1}.cfm-layout-list .cfm-read{margin-top:1px;padding-top:6px}.cfm-layout-carousel .cfm-tiles,.cfm-layout-ticker .cfm-tiles{display:flex;overflow:auto hidden;scroll-snap-type:x mandatory;gap:17px;overscroll-behavior-x:contain;scrollbar-width:thin;padding:1px 2px 18px}.cfm-layout-carousel .cfm-tile,.cfm-layout-ticker .cfm-tile{flex:none;width:clamp(195px,28%,320px);scroll-snap-align:start}.cfm-layout-ticker .cfm-tile{width:clamp(225px,36%,390px)}.cfm-layout-ticker .cfm-card{flex-direction:row;min-height:130px}.cfm-layout-ticker .cfm-cover{width:38%;aspect-ratio:1}.cfm-layout-ticker .cfm-info{padding:12px;gap:7px}.cfm-layout-ticker .cfm-title{font-size:13px;-webkit-line-clamp:2}.cfm-layout-ticker .cfm-desc{display:none}.cfm-layout-masonry .cfm-tiles{display:block;columns:var(--cfm-cols);column-gap:20px}.cfm-layout-masonry .cfm-tile{break-inside:avoid;display:block;margin-bottom:20px}.cfm-layout-masonry .cfm-tile[hidden]{display:none}.cfm-layout-masonry .cfm-tile:nth-child(3n+1) .cfm-cover{aspect-ratio:4/5}.cfm-layout-masonry .cfm-tile:nth-child(4n+2) .cfm-cover{aspect-ratio:1/1}.cfm-layout-feature .cfm-tiles{grid-template-columns:repeat(max(2,var(--cfm-cols)),minmax(0,1fr))}.cfm-layout-feature .cfm-tile.cfm-feature-primary{grid-column:span 2;grid-row:span 2}.cfm-layout-feature .cfm-tile.cfm-feature-primary .cfm-cover{aspect-ratio:16/9}.cfm-layout-feature .cfm-tile.cfm-feature-primary .cfm-title{font-size:clamp(17px,2vw,25px)}
/* The styles intentionally differ in typography, framing and accents. */
.cfm-style-editorial .cfm-card{border-radius:5px;box-shadow:none;border:1px solid #e7e0d9}.cfm-style-editorial .cfm-info{background:#faf7f0}.cfm-style-editorial .cfm-title{font-family:Georgia,"Yu Mincho",serif;font-size:17px;font-weight:700}.cfm-style-editorial .cfm-tag{background:#eee4cf;color:#875a3c;border-radius:3px}.cfm-style-editorial .cfm-read{color:#8e6040}.cfm-style-minimal .cfm-card{border:0;box-shadow:none;border-radius:0}.cfm-style-minimal .cfm-cover{border-radius:10px}.cfm-style-minimal .cfm-info{padding:15px 0}.cfm-style-minimal .cfm-tag{background:transparent;color:#777;padding:0}.cfm-style-minimal .cfm-read{color:#333}.cfm-style-magazine .cfm-card{border:3px solid #181828;border-radius:9px;box-shadow:5px 6px 0 #181828}.cfm-style-magazine .cfm-title{font-weight:950;font-size:18px}.cfm-style-magazine .cfm-tag{background:#fdce57;color:#211c1b;border-radius:0;transform:rotate(-2deg)}.cfm-style-magazine .cfm-read{color:#151521;border-color:#151521}.cfm-style-glass .cfm-card{background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(242,235,255,.8));border:1px solid #d4c9f8;border-radius:25px;box-shadow:0 15px 36px #ad99da3a;backdrop-filter:blur(12px)}.cfm-style-glass .cfm-info{padding:23px}.cfm-style-glass .cfm-tag{background:linear-gradient(90deg,#e0f5ff,#eee5ff)}.cfm-style-neon .cfm-card{background:#15172f;color:#f7f2ff!important;border-color:#644ad6;box-shadow:0 0 0 1px #b781ff25,0 13px 35px #15172f55}.cfm-style-neon .cfm-tag{background:#322b67;color:#e6d0ff}.cfm-style-neon .cfm-desc{color:#c2bbd9}.cfm-style-neon .cfm-read{color:#7ce4d7;border-color:#5e5384}.cfm-style-comic .cfm-card{border:3px solid #25212d;border-radius:22px 6px 22px 6px;box-shadow:6px 6px 0 #f5a1ac}.cfm-style-comic .cfm-tag{background:#ff8ea5;color:#2a1422;border:1px solid #29202e;border-radius:6px}.cfm-style-comic .cfm-info{background:repeating-linear-gradient(135deg,#fff,#fff 15px,#fff9f9 15px,#fff9f9 30px)}.cfm-style-comic .cfm-title{font-weight:900}.cfm-style-outlined .cfm-card{border:2px dashed #9e8fcb;box-shadow:none;border-radius:14px}.cfm-style-outlined .cfm-info{background:#fff}.cfm-style-outlined .cfm-tag{background:#f4f0ff}.cfm-style-outlined .cfm-read{border-top-style:dashed}.cfm-style-dark .cfm-card{background:#20232d;color:#f8f8fd!important;border:1px solid #323746}.cfm-style-dark .cfm-tag{background:#3c414f;color:#f9cc95}.cfm-style-dark .cfm-desc{color:#b1b5c5}.cfm-style-dark .cfm-read{color:#f0bf81;border-color:#404657}.cfm-style-pastel .cfm-card{background:linear-gradient(160deg,#fff4fb 0%,#fff 55%,#eaf7ff 100%);border:1px solid #f5ddf1;border-radius:26px;box-shadow:0 10px 24px #e8dced77}.cfm-style-pastel .cfm-tag{background:#fce5ec;color:#a65d84}.cfm-style-pastel .cfm-read{color:#ae67ad}.cfm-style-poster .cfm-card{border-radius:3px;background:#fdfaf2;border:10px solid #fdfaf2;box-shadow:0 14px 30px #37353522}.cfm-style-poster .cfm-cover{aspect-ratio:3/4}.cfm-style-poster .cfm-info{padding:14px 8px 7px}.cfm-style-poster .cfm-title{text-transform:uppercase;letter-spacing:-.04em;font-size:20px;font-weight:900}.cfm-style-poster .cfm-tag{background:#24212d;color:#fff;border-radius:0}.cfm-style-ribbon .cfm-card{border-radius:14px;background:#fffefd;border:2px solid #ead5df;box-shadow:0 8px 19px #e2b7ce44}.cfm-style-ribbon .cfm-cover:after{content:'✦';position:absolute;top:0;right:10px;background:#f68faf;color:white;font-size:18px;padding:7px 12px 11px;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.cfm-style-ribbon .cfm-tag{color:#ba548a;background:#ffe3ef}.cfm-style-ribbon .cfm-read{color:#bf648e;border-color:#f4dbe7}
@media(max-width:1100px){.cfm-layout-grid .cfm-tiles,.cfm-layout-feature .cfm-tiles{grid-template-columns:repeat(min(2,var(--cfm-cols)),minmax(0,1fr))}.cfm-layout-masonry .cfm-tiles{columns:2}}@media(max-width:620px){.cfm-view .cfm-tiles{gap:13px}.cfm-layout-grid .cfm-tiles,.cfm-layout-feature .cfm-tiles{grid-template-columns:repeat(min(2,var(--cfm-cols)),minmax(0,1fr))}.cfm-layout-masonry .cfm-tiles{columns:1}.cfm-layout-feature .cfm-tile.cfm-feature-primary{grid-column:span 2;grid-row:auto}.cfm-view .cfm-info{padding:11px;gap:7px}.cfm-view .cfm-title{font-size:13px;line-height:1.52}.cfm-view .cfm-tag{font-size:9px}.cfm-view .cfm-desc{font-size:11px}.cfm-view .cfm-read{font-size:10px}.cfm-layout-carousel .cfm-tile,.cfm-layout-ticker .cfm-tile{width:80vw;max-width:285px}.cfm-layout-list .cfm-cover{width:32%;min-width:90px}.cfm-style-poster .cfm-info{padding:12px 7px}}@media(max-width:390px){.cfm-layout-grid .cfm-tiles{grid-template-columns:1fr!important}.cfm-layout-grid .cfm-info{padding:16px}}@media(prefers-reduced-motion:reduce){.cfm-view *, .cfm-view *:before,.cfm-view *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}