@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#111827; --muted:#697386; --line:#e5e7eb; --white:#fff; --green:#23d18b; --purple:#6d5dfc; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; }
body { color:var(--ink); font-family:'DM Sans',system-ui,sans-serif; }
button, input, select { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
[hidden] { display:none !important; }
.eyebrow { margin:0 0 10px; font-size:11px; font-weight:800; letter-spacing:.18em; }
.muted-label { display:block; color:#8a94a5; font-size:10px; font-weight:700; letter-spacing:.12em; }
.button { min-height:38px; border:0; border-radius:8px; padding:0 15px; font-weight:700; }
.button.ghost { border:1px solid #d9dde5; background:#fff; color:#3c4657; }
.button.electric { background:#6c5ce7; color:#fff; box-shadow:0 5px 14px rgba(108,92,231,.22); }
.button.coral { min-height:48px; padding:0 22px; background:#ff6846; color:#fff; border-radius:999px; box-shadow:0 10px 25px rgba(255,104,70,.25); }
.empty-filter { padding:36px; color:#7d8796; text-align:center; }

/* Comparison */
.comparison-body { min-height:100vh; background:#0c1017; color:#f5f7fb; }
.comparison-body:before { position:fixed; inset:0; background:radial-gradient(circle at 12% 0%,rgba(93,87,255,.18),transparent 35%),radial-gradient(circle at 92% 18%,rgba(26,207,151,.13),transparent 32%); content:""; pointer-events:none; }
.comparison-shell { position:relative; width:min(1400px,calc(100% - 56px)); margin:auto; }
.comparison-header { display:flex; align-items:center; justify-content:space-between; height:92px; border-bottom:1px solid rgba(255,255,255,.1); }
.brand-lockup { display:flex; gap:11px; align-items:center; font:700 18px Manrope,sans-serif; }
.brand-mark { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; background:linear-gradient(135deg,#7566ff,#35daa1); color:#fff; }
.prototype-pill { border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:8px 13px; color:#aeb7c7; font-size:12px; }
.comparison-hero { max-width:920px; padding:80px 0 54px; }
.comparison-hero .eyebrow { color:#53d7a5; }
.comparison-hero h1 { margin:0; font:800 clamp(42px,5.2vw,76px)/1.04 Manrope,sans-serif; letter-spacing:-.055em; }
.comparison-hero>p:not(.eyebrow) { max-width:690px; margin:25px 0; color:#9ca7b9; font-size:19px; line-height:1.55; }
.comparison-facts { display:flex; flex-wrap:wrap; gap:10px; }
.comparison-facts span { border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:11px 14px; color:#8e99aa; }
.comparison-facts strong { margin-right:5px; color:#fff; }
.concept-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding-bottom:65px; }
.concept-card { position:relative; min-height:460px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:25px; background:#131923; transition:.2s ease; }
.concept-card:hover { transform:translateY(-5px); border-color:rgba(255,255,255,.28); box-shadow:0 25px 60px rgba(0,0,0,.35); }
.concept-number { position:absolute; top:22px; right:24px; color:#586173; font:700 12px Manrope; }
.concept-card>.eyebrow { margin-top:28px; }
.concept-card h2 { margin:0 0 10px; font:750 28px Manrope; letter-spacing:-.03em; }
.concept-card>p:not(.eyebrow) { max-width:350px; min-height:66px; margin:0; color:#949fb0; line-height:1.55; }
.concept-link { display:inline-block; margin-top:24px; font-weight:700; }
.mini-console,.mini-visual,.mini-guided { height:205px; margin:38px 0 25px; border-radius:13px; }
.mini-console { display:grid; grid-template-columns:23% 1fr; gap:12px; padding:13px; background:#090c11; }
.mini-console i { border-radius:7px; background:#171f2a; }
.mini-console div { display:grid; gap:8px; padding:9px; border-radius:7px; background:#f6f8fb; }
.mini-console b { border-radius:4px; background:linear-gradient(90deg,#dbe1eb 35%,#f1f3f6 35%); }
.concept-console>.eyebrow,.concept-console .concept-link { color:#9487ff; }
.mini-visual { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:15px; background:#fff8f4; }
.mini-visual i { position:relative; border-radius:9px; background:linear-gradient(145deg,#ff9e73,#ffcf9d 55%,#fff 56%); }
.concept-visual>.eyebrow,.concept-visual .concept-link { color:#ff8060; }
.mini-guided { display:grid; grid-template-columns:18% 42% 1fr; gap:8px; padding:12px; background:#f5f2ff; }
.mini-guided i,.mini-guided em,.mini-guided div { border-radius:7px; background:#ded8fa; }
.mini-guided div { display:grid; gap:7px; padding:7px; background:#fff; }
.mini-guided b { border-radius:5px; background:#eceaf5; }
.mini-guided em { background:#fff; }
.concept-guided>.eyebrow,.concept-guided .concept-link { color:#50d8ab; }
.comparison-footer { display:flex; justify-content:space-between; border-top:1px solid rgba(255,255,255,.1); padding:25px 0 38px; color:#707b8c; font-size:12px; }
.daily-callout { display:flex; align-items:center; justify-content:space-between; gap:50px; margin:0 0 55px; border:1px solid rgba(255,255,255,.12); border-radius:20px; padding:32px 35px; background:linear-gradient(110deg,rgba(108,92,231,.16),rgba(35,209,139,.08)); }
.daily-callout>div { max-width:780px; }.daily-callout .eyebrow { color:#53d7a5; }.daily-callout h2 { margin:0; font:750 28px/1.22 Manrope; letter-spacing:-.035em; }.daily-callout>div>p:last-child { margin:9px 0 0; color:#929daf; line-height:1.55; }.daily-callout>a { flex:0 0 auto; border-radius:11px; padding:14px 18px; background:#f6f8fb; color:#161c26; font-size:13px; font-weight:800; }.daily-callout>a span { margin-left:18px; }

/* Signal Console */
.console-body { min-width:1100px; background:#f3f5f8; color:#172033; }
.console-sidebar { position:fixed; inset:0 auto 0 0; display:flex; width:220px; flex-direction:column; padding:24px 17px; background:#111722; color:#c3cad6; }
.console-brand { display:flex; align-items:center; gap:11px; margin-bottom:44px; padding:0 7px; color:#fff; font:700 17px Manrope; }
.console-brand span { display:grid; width:34px; height:34px; place-items:center; border-radius:9px; background:#6d5dfc; font-size:12px; }
.console-sidebar nav { display:grid; gap:6px; }
.console-sidebar nav a,.console-side-bottom a { display:flex; min-height:42px; align-items:center; gap:11px; border-radius:8px; padding:0 11px; font-size:13px; font-weight:600; }
.console-sidebar nav a.active { background:#252d3a; color:#fff; }
.console-sidebar nav a span { width:18px; color:#7c879a; text-align:center; }
.console-sidebar nav a b { margin-left:auto; border-radius:999px; padding:2px 7px; background:#293342; color:#8692a5; font-size:10px; }
.console-side-bottom { display:grid; gap:3px; margin-top:auto; border-top:1px solid #28303c; padding-top:14px; }
.console-main { margin-left:220px; }
.console-topbar { display:flex; height:72px; align-items:center; justify-content:space-between; border-bottom:1px solid #e0e4ea; padding:0 32px; background:#fff; }
.project-button { border:0; padding:3px 0; background:transparent; font-weight:700; }
.project-button span { color:#8992a1; }
.top-actions { display:flex; align-items:center; gap:9px; }
.last-check { margin-right:8px; color:#758094; font-size:12px; }
.last-check::first-letter { color:#35c48d; }
.console-content { padding:31px 34px 50px; }
.page-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.page-heading .eyebrow { color:#6d5dfc; }
.page-heading h1 { margin:0; font:750 32px Manrope; letter-spacing:-.035em; }
.page-heading p:last-child { margin:5px 0 0; color:#788397; }
.icon-button { border:1px solid #dfe3e9; border-radius:8px; padding:8px 12px; background:#fff; }
.metric-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:17px; }
.metric-strip>div { display:grid; grid-template-columns:1fr auto; border:1px solid #e0e4eb; border-radius:10px; padding:17px 18px; background:#fff; }
.metric-strip span { color:#5f6b7c; font-size:12px; font-weight:600; }
.metric-strip strong { grid-row:1/3; grid-column:2; font:800 28px Manrope; }
.metric-strip small { margin-top:6px; color:#9aa3b1; }
.console-panel { overflow:hidden; border:1px solid #dde2e9; border-radius:11px; background:#fff; box-shadow:0 2px 7px rgba(24,32,50,.03); }
.status-tabs { display:flex; gap:22px; border-bottom:1px solid #e6e9ee; padding:0 19px; }
.status-tabs button { min-height:52px; border:0; border-bottom:2px solid transparent; background:transparent; color:#737e8f; font-size:12px; font-weight:700; }
.status-tabs button.active { border-bottom-color:#6d5dfc; color:#182135; }
.status-tabs b { margin-left:4px; border-radius:999px; padding:2px 6px; background:#f0f2f6; font-size:10px; }
.console-filters { display:flex; gap:8px; padding:13px 16px; }
.console-filters select,.search-box { min-height:38px; border:1px solid #dfe3e9; border-radius:7px; background:#fff; color:#4e596a; }
.console-filters select { padding:0 29px 0 10px; font-size:12px; }
.search-box { display:flex; width:min(380px,33vw); align-items:center; gap:7px; padding:0 11px; }
.search-box input { width:100%; border:0; outline:0; }
.console-filters .button { margin-left:auto; font-size:12px; }
.bulk-bar { display:flex; align-items:center; gap:10px; border-top:1px solid #dadff7; border-bottom:1px solid #dadff7; padding:10px 16px; background:#f5f3ff; color:#463c9b; font-size:12px; }
.bulk-bar button { border:1px solid #d3cdfb; border-radius:6px; padding:6px 9px; background:#fff; color:#443c87; font-size:11px; font-weight:700; }
.bulk-bar strong { margin-right:auto; }
.console-table-wrap { overflow:auto; }
.console-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.console-table th { height:39px; background:#fafbfc; color:#8b95a5; font-size:10px; letter-spacing:.07em; text-align:left; text-transform:uppercase; }
.console-table td,.console-table th { border-bottom:1px solid #edf0f3; padding:10px 9px; vertical-align:middle; }
.console-table th:first-child,.console-table td:first-child { width:38px; padding-left:16px; }.console-table th:nth-child(2){width:78px}.console-table th:nth-child(3){width:auto}.console-table th:nth-child(4){width:150px}.console-table th:nth-child(5){width:90px}.console-table th:nth-child(6){width:80px}.console-table th:nth-child(7){width:100px}.console-table th:nth-child(8){width:92px}
.console-table tr:hover td { background:#fafbff; }
.score-orb { display:inline-grid; min-width:53px; height:29px; place-items:center; border:1px solid #dfe4ea; border-radius:7px; color:#526071; font-size:11px; font-weight:800; }
.score-orb.hot { border-color:#ffd1c5; background:#fff3ef; color:#dc5135; }
.story-title-button { display:block; width:100%; overflow:hidden; border:0; background:transparent; text-align:left; }
.story-title-button strong,.story-title-button small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.story-title-button strong { color:#20293a; font-size:12px; }.story-title-button small { margin-top:4px; color:#8a94a3; font-size:10px; }
.page-name { display:block; overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.console-table td>small { display:block; margin-top:3px; color:#9aa3af; font-size:9px; }
.format-chip { display:inline-flex; gap:5px; border:1px solid #e2e6eb; border-radius:5px; padding:4px 6px; color:#667184; font-size:10px; }
.console-table td:nth-child(6)>strong { font-size:11px; }
.status-dot { font-size:10px; font-weight:700; }.status-dot:before { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#94a0b1; content:""; }.status-monitoring:before{background:#28c78d}.status-proven:before{background:#6d5dfc}.status-saved:before{background:#ffae43}.status-new:before{background:#9aa5b6}
.row-menu { white-space:nowrap; }.row-menu button { border:0; background:transparent; color:#667184; font-size:10px; font-weight:700; }
.table-footer { display:flex; justify-content:space-between; padding:13px 17px; color:#8993a3; font-size:11px; }

/* Visual Radar */
.visual-body { background:#fffaf7; color:#27221f; font-family:Manrope,sans-serif; }
.visual-header { position:sticky; z-index:5; top:0; display:grid; grid-template-columns:1fr auto 1fr; height:76px; align-items:center; border-bottom:1px solid #eee4df; padding:0 max(28px,4vw); background:rgba(255,250,247,.94); backdrop-filter:blur(14px); }
.visual-brand { display:flex; align-items:center; gap:10px; font-size:17px; }
.visual-logo { display:grid; width:37px; height:37px; place-items:center; border-radius:12px 12px 12px 4px; background:#ff6846; color:#fff; font-size:13px; font-weight:800; }
.visual-header nav { display:flex; gap:31px; color:#7b6e68; font-size:13px; font-weight:600; }.visual-header nav a.active { color:#28211e; }
.visual-header>div:last-child { display:flex; justify-content:flex-end; gap:9px; }.visual-project { border:1px solid #e6ddd8; border-radius:999px; padding:9px 13px; background:#fff; font-size:12px; font-weight:700; }.avatar { width:36px; border:0; border-radius:50%; background:#2b2522; color:#fff; }
.visual-main { width:min(1500px,calc(100% - 70px)); margin:auto; }
.visual-hero { display:flex; align-items:end; justify-content:space-between; padding:54px 0 37px; }
.visual-hero .eyebrow { color:#ff6846; }.visual-hero h1 { max-width:760px; margin:0; font:800 clamp(39px,4.2vw,67px)/1.03 Manrope; letter-spacing:-.055em; }.visual-hero p:last-child { margin:17px 0 0; color:#81736c; font-size:15px; }
.visual-toolbar { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #eee3de; border-bottom:1px solid #eee3de; padding:13px 0; }
.visual-tabs { display:flex; gap:6px; }.visual-tabs button { border:0; border-radius:999px; padding:9px 13px; background:transparent; color:#81736c; font-size:12px; font-weight:700; }.visual-tabs button.active { background:#29231f; color:#fff; }.visual-tabs b { color:#ff9279; }
.visual-tools { display:flex; gap:7px; }.visual-tools select,.visual-search { min-height:37px; border:1px solid #e7deda; border-radius:999px; background:#fff; color:#6d625d; font-size:11px; }.visual-tools select { padding:0 28px 0 12px; }.visual-search { display:flex; align-items:center; gap:5px; padding:0 12px; }.visual-search input { width:110px; border:0; outline:0; }.round-tool { width:38px; border:1px solid #e7deda; border-radius:50%; background:#fff; }
.visual-bulk { position:sticky; z-index:4; top:83px; margin:14px 0 -2px; border:0; border-radius:10px; box-shadow:0 8px 25px rgba(47,36,31,.12); }
.visual-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; padding:28px 0 50px; }
.visual-card { overflow:hidden; border:1px solid #ebe2dd; border-radius:17px; background:#fff; box-shadow:0 4px 18px rgba(60,42,34,.045); transition:.18s ease; }.visual-card:hover { transform:translateY(-3px); box-shadow:0 13px 30px rgba(60,42,34,.11); }
.visual-media { position:relative; height:225px; overflow:hidden; background:#eee9e5; cursor:pointer; }.visual-media img { width:100%; height:100%; object-fit:cover; transition:.25s ease; }.visual-card:hover .visual-media img { transform:scale(1.025); }.visual-media.no-media { background:linear-gradient(145deg,#f2ebe6,#e7ded8); }.media-fallback { display:none; }.visual-media.no-media .media-fallback { display:grid; position:absolute; inset:0; place-items:center; color:#a28f85; font-size:13px; }
.visual-score { position:absolute; top:13px; left:13px; border-radius:999px; padding:7px 10px; background:rgba(29,25,23,.9); color:#fff; font-size:11px; font-weight:800; }.play-button { position:absolute; top:50%; left:50%; display:grid; width:46px; height:46px; place-items:center; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.65); border-radius:50%; background:rgba(0,0,0,.48); color:#fff; padding-left:3px; }
.card-check { position:absolute; top:13px; right:13px; width:27px; height:27px; }.card-check input { position:absolute; opacity:0; }.card-check span { display:grid; width:100%; height:100%; place-items:center; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:rgba(255,255,255,.82); color:transparent; }.card-check input:checked+span { background:#ff6846; color:#fff; }
.visual-card-body { padding:16px 17px 15px; }.visual-meta { display:flex; gap:6px; align-items:center; color:#94857e; font-size:9px; font-weight:600; }.status-mini { margin-left:auto; border-radius:999px; padding:4px 7px; background:#f6f0ed; color:#766861; }.visual-card h2 { margin:12px 0 7px; font-size:16px; line-height:1.28; letter-spacing:-.025em; }.visual-card h2 button { border:0; padding:0; background:transparent; text-align:left; }.visual-card-body>p { display:-webkit-box; height:38px; overflow:hidden; margin:0; color:#8a7c75; font:400 11px/1.65 'DM Sans'; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.visual-card-footer { display:flex; align-items:center; justify-content:space-between; margin-top:14px; border-top:1px solid #f0e9e5; padding-top:12px; }.visual-card-footer strong { font-size:13px; }.visual-card-footer span { color:#9a8c85; font-size:9px; }.visual-quick { display:flex; gap:4px; }.visual-quick button { border:0; border-radius:7px; padding:6px 8px; background:#fff4ef; color:#d6573a; font-size:10px; font-weight:700; }
.visual-footer { display:flex; justify-content:space-between; border-top:1px solid #eee3de; padding:25px 0 38px; color:#9b8e87; font-size:11px; }.visual-footer a { color:#e06043; font-weight:700; }

/* Guided Workspace */
.guided-body { min-width:1180px; background:#f8f8fc; color:#28263a; font-family:'DM Sans'; }
.guided-nav { position:fixed; inset:0 auto 0 0; display:flex; width:88px; flex-direction:column; align-items:center; padding:21px 0; border-right:1px solid #e8e7f0; background:#fff; }
.guided-brand { display:flex; flex-direction:column; align-items:center; gap:5px; font:800 10px/1.05 Manrope; text-align:center; }.guided-brand>span { display:grid; width:40px; height:40px; place-items:center; border-radius:13px; background:#6d5dfc; color:#fff; font-size:17px; }
.guided-nav nav { display:grid; gap:11px; margin-top:55px; }.guided-nav nav a { display:grid; width:62px; height:57px; place-items:center; border-radius:12px; color:#9692a9; font-size:17px; }.guided-nav nav a small { margin-top:-13px; font-size:9px; font-weight:700; }.guided-nav nav a.active { background:#f0edff; color:#6656e6; }.guided-settings { margin-top:auto; color:#8c879f; }
.guided-app { margin-left:88px; }.guided-header { display:flex; height:72px; align-items:center; justify-content:space-between; border-bottom:1px solid #e8e7ef; padding:0 27px; background:#fff; }.guided-header>div:first-child button { border:0; padding:2px 0; background:transparent; font-weight:700; }.guided-progress { display:flex; align-items:center; gap:10px; }.pulse { width:8px; height:8px; border-radius:50%; background:#31c995; box-shadow:0 0 0 5px #e3f8f0; }.guided-progress p { display:grid; margin:0 5px 0 0; }.guided-progress p strong { font-size:11px; }.guided-progress p small { color:#9792a5; font-size:9px; }.guided-progress button { min-height:38px; border:0; border-radius:9px; padding:0 14px; background:#6d5dfc; color:#fff; font-size:11px; font-weight:700; }
.guided-heading { display:flex; align-items:end; justify-content:space-between; padding:29px 30px 20px; }.guided-heading .eyebrow { color:#7061e7; }.guided-heading h1 { margin:0; font:800 30px Manrope; letter-spacing:-.04em; }.guided-heading>div>p:last-child { margin:6px 0 0; color:#858096; font-size:12px; }.guided-heading>a { color:#7669d8; font-size:11px; font-weight:700; }
.guided-filter-row { display:flex; align-items:center; gap:8px; margin:0 30px 16px; }.guided-filter-row>label { display:flex; width:230px; min-height:38px; align-items:center; gap:7px; border:1px solid #e2e0ea; border-radius:10px; padding:0 11px; background:#fff; color:#938fa3; }.guided-filter-row input { width:100%; border:0; outline:0; }.guided-filter-row>div { display:flex; gap:4px; }.guided-filter-row>div button,.guided-filter-row select { min-height:36px; border:1px solid #e2e0ea; border-radius:9px; padding:0 11px; background:#fff; color:#7e798f; font-size:10px; font-weight:700; }.guided-filter-row>div button.active { border-color:#cfc9fb; background:#eeebff; color:#5f51d4; }.guided-filter-row select { margin-left:auto; }
.guided-workspace { display:grid; grid-template-columns:minmax(360px,31%) minmax(460px,1fr) 290px; height:calc(100vh - 211px); min-height:590px; margin:0 30px 25px; overflow:hidden; border:1px solid #e4e2eb; border-radius:15px; background:#fff; box-shadow:0 9px 30px rgba(45,40,75,.055); }
.guided-list-panel { min-width:0; border-right:1px solid #e9e7ef; }.guided-list-head { display:flex; height:51px; align-items:center; justify-content:space-between; border-bottom:1px solid #ebe9f0; padding:0 14px; font-size:11px; }.guided-list-head select { border:0; background:#fff; color:#8d879a; font-size:9px; }.guided-list { height:calc(100% - 51px); overflow:auto; }.guided-list-item { display:grid; width:100%; grid-template-columns:60px 1fr 40px; gap:10px; align-items:center; border:0; border-bottom:1px solid #f0eef4; padding:10px 11px; background:#fff; text-align:left; }.guided-list-item:hover,.guided-list-item.selected { background:#f6f4ff; }.guided-list-item.selected { box-shadow:inset 3px 0 #6d5dfc; }.guided-thumb { position:relative; width:60px; height:55px; overflow:hidden; border-radius:8px; background:#eceaf0; }.guided-thumb img { width:100%; height:100%; object-fit:cover; }.guided-thumb i { position:absolute; inset:0; display:grid; place-items:center; color:#fff; text-shadow:0 1px 5px #000; font-style:normal; }.guided-item-copy { min-width:0; }.guided-item-copy>span { display:flex; justify-content:space-between; color:#9b96a7; font-size:8px; }.guided-item-copy b { overflow:hidden; max-width:120px; text-overflow:ellipsis; white-space:nowrap; }.guided-item-copy em { font-style:normal; }.guided-item-copy>strong { display:block; overflow:hidden; margin:5px 0; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.guided-item-copy>small { color:#9a95a7; font-size:8px; }.guided-score { justify-self:end; border-radius:7px; padding:6px; background:#f0eef4; color:#777287; font-size:9px; font-weight:800; }.guided-score.hot { background:#fff0ea; color:#dd5a3c; }
.guided-detail-panel { min-width:0; overflow:auto; }.guided-detail { min-height:100%; }.guided-detail-top { display:flex; height:51px; align-items:center; justify-content:space-between; padding:0 18px; }.guided-status { border-radius:999px; padding:5px 8px; background:#e8faf3; color:#258762; font-size:9px; font-weight:800; }.guided-detail-top button { border:0; background:transparent; }.guided-feature-media { position:relative; height:240px; margin:0 18px; overflow:hidden; border-radius:11px; background:#efedf2; }.guided-feature-media img { width:100%; height:100%; object-fit:contain; background:#f2f0f4; }.guided-feature-media>span { position:absolute; top:50%; left:50%; display:grid; width:45px; height:45px; place-items:center; transform:translate(-50%,-50%); border-radius:50%; background:rgba(30,25,37,.7); color:#fff; }.guided-feature-media>small { position:absolute; bottom:10px; left:10px; border-radius:5px; padding:4px 6px; background:rgba(255,255,255,.9); font-size:8px; font-weight:700; }.guided-detail-copy { padding:19px; }.guided-source { margin:0 0 7px; color:#8f899b; font-size:9px; }.guided-detail-copy h2 { margin:0; font:800 21px/1.25 Manrope; letter-spacing:-.035em; }.guided-detail-copy>p:not(.guided-source) { color:#858092; font-size:10px; line-height:1.55; }.guided-numbers { display:grid; grid-template-columns:repeat(3,1fr); margin:16px 0; border:1px solid #ebe9ef; border-radius:9px; }.guided-numbers div { display:grid; padding:9px 11px; }.guided-numbers div+div { border-left:1px solid #ebe9ef; }.guided-numbers strong { font-size:13px; }.guided-numbers span { color:#9994a4; font-size:8px; }.why-box { border-radius:9px; padding:12px; background:#f7f5ff; }.why-box span { color:#6a5bd8; font-size:8px; font-weight:800; letter-spacing:.1em; }.why-box p { margin:6px 0 0; color:#625d73; font-size:10px; line-height:1.5; }.guided-detail-copy>a { display:inline-block; margin-top:13px; color:#6558cb; font-size:9px; font-weight:700; }
.guided-action-panel { border-left:1px solid #e9e7ef; padding:25px 18px; background:#fbfafe; }.guided-action-panel>.eyebrow { color:#786be2; }.guided-action-panel>h2 { margin:0 0 18px; font:800 18px/1.25 Manrope; }.guided-action-panel>button { display:flex; width:100%; align-items:center; gap:10px; border-radius:10px; padding:12px; text-align:left; }.guided-action-panel>button span { display:grid; width:30px; height:30px; flex:0 0 auto; place-items:center; border-radius:8px; }.guided-action-panel>button div { display:grid; gap:3px; }.guided-action-panel>button strong { font-size:10px; }.guided-action-panel>button small { color:#928da0; font-size:8px; }.primary-action { border:0; background:#6758df; color:#fff; box-shadow:0 7px 18px rgba(103,88,223,.22); }.primary-action span { background:rgba(255,255,255,.15); }.primary-action small { color:#dcd8ff !important; }.primary-action b { margin-left:auto; }.secondary-action { margin-top:8px; border:1px solid #e4e1eb; background:#fff; color:#3c3849; }.secondary-action span { background:#f0eef6; color:#746c8a; }.trash-action { justify-content:center; margin-top:15px; border:0; background:transparent; color:#a19cab; font-size:9px; }.guided-help { margin-top:24px; border-radius:10px; padding:13px; background:#f0f8f5; color:#4c685e; }.guided-help strong { font-size:10px; }.guided-help p { margin:5px 0 0; font-size:9px; line-height:1.45; }

/* Daily Brief */
.daily-body { min-width:1080px; background:#f4f6f5; color:#15231e; font-family:'DM Sans',sans-serif; }
.daily-header { display:grid; grid-template-columns:1fr auto 1fr; height:74px; align-items:center; border-bottom:1px solid #dfe6e2; padding:0 4vw; background:#fff; }
.daily-brand { display:flex; align-items:center; gap:10px; font:800 17px Manrope; }.daily-brand>span { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:#15231e; color:#c9ff64; }
.daily-header nav { display:flex; gap:28px; color:#77817d; font-size:12px; font-weight:700; }.daily-header nav a.active { color:#15231e; }.daily-header nav a.active:after { display:block; height:2px; margin-top:8px; border-radius:2px; background:#15231e; content:""; }
.daily-header>div { display:flex; align-items:center; justify-content:flex-end; gap:10px; }.daily-project { display:grid; border:0; background:transparent; text-align:left; font-size:11px; font-weight:800; }.daily-project small { color:#97a09c; font-size:7px; letter-spacing:.1em; }.daily-avatar { display:grid; width:36px; height:36px; place-items:center; border:0; border-radius:50%; background:#e5eae7; color:#53615b; font-weight:800; }
.daily-main { width:min(1420px,calc(100% - 70px)); margin:auto; padding:38px 0 50px; }
.daily-intro { display:flex; align-items:end; justify-content:space-between; }.daily-intro .eyebrow { color:#368362; }.daily-intro h1 { margin:0; font:800 clamp(35px,3.6vw,52px)/1.05 Manrope; letter-spacing:-.05em; }.daily-intro>div:first-child>p:last-child { margin:12px 0 0; color:#78847f; font-size:14px; }
.daily-ready { display:flex; align-items:center; gap:11px; border:1px solid #dce4df; border-radius:13px; padding:10px 11px 10px 13px; background:#fff; }.daily-ready>span { display:grid; width:31px; height:31px; place-items:center; border-radius:50%; background:#e2f7ed; color:#27815d; font-weight:800; }.daily-ready>div { display:grid; }.daily-ready strong { font-size:10px; }.daily-ready small { margin-top:2px; color:#929c97; font-size:8px; }.daily-ready button { margin-left:8px; border:0; border-radius:8px; padding:9px 11px; background:#15231e; color:#fff; font-size:9px; font-weight:800; }
.daily-overview { display:grid; grid-template-columns:170px 190px 190px 1fr; align-items:center; margin-top:27px; border:1px solid #dfe5e2; border-radius:13px 13px 0 0; background:#fff; }.daily-overview>div { min-height:68px; padding:14px 20px; }.daily-overview>div+div { border-left:1px solid #e3e8e5; }.daily-overview>div:not(.daily-progress-wrap) { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:9px; }.daily-overview>div>strong { font:800 24px Manrope; }.daily-overview>div>span { color:#7d8883; font-size:9px; line-height:1.3; }
.daily-progress-wrap { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:15px; }.daily-progress-wrap>span { white-space:nowrap; color:#67736d !important; font-size:9px; font-weight:700; }.daily-progress-wrap i { height:6px; overflow:hidden; border-radius:6px; background:#edf0ee; }.daily-progress-wrap em { display:block; height:100%; border-radius:6px; background:#97da45; transition:.2s ease; }
.daily-workspace { display:grid; grid-template-columns:minmax(620px,1fr) 410px; min-height:580px; overflow:hidden; border:1px solid #dfe5e2; border-top:0; border-radius:0 0 16px 16px; background:#fff; box-shadow:0 16px 45px rgba(31,55,45,.07); }
.daily-feature { min-width:0; border-right:1px solid #e1e7e3; }.daily-feature article { display:grid; grid-template-columns:minmax(300px,47%) 1fr; min-height:580px; }.daily-feature-media { position:relative; overflow:hidden; background:#e8ece9; }.daily-feature-media img { width:100%; height:100%; object-fit:cover; }.daily-feature-media.empty:after { position:absolute; inset:0; display:grid; place-items:center; color:#8d9993; content:"Source post"; }.daily-media-type { position:absolute; bottom:18px; left:18px; border-radius:7px; padding:7px 9px; background:rgba(255,255,255,.92); color:#48544f; font-size:9px; font-weight:800; }.daily-play { position:absolute; top:50%; left:50%; display:grid; width:52px; height:52px; place-items:center; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.7); border-radius:50%; background:rgba(20,29,25,.64); color:#fff; }
.daily-feature-copy { display:flex; min-width:0; flex-direction:column; padding:29px 31px; }.daily-signal-top { display:flex; align-items:center; justify-content:space-between; }.daily-signal-top>span { border-radius:999px; padding:6px 9px; background:#e2f7ed; color:#267e5b; font-size:8px; font-weight:800; letter-spacing:.07em; }.daily-signal-top>strong { color:#eb6747; font-size:15px; }.daily-signal-top small { display:block; color:#9a9f9c; font-size:6px; letter-spacing:.08em; text-align:right; }.daily-source { margin:29px 0 7px; color:#87928d; font-size:9px; }.daily-feature-copy h2 { margin:0; font:800 clamp(23px,2vw,31px)/1.17 Manrope; letter-spacing:-.045em; }.daily-hook { margin:13px 0 0; color:#66736d; font-size:12px; line-height:1.55; }.daily-stats { display:grid; grid-template-columns:repeat(3,1fr); margin:22px 0; border-top:1px solid #e4e9e6; border-bottom:1px solid #e4e9e6; }.daily-stats div { display:grid; padding:13px 5px; }.daily-stats div+div { border-left:1px solid #e4e9e6; padding-left:14px; }.daily-stats strong { font-size:15px; }.daily-stats span { color:#9aa29e; font-size:8px; }.daily-why { border-left:3px solid #9add4c; padding:5px 0 5px 13px; }.daily-why span { color:#559123; font-size:7px; font-weight:800; letter-spacing:.1em; }.daily-why p { margin:5px 0 0; color:#68746e; font-size:10px; line-height:1.45; }.daily-feature-copy>a { margin-top:15px; color:#39785e; font-size:9px; font-weight:800; }.daily-actions { display:flex; gap:7px; margin-top:auto; padding-top:22px; }.daily-actions button { min-height:39px; border:1px solid #dce3df; border-radius:8px; padding:0 12px; background:#fff; color:#5d6963; font-size:9px; font-weight:800; }.daily-actions button.primary { flex:1; border-color:#15231e; background:#15231e; color:#fff; }.daily-actions button.trash { border:0; color:#a39c9c; }
.daily-queue { display:flex; min-width:0; flex-direction:column; background:#fafbfa; }.daily-queue-head { display:flex; align-items:center; justify-content:space-between; padding:22px 20px 13px; }.daily-queue-head .eyebrow { margin:0 0 3px; color:#87928d; font-size:7px; }.daily-queue-head h2 { margin:0; font:800 18px Manrope; }.daily-queue-head>button { border:0; background:transparent; }.daily-queue-list { padding:0 11px; }.daily-queue-item { display:grid; width:100%; grid-template-columns:23px 56px 1fr 39px; gap:9px; align-items:center; border:1px solid transparent; border-radius:10px; padding:8px; background:transparent; text-align:left; }.daily-queue-item:hover { background:#f1f4f2; }.daily-queue-item.selected { border-color:#d8e1dc; background:#fff; box-shadow:0 4px 12px rgba(34,56,47,.06); }.daily-queue-number { color:#a3aba7; font-size:8px; font-weight:800; }.daily-queue-thumb { position:relative; width:56px; height:52px; overflow:hidden; border-radius:7px; background:#e8ecea; }.daily-queue-thumb img { width:100%; height:100%; object-fit:cover; }.daily-queue-thumb i { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:10px; font-style:normal; text-shadow:0 1px 5px #000; }.daily-queue-copy { display:grid; min-width:0; gap:3px; }.daily-queue-copy small,.daily-queue-copy em { overflow:hidden; color:#969f9a; font-size:7px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.daily-queue-copy strong { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.daily-queue-score { justify-self:end; border-radius:6px; padding:6px 5px; background:#fff0eb; color:#dc6042; font-size:8px; font-weight:800; }.daily-all-feed { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:auto 18px 18px; border-radius:11px; padding:13px 14px; background:#edf1ef; }.daily-all-feed strong { font-size:9px; }.daily-all-feed p { max-width:210px; margin:3px 0 0; color:#858f8a; font-size:8px; line-height:1.4; }.daily-all-feed a { flex:0 0 auto; color:#347459; font-size:8px; font-weight:800; }
.daily-footnote { display:flex; align-items:center; gap:35px; padding:20px 4px; color:#7e8a84; font-size:9px; }.daily-footnote span { display:grid; gap:3px; }.daily-footnote b { color:#a0a9a4; font-size:7px; letter-spacing:.06em; text-transform:uppercase; }.daily-footnote a { margin-left:auto; color:#39785e; font-weight:800; }

.daily-feed-section { padding-top:64px; }.daily-feed-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:17px; }.daily-feed-heading .eyebrow { color:#368362; }.daily-feed-heading h2 { margin:0; font:800 32px Manrope; letter-spacing:-.04em; }.daily-feed-heading>div>p:last-child { margin:5px 0 0; color:#7f8a85; font-size:11px; }
.daily-view-switch { display:flex; gap:3px; border:1px solid #dbe3de; border-radius:10px; padding:3px; background:#fff; }.daily-view-switch button { min-height:34px; border:0; border-radius:7px; padding:0 12px; background:transparent; color:#7a8680; font-size:9px; font-weight:800; }.daily-view-switch button.active { background:#15231e; color:#fff; }
.daily-feed-panel { overflow:hidden; border:1px solid #dfe5e2; border-radius:14px; background:#fff; box-shadow:0 12px 36px rgba(31,55,45,.05); }.daily-feed-tabs { display:flex; gap:25px; border-bottom:1px solid #e5eae7; padding:0 21px; }.daily-feed-tabs button,.daily-feed-tabs a { display:flex; min-height:51px; align-items:center; border:0; border-bottom:2px solid transparent; background:transparent; color:#84908a; font-size:10px; font-weight:800; text-decoration:none; }.daily-feed-tabs button.active,.daily-feed-tabs a.active { border-bottom-color:#56a63b; color:#15231e; }.daily-feed-tabs b { margin-left:4px; border-radius:99px; padding:2px 6px; background:#edf1ef; color:#77827d; font-size:8px; }
.daily-feed-filters { display:flex; gap:7px; border-bottom:1px solid #e7ebe9; padding:12px 15px; }.daily-feed-search,.daily-feed-filters select,.daily-export,.daily-filter-apply,.daily-filter-clear { min-height:38px; border:1px solid #dce3df; border-radius:8px; background:#fff; color:#68756f; font-size:9px; }.daily-feed-search { display:flex; width:min(360px,27vw); align-items:center; gap:7px; padding:0 11px; }.daily-feed-search input { width:100%; border:0; outline:0; }.daily-feed-filters select { padding:0 28px 0 10px; }.daily-filter-apply,.daily-filter-clear { display:flex; align-items:center; padding:0 11px; font-weight:800; text-decoration:none; white-space:nowrap; }.daily-filter-apply { border-color:#236548; background:#236548; color:#fff; }.daily-export { margin-left:auto; padding:0 12px; font-weight:800; }.daily-feed-bulk { border-top:0; background:#eef8f3; color:#2f7254; }.daily-feed-bulk button { border-color:#cfe7db; color:#326e53; }
.daily-feed-columns,.daily-feed-item { display:grid; grid-template-columns:35px 55px 76px minmax(300px,1fr) 170px 90px 80px 105px 84px; gap:9px; align-items:center; }.daily-feed-columns { min-height:37px; padding:0 14px; border-bottom:1px solid #e8ecea; background:#f8faf9; color:#98a19d; font-size:7px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.daily-feed-columns.is-grid { display:none; }
.daily-feed-item { min-height:72px; border-bottom:1px solid #edf0ee; padding:8px 14px; }.daily-feed-item:hover { background:#fbfcfb; }.daily-feed-check { display:grid; place-items:center; }.daily-feed-check input { position:absolute; opacity:0; }.daily-feed-check span { display:grid; width:17px; height:17px; place-items:center; border:1px solid #cdd6d1; border-radius:5px; color:transparent; font-size:8px; }.daily-feed-check input:checked+span { border-color:#337c5b; background:#337c5b; color:#fff; }
.daily-feed-thumb { position:relative; width:51px; height:51px; overflow:hidden; border:0; border-radius:7px; padding:0; background:#e9eeeb; }.daily-feed-thumb img { width:100%; height:100%; object-fit:cover; }.daily-feed-thumb i { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:9px; font-style:normal; text-shadow:0 1px 5px #000; }.daily-feed-score { justify-self:start; border-radius:6px; padding:6px 7px; background:#f0f3f1; color:#66736c; font-size:8px; font-weight:800; }.daily-feed-score.hot { background:#fff0eb; color:#db6042; }
.daily-feed-story { min-width:0; border:0; padding:0; background:transparent; text-align:left; }.daily-feed-story strong,.daily-feed-story small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.daily-feed-story strong { color:#27332e; font-size:10px; }.daily-feed-story small { margin-top:5px; color:#8e9893; font-size:8px; }.daily-feed-page { display:grid; min-width:0; }.daily-feed-page strong { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.daily-feed-page small { margin-top:3px; color:#9aa39f; font-size:7px; }.daily-feed-format { justify-self:start; border:1px solid #dfe5e2; border-radius:5px; padding:4px 6px; color:#68746f; font-size:8px; }.daily-feed-shares { display:grid; }.daily-feed-shares strong { font-size:9px; }.daily-feed-shares small { color:#9ca5a1; font-size:7px; }.daily-feed-status { font-size:8px; font-weight:800; }.daily-feed-status:before { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#9ba49f; content:""; }.daily-feed-status.status-monitoring:before { background:#32b87f; }.daily-feed-status.status-proven:before { background:#6f66d8; }.daily-feed-status.status-saved:before { background:#e7a346; }.daily-feed-actions { display:flex; justify-content:flex-end; gap:2px; }.daily-feed-actions button { border:0; border-radius:5px; padding:5px; background:transparent; color:#67746e; font-size:8px; font-weight:800; }
.daily-feed-list[data-feed-layout="grid"] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; padding:18px; background:#f7f9f8; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-item { position:relative; display:flex; min-width:0; flex-direction:column; align-items:stretch; overflow:hidden; border:1px solid #dfe5e2; border-radius:12px; padding:0; background:#fff; box-shadow:0 5px 16px rgba(33,53,45,.045); }.daily-feed-list[data-feed-layout="grid"] .daily-feed-item:hover { transform:translateY(-2px); box-shadow:0 12px 24px rgba(33,53,45,.09); }.daily-feed-list[data-feed-layout="grid"] .daily-feed-thumb { order:1; width:100%; height:205px; border-radius:0; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-check { position:absolute; z-index:2; top:12px; right:12px; order:0; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-check span { width:25px; height:25px; border-color:rgba(255,255,255,.8); border-radius:50%; background:rgba(255,255,255,.88); }.daily-feed-list[data-feed-layout="grid"] .daily-feed-score { position:absolute; z-index:2; top:12px; left:12px; order:2; background:rgba(21,35,30,.9); color:#fff; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-score.hot { background:rgba(21,35,30,.9); color:#fff; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-story { order:3; padding:15px 15px 7px; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-story strong { min-height:38px; white-space:normal; font-size:13px; line-height:1.4; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-story small { display:-webkit-box; height:30px; white-space:normal; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-page { order:4; padding:6px 15px; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-page strong { font-size:8px; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-format { position:absolute; z-index:2; top:183px; right:10px; order:5; border:0; background:#fff; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-shares { order:6; padding:6px 15px 13px; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-status { position:absolute; right:13px; bottom:16px; order:7; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-actions { display:none; }
.daily-feed-list[data-feed-layout="grid"] .daily-feed-check input:checked+span { border-color:#1f6b4a; background:#1f6b4a; color:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.8); }
.daily-feed-item.was-recommended { background:#fbfdf7; box-shadow:inset 3px 0 #b7d87a; }.daily-feed-status small { display:block;margin-top:3px;color:#6c825a;font-size:7px;font-weight:800;white-space:nowrap; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-item.was-recommended { box-shadow:inset 0 3px #b7d87a,0 5px 16px rgba(33,53,45,.045); }.daily-feed-list[data-feed-layout="grid"] .daily-feed-status small { max-width:94px;white-space:normal; }
.daily-feed-status.status-watching { background:#eef2f0;color:#617068; }
.daily-feed-footer { display:flex; align-items:center; gap:30px; border-top:1px solid #e5eae7; padding:18px 20px; color:#728079; font-size:15px; }.daily-feed-footer>span:nth-child(2) { margin-left:auto; font-weight:700; }.daily-pagination { display:flex; gap:10px; }.daily-pagination a,.daily-pagination span { border:1px solid #d4ddd8; border-radius:9px; padding:13px 17px; background:#fff; color:#344a40; font-size:15px; font-weight:800; text-decoration:none; }.daily-pagination a:hover { border-color:#79a990; background:#f0f7f3; color:#1f6546; }.daily-pagination span { color:#aab4af; background:#f6f8f7; }

/* Readable feed typography and text-only media */
.daily-feed-tabs button,.daily-feed-tabs a { font-size:12px; }.daily-feed-tabs b { font-size:10px; }
.daily-feed-search,.daily-feed-filters select,.daily-export,.daily-filter-apply,.daily-filter-clear { font-size:11px; }
.daily-feed-columns { font-size:9px; }.daily-feed-item { min-height:82px; }
.daily-feed-score { font-size:10px; }.daily-feed-story strong { font-size:13px; }.daily-feed-story small { margin-top:6px; font-size:10.5px; }.daily-feed-page strong { font-size:11px; }.daily-feed-page small { font-size:9px; }.daily-feed-format { font-size:10px; }.daily-feed-shares strong { font-size:11px; }.daily-feed-shares small { font-size:9px; }.daily-feed-status,.daily-feed-actions button { font-size:10px; }
.daily-feed-thumb.is-text { background:linear-gradient(145deg,#e9f4ed,#dbe9df); }.daily-feed-thumb.is-text>span { display:-webkit-box; overflow:hidden; padding:6px; color:#345344; font:700 6px/1.35 Manrope; text-align:left; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.daily-feed-list[data-feed-layout="grid"] .daily-feed-thumb.is-text { display:grid; place-items:center; background:linear-gradient(145deg,#193229,#315947); }.daily-feed-list[data-feed-layout="grid"] .daily-feed-thumb.is-text:before { position:absolute; top:17px; left:20px; color:#bdf06d; content:"“"; font:800 42px/1 Georgia,serif; }.daily-feed-list[data-feed-layout="grid"] .daily-feed-thumb.is-text>span { display:-webkit-box; max-width:88%; padding:33px 23px 20px; color:#fff; font:700 18px/1.35 Manrope; text-align:center; -webkit-box-orient:vertical; -webkit-line-clamp:6; }
.daily-text-feature,.dialog-text-card,.visual-text-card { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(145deg,#193229,#315947); color:#fff; text-align:center; }
.daily-feature-media.is-text:after { display:none; }.daily-text-feature { padding:45px; }.daily-text-feature>span,.dialog-text-card>span,.visual-text-card>span { color:#bdf06d; font:800 58px/1 Georgia,serif; }.daily-text-feature p { max-width:500px; margin:0; font:800 clamp(24px,2.4vw,38px)/1.25 Manrope; }.daily-text-feature small { margin-top:24px; color:#b7cec3; font-size:10px; font-weight:700; }
.dialog-text-card { padding:35px; }.dialog-text-card>span { font-size:42px; }.dialog-text-card p { margin:0; font:800 22px/1.35 Manrope; }.dialog-text-card small { margin-top:18px; color:#b7cec3; font-size:9px; }
.visual-media.is-text .media-fallback { display:none; }.visual-text-card { padding:28px; }.visual-text-card>span { font-size:40px; }.visual-text-card p { display:-webkit-box; overflow:hidden; margin:0; font:800 17px/1.4 Manrope; -webkit-box-orient:vertical; -webkit-line-clamp:6; }

/* Shared story drawer */
.story-dialog-backdrop { position:fixed; z-index:19; inset:0; opacity:0; background:rgba(18,20,29,.45); backdrop-filter:blur(2px); transition:.16s; }.story-dialog-backdrop.open { opacity:1; }
.story-dialog { position:fixed; z-index:20; top:0; right:0; width:min(510px,94vw); height:100vh; overflow:auto; transform:translateX(100%); background:#fff; box-shadow:-20px 0 60px rgba(20,24,35,.22); transition:.18s ease; }.story-dialog.open { transform:none; }.story-dialog>header { position:sticky; z-index:2; top:0; display:flex; height:58px; align-items:center; justify-content:space-between; border-bottom:1px solid #e9e9ed; padding:0 22px; background:rgba(255,255,255,.96); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }.story-dialog>header button { border:0; background:transparent; font-size:24px; }.story-dialog article { padding:21px; }.dialog-media { position:relative; height:265px; overflow:hidden; border-radius:13px; background:#f0f1f3; }.dialog-media img { width:100%; height:100%; object-fit:contain; }.dialog-media>span { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:32px; text-shadow:0 2px 12px #000; }.dialog-kicker { display:flex; justify-content:space-between; margin-top:18px; color:#777e8c; font-size:10px; }.dialog-kicker>span { border-radius:999px; padding:4px 8px; background:#eaf9f3; color:#27835f; font-weight:700; }.story-dialog h2 { margin:13px 0 8px; font:800 25px/1.2 Manrope; letter-spacing:-.035em; }.story-dialog article>p { color:#6d7481; font-size:12px; line-height:1.55; }.story-dialog dl { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #e7e9ed; border-radius:10px; }.story-dialog dl div { display:grid; padding:10px; }.story-dialog dt { color:#9299a6; font-size:8px; text-transform:uppercase; }.story-dialog dd { margin:3px 0 0; overflow:hidden; font-size:10px; font-weight:700; text-overflow:ellipsis; }.story-dialog article>section { margin-top:16px; border-radius:10px; padding:13px; background:#f5f4fb; }.story-dialog article>section>span { color:#7267c9; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.story-dialog article>section p { margin:7px 0 0; color:#5f5b6c; font-size:11px; line-height:1.5; }.story-dialog article>footer { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }

@media(max-width:1150px){.visual-grid{grid-template-columns:repeat(3,1fr)}.concept-grid{grid-template-columns:1fr}.concept-card{min-height:390px}.mini-console,.mini-visual,.mini-guided{height:170px}.concept-card>p:not(.eyebrow){min-height:auto}.comparison-hero{padding-top:55px}.daily-workspace{grid-template-columns:1fr 360px}.daily-feature article{grid-template-columns:40% 1fr}}
@media(max-width:760px){.comparison-shell,.visual-main{width:calc(100% - 28px)}.comparison-hero h1{font-size:42px}.comparison-header{height:72px}.concept-grid{padding-bottom:35px}.comparison-footer{gap:10px;flex-direction:column}.visual-header{grid-template-columns:1fr auto}.visual-header nav{display:none}.visual-hero{align-items:flex-start;gap:22px;flex-direction:column}.visual-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.visual-grid{grid-template-columns:1fr}.visual-tools{width:100%;flex-wrap:wrap}}

/* The production Daily Brief must remain usable on a phone, even when the
   table view contains many columns. The table scrolls inside its own panel;
   the rest of the page never becomes a desktop-width canvas. */
@media(max-width:760px){
  .daily-body{min-width:0}
  .daily-header{height:auto;grid-template-columns:1fr auto;padding:12px 15px}
  .daily-header nav{order:3;grid-column:1/-1;gap:22px;overflow-x:auto;padding-top:12px;white-space:nowrap}
  .daily-header>div{display:none}
  .daily-main{width:calc(100% - 30px);padding:28px 0 38px}
  .daily-intro{align-items:flex-start;gap:18px;flex-direction:column}
  .daily-intro h1{font-size:36px}
  .daily-ready{width:100%;box-sizing:border-box}
  .daily-ready>div{min-width:0;flex:1}
  .daily-ready button{white-space:nowrap}
  .daily-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .daily-overview>div{min-height:62px;padding:12px 14px}
  .daily-overview>div+div{border-left:0}
  .daily-overview>div:nth-child(even){border-left:1px solid #e3e8e5}
  .daily-overview>div:nth-child(n+3){border-top:1px solid #e3e8e5}
  .daily-progress-wrap{grid-column:1/-1}
  .daily-workspace{display:block;min-height:0}
  .daily-feature{border-right:0;border-bottom:1px solid #e1e7e3}
  .daily-feature article{display:block;min-height:0}
  .daily-feature-media{height:330px}
  .daily-feature-copy{min-height:430px;padding:24px 20px}
  .daily-queue{min-height:0}
  .daily-all-feed{margin-top:16px}
  .daily-footnote{align-items:flex-start;gap:14px;flex-direction:column}
  .daily-footnote a{margin-left:0}
  .daily-feed-section{padding-top:44px}
  .daily-feed-heading{align-items:flex-start;gap:15px;flex-direction:column}
  .daily-feed-filters{flex-wrap:wrap}
  .daily-feed-search{width:100%}
  .daily-export{margin-left:0}
  .daily-feed-panel{overflow-x:auto}
  .daily-feed-columns,.daily-feed-list:not([data-feed-layout="grid"]){min-width:1040px}
  .daily-feed-list[data-feed-layout="grid"]{grid-template-columns:1fr;padding:12px}
  .daily-feed-footer{align-items:flex-start;gap:14px;flex-direction:column}
  .daily-feed-footer>span:nth-child(2){margin-left:0}
  .daily-pagination{width:100%;justify-content:space-between}
}

.daily-feed-item.is-saved{background:linear-gradient(90deg,#fff9ed,#fff)}.daily-feed-item.is-saved:hover{background:#fff8e8}.daily-feed-list[data-feed-layout="grid"] .daily-feed-item.is-saved{border-color:#e8c987;background:#fffdf7}.feed-facebook-link{flex:0 0 21px}.daily-feed-actions{align-items:center}.daily-header nav{gap:21px}.daily-ready small{line-height:1.45}
.daily-body .daily-workspace .daily-feature-media.is-extra-tall { background:#fff; }
.daily-body .daily-workspace .daily-feature-media.is-extra-tall img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.daily-workspace .daily-queue-thumb.is-text { display:grid; place-items:center; background:linear-gradient(145deg,#193229,#315947); }
.daily-queue-text-preview { position:absolute; inset:0; display:grid; grid-template-rows:14px 1fr; align-content:center; overflow:hidden; padding:4px; color:#fff; text-align:center; }
.daily-queue-text-preview>b { color:#bdf06d; font:800 18px/1 Georgia,serif; }
.daily-queue-text-preview>span { display:-webkit-box; overflow:hidden; color:#fff; font:700 5px/1.2 Manrope,sans-serif; -webkit-box-orient:vertical; -webkit-line-clamp:4; }