/* Project ecosystems: editorial layout, native controls, motion as enhancement. */
.cc-project-detail { max-width:1440px; margin:auto; padding:140px var(--cc-gutter,24px) 60px; }
.cc-ecosystem-back { display:inline-block; color:#b8bab2; font-size:13px; text-decoration:none; margin-bottom:50px; }
.cc-ecosystem-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(28px,5vw,80px); align-items:center; padding-bottom:80px; border-bottom:1px solid #ffffff26; }
.cc-ecosystem-eyebrow { font:11px/1.7 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.13em; color:#f5c300; margin:0 0 24px; }
.cc-ecosystem-hero h1 { font-size:clamp(44px,6vw,90px); letter-spacing:-.065em; line-height:1.02; font-weight:500; margin:0 0 26px; overflow-wrap:anywhere; }
.cc-ecosystem-summary { font-size:clamp(18px,2vw,23px); color:#f0f0e8; line-height:1.6; }
.cc-ecosystem-description { color:#b8bab2; white-space:pre-line; line-height:1.9; font-size:15px; overflow-wrap:anywhere; }
.cc-ecosystem-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.cc-ecosystem-actions a,.cc-solution-launch,.cc-ecosystem-contact-link { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 20px; background:#f5c300; color:#10130f; font-size:13px; font-weight:700; text-decoration:none; border:1px solid #f5c300; transition:background .2s,transform .2s; }
.cc-ecosystem-actions a:hover,.cc-solution-launch:hover,.cc-ecosystem-contact-link:hover { background:#ffe06a; color:#10130f; transform:translateY(-2px); }
.cc-ecosystem-actions .cc-ecosystem-outline { background:transparent; color:#f0f0e8; border-color:#ffffff40; }
.cc-ecosystem-visual { position:relative; border:1px solid #ffffff30; background:#151719; padding:20px; min-width:0; }
.cc-ecosystem-visual>img { display:block; width:100%; height:auto; aspect-ratio:1.3; object-fit:cover; }
.cc-ecosystem-visual-label { display:flex; align-items:center; gap:22px; padding:22px 0 0; color:#b8bab2; font-size:13px; }
.cc-ecosystem-visual-label p { margin:0; line-height:1.7; }
.cc-ecosystem-visual-label strong { color:#f0f0e8; font-weight:400; }
.cc-ecosystem-visual-label>span { font-size:58px; color:#f5c300; line-height:1; animation:cc-ecosystem-orbit 24s linear infinite; }
@keyframes cc-ecosystem-orbit { to { transform:rotate(360deg); } }
.cc-ecosystem-solutions { padding-top:80px; scroll-margin-top:110px; }
.cc-ecosystem-section-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:44px; }
.cc-ecosystem-section-head h2,.cc-ecosystem-contact h2 { font-size:clamp(34px,4vw,62px); letter-spacing:-.055em; font-weight:400; line-height:1.1; margin:0; }
.cc-ecosystem-section-head>p { max-width:320px; line-height:1.8; color:#b8bab2; font-size:14px; }
.cc-ecosystem-tools,.cc-solutions-toolbar { display:flex; flex-wrap:wrap; gap:20px; align-items:end; margin:24px 0; }
.cc-ecosystem-tools label,.cc-solutions-toolbar label,.cc-solution-form label,.cc-project-kind { display:grid; gap:10px; color:#b8bab2; font-size:12px; min-width:0; }
.cc-ecosystem-tools label:first-child { flex:1; }
.cc-ecosystem-tools input,.cc-ecosystem-tools select,.cc-solutions-admin :is(input,select,textarea),.cc-project-kind select { background:#151719; color:#f0f0e8; border:1px solid #ffffff40; padding:13px; font:inherit; width:100%; border-radius:3px; min-width:0; }
#solution-public-count { color:#b8bab2; font:11px/1.7 'JetBrains Mono',monospace; margin:28px 0; }
.cc-solution-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.cc-solution-card { min-width:0; border:1px solid #ffffff26; border-top:2px solid #f5c300; padding:clamp(22px,3vw,36px); display:flex; flex-direction:column; background:#151719; transition:border-color .25s; scroll-margin-top:120px; }
.cc-solution-card:hover { border-color:#f5c30080; }
.cc-solution-card-top { display:flex; justify-content:space-between; gap:12px; color:#b8bab2; font:11px 'JetBrains Mono',monospace; }
.cc-solution-state { color:#d6d9d0; border:1px solid #ffffff30; padding:6px 9px; }
.cc-solution-state[data-state="beta"] { color:#f5c300; border-color:#f5c30070; }
.cc-solution-state[data-state="available"] { color:#afe6b1; }
.cc-solution-symbol { font-size:70px; line-height:1; color:#f5c300; margin:26px 0; }
.cc-solution-card>img { width:100%; aspect-ratio:1.7; height:auto; object-fit:cover; margin:26px 0; }
.cc-solution-card h3 { font-size:clamp(24px,3vw,36px); letter-spacing:-.04em; font-weight:400; line-height:1.15; margin:0 0 18px; overflow-wrap:anywhere; }
.cc-solution-card p,.cc-solution-card li { font-size:14px; color:#b8bab2; line-height:1.85; white-space:pre-line; }
.cc-solution-card>p { flex:1; }
.cc-solution-card details { border-top:1px solid #ffffff26; margin:22px 0; }
.cc-solution-card summary { padding:18px 0; cursor:pointer; display:flex; justify-content:space-between; font-size:13px; color:#f0f0e8; list-style:none; }
.cc-solution-card summary::-webkit-details-marker { display:none; }
.cc-solution-card summary span { transition:transform .2s; color:#f5c300; }
.cc-solution-card details[open] summary span { transform:rotate(45deg); }
.cc-solution-permalink { color:#f0f0e8; font-size:12px; display:block; margin:22px 0; }
.cc-solution-coming { display:block; border:1px dashed #ffffff40; color:#b8bab2; padding:16px; font-size:12px; }
.cc-ecosystem-error,.cc-ecosystem-empty { padding:32px; border:1px solid #ffffff30; color:#b8bab2; line-height:1.8; grid-column:1/-1; }
.cc-ecosystem-error :is(a,button) { display:inline-block; color:#f5c300; margin:14px 20px 0 0; background:none; border:1px solid #ffffff30; padding:12px 16px; font:inherit; cursor:pointer; }
.cc-ecosystem-contact { padding:70px clamp(24px,5vw,60px); margin-top:80px; background:#f0f0e8; color:#121610; }
.cc-ecosystem-contact .cc-ecosystem-eyebrow { color:#555b4e; }
.cc-ecosystem-contact-link { width:fit-content; margin-top:30px; }
.cc-ecosystem-card-label { display:flex; align-items:center; gap:8px; color:#f5c300; font:10px/1.6 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.1em; margin:0 0 15px; }
.cc-ecosystem-card-label:before { content:'✳'; font-size:20px; }
.cc-editorial .project-card.cc-is-ecosystem { border-top:2px solid #f5c300; }
.cc-editorial .cc-portfolio-kind { display:flex; flex-wrap:wrap; gap:10px; margin:0 auto 28px; justify-content:center; }
.cc-portfolio-kind button { background:transparent; color:#b8bab2; padding:11px 16px; border:1px solid #ffffff35; cursor:pointer; font:12px 'Space Grotesk',sans-serif; }
.cc-portfolio-kind button[aria-pressed="true"] { background:#f5c300; color:#111410; border-color:#f5c300; }
.cc-project-kind { margin:0 0 22px; }
.cc-project-kind small { color:#b8bab2; font-size:12px; line-height:1.8; }
.cc-solutions-admin { padding:28px; border:1px solid #ffffff26; border-top:2px solid #f5c300; background:#151719; margin:30px 0; }
.cc-solutions-heading { display:flex; align-items:start; justify-content:space-between; gap:18px; }
.cc-solutions-heading h3 { font-size:26px; line-height:1.2; letter-spacing:-.04em; font-weight:400; margin:12px 0; }
.cc-solutions-heading p,.cc-solution-form>p { color:#b8bab2; font-size:13px; line-height:1.8; }
.cc-solutions-admin button { font:12px 'Space Grotesk',sans-serif; padding:12px 15px; color:#f0f0e8; background:#202321; border:1px solid #ffffff40; border-radius:3px; cursor:pointer; }
.cc-solutions-admin button:disabled { opacity:.4; cursor:wait; }
.cc-solutions-admin #solution-save { background:#f5c300; color:#111410; border-color:#f5c300; }
.cc-solution-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:28px 0; margin-top:20px; border-block:1px solid #ffffff26; }
.cc-solution-form .cc-solution-checkbox { display:flex; align-items:center; gap:12px; }
.cc-solution-checkbox input { width:auto; }
.cc-solution-wide { grid-column:1/-1; }
.cc-solution-form-actions { display:flex; gap:12px; flex-wrap:wrap; }
.cc-solution-admin-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; padding:22px 0; border-top:1px solid #ffffff26; }
.cc-solution-admin-row strong { font-size:17px; font-weight:500; overflow-wrap:anywhere; }
.cc-solution-admin-row p,.cc-solution-admin-row small { color:#b8bab2; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.cc-solution-admin-row>div:last-child { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
#solutions-feedback { color:#e0d8a4; font-size:13px; line-height:1.8; margin-top:20px; }
.cc-solutions-admin [hidden] { display:none!important; }
#project-workflow[hidden],#project-form[hidden],#project-solutions-admin[hidden] { display:none!important; }
.cc-project-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0 14px; }
.cc-project-steps button { display:grid; grid-template-columns:38px minmax(0,1fr); gap:6px 12px; text-align:left; padding:20px; background:#151719; color:#c4c7bc; border:1px solid #ffffff30; border-radius:3px; cursor:pointer; min-width:0; }
.cc-project-steps button>span { grid-row:1/3; color:#f5c300; font:22px 'Space Grotesk',sans-serif; }
.cc-project-steps strong { color:#f0f0e8; font-size:16px; font-weight:500; }
.cc-project-steps small { font-size:12px; line-height:1.7; }
.cc-project-steps button[aria-current="step"] { border-color:#f5c300; background:#f5c3000a; }
.cc-project-steps button:disabled { opacity:.45; cursor:not-allowed; }
#project-workflow-status { color:#b8bab2; font-size:13px; line-height:1.8; margin-bottom:28px; }
.cc-solution-public-health { display:flex; gap:20px; align-items:start; justify-content:space-between; padding:20px; border:1px solid #ffffff30; margin:24px 0; background:#101214; }
.cc-solution-public-health strong { font-weight:500; font-size:14px; }
.cc-solution-public-health p { color:#b8bab2; font-size:12px; line-height:1.85; margin:10px 0 0; max-width:660px; }
.cc-solution-public-health [data-state="blocked"] { color:#f2d18b; }
.cc-solutions-list-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:30px; }
.cc-solutions-list-heading h4,#solution-edit-heading { color:#f0f0e8; font-size:21px; font-weight:400; margin:0; }
.cc-solutions-admin #solution-add { background:#f5c300; color:#111410; border-color:#f5c300; }
.cc-solutions-admin #solution-form { scroll-margin-top:110px; background:#101214; padding:24px; border:1px solid #ffffff30; border-top:2px solid #f5c300; }
@media(max-width:650px) { .cc-project-steps { grid-template-columns:minmax(0,1fr); gap:10px; } .cc-project-steps button { padding:16px; } .cc-solution-public-health,.cc-solutions-list-heading { flex-direction:column; align-items:start; } .cc-solutions-admin #solution-form { padding:16px; } }
@media(max-width:800px){
 .cc-ecosystem-hero { grid-template-columns:1fr; padding-bottom:50px; }
 .cc-ecosystem-section-head { align-items:start; flex-direction:column; }
 .cc-solution-grid { grid-template-columns:1fr; }
 .cc-project-detail { padding-top:115px; }
 .cc-ecosystem-back { margin-bottom:30px; }
 .cc-solutions-admin { padding:20px; }
 .cc-solutions-heading { flex-direction:column; }
 .cc-solution-form { grid-template-columns:minmax(0,1fr); }
 .cc-solution-admin-row { grid-template-columns:minmax(0,1fr); gap:10px; }
 .cc-ecosystem-tools label { width:100%; }
}
body[data-cc-motion="reduced"] .cc-ecosystem-visual-label>span { animation:none; }
@media(prefers-reduced-motion:reduce){.cc-ecosystem-visual-label>span{animation:none;} .cc-solution-card,.cc-ecosystem-actions a,.cc-solution-launch,.cc-solution-card summary span{transition:none;transform:none!important;}}

#project-workflow { scroll-margin-top:110px; }

/* Expanded solution: narrative and capabilities form one readable focus panel. */
.cc-solution-detail-body { padding:12px 0 8px; }
.cc-solution-detail-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:32px; padding:28px 0 8px; }
.cc-solution-detail-layout > section { min-width:0; }
.cc-solution-detail-label { display:block; color:#b5b9ab; font:10px/1.7 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; }
.cc-solution-detail-layout h4 { color:#f0f0e8; font-size:clamp(21px,2.3vw,28px); font-weight:400; letter-spacing:-.04em; line-height:1.2; margin:0 0 24px; }
.cc-solution-prose { padding:22px 24px; background:#0f1112; border-left:2px solid #f5c300; }
.cc-solution-prose p,.cc-ecosystem-description p { margin:0 0 18px; color:#c8cbc0; font-size:15px; line-height:1.95; }
.cc-solution-prose p:last-child,.cc-ecosystem-description p:last-child { margin-bottom:0; }
.cc-solution-prose strong,.cc-solution-feature-grid strong,.cc-ecosystem-description strong { color:#f0f0e8; font-weight:600; }
.cc-solution-capabilities-heading { display:flex; align-items:start; justify-content:space-between; gap:18px; }
.cc-solution-capabilities-count { color:#f5c300; font:28px/1 'Space Grotesk',sans-serif; letter-spacing:-.06em; }
.cc-solution-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; padding:0; list-style:none; }
.cc-solution-feature-grid > li { display:flex; align-items:start; gap:12px; min-width:0; min-height:88px; padding:18px 16px; margin:0; border:1px solid #ffffff24; background:#101214; color:#d7dacf; font-size:13px; line-height:1.75; white-space:normal; }
.cc-solution-feature-icon { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; color:#f5c300; border:1px solid #f5c30050; background:#f5c30008; }
.cc-solution-feature-icon svg { width:20px; height:20px; }
.cc-solution-card details[open] { border-color:#f5c30070; }
.cc-solution-card details[open] summary { color:#f5c300; }
@supports selector(:has(*)) {
  .cc-solution-card:has(details[open]) { grid-column:1/-1; border-color:#f5c30080; }
  .cc-solution-card:has(details[open]) > img { max-height:320px; }
  .cc-solution-card:has(details[open]) > p { max-width:800px; }
  .cc-solution-card:has(details[open]) > .cc-solution-launch { align-self:start; min-width:230px; }
  @media(min-width:1000px) { .cc-solution-card:has(details[open]) .cc-solution-detail-layout.cc-has-capabilities { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px; } }
}
@media(max-width:600px) { .cc-solution-feature-grid { grid-template-columns:minmax(0,1fr); } .cc-solution-prose { padding:18px; } .cc-solution-detail-layout { gap:26px; } .cc-solution-card:has(details[open]) > .cc-solution-launch { width:100%; min-width:0; } }

/* ─── Ecosystem Stats Pills (Hero) ─────────────────────────────────────────── */
.cc-ecosystem-stats { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 8px; }
.cc-ecosystem-stat-pill { display:inline-flex; align-items:center; gap:9px; padding:8px 14px; border:1px solid #ffffff2b; background:#141719; color:#e5e7df; font:11px/1.3 'JetBrains Mono',monospace; letter-spacing:.04em; }
.cc-stat-dot { width:8px; height:8px; border-radius:50%; background:#87e591; box-shadow:0 0 10px #87e591cc; display:inline-block; animation:cc-stat-pulse 2.2s ease-in-out infinite; }
@keyframes cc-stat-pulse { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(1.25); opacity:.55; } }

/* ─── Interactive Ecosystem Node Map (Quick-Jump Dock) ─────────────────────── */
.cc-ecosystem-node-map { margin:0 0 34px; padding:22px 24px; border:1px solid #ffffff26; border-left:3px solid #f5c300; background:linear-gradient(135deg,#14171a 0%,#0f1113 100%); }
.cc-node-map-header { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:16px; }
.cc-node-map-title { font:11px/1.5 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.12em; color:#f5c300; }
.cc-node-map-header small { color:#9ca195; font-size:12px; }
.cc-node-map-track { display:flex; flex-wrap:wrap; gap:10px; }
.cc-node-pill { display:inline-flex; align-items:center; gap:10px; padding:11px 16px; background:#181b1e; border:1px solid #ffffff26; color:#f0f0e8; font:13px/1.2 'Space Grotesk',sans-serif; cursor:pointer; transition:border-color .22s,transform .22s,background .22s,box-shadow .22s; }
.cc-node-pill:hover,.cc-node-pill[aria-current="true"] { border-color:#f5c300; background:#f5c30014; transform:translateY(-2px); box-shadow:0 8px 24px #00000050; }
.cc-node-index { font:11px/1 'JetBrains Mono',monospace; color:#f5c300; }
.cc-node-name { font-weight:500; }
.cc-node-dot { width:7px; height:7px; border-radius:50%; background:#9ca195; }
.cc-node-pill[data-state="available"] .cc-node-dot { background:#87e591; box-shadow:0 0 8px #87e59199; }
.cc-node-pill[data-state="beta"] .cc-node-dot { background:#f5c300; box-shadow:0 0 8px #f5c30099; }

/* ─── Solution Card Interactive Spotlight & Pulse ──────────────────────────── */
.cc-solution-card { position:relative; overflow:hidden; --spot-x:50%; --spot-y:0%; transition:border-color .28s,transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s; }
.cc-solution-card::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(460px circle at var(--spot-x) var(--spot-y),#f5c30012,transparent 65%); opacity:0; transition:opacity .3s; }
.cc-solution-card:hover { transform:translateY(-4px); box-shadow:0 18px 42px #00000055; }
.cc-solution-card:hover::before { opacity:1; }
.cc-solution-card[data-pulse="true"] { border-color:#f5c300; box-shadow:0 0 0 2px #f5c30055,0 20px 50px #f5c3001f; }

/* ─── Logo vs Cover Pedestal (Hero, Solutions & Admin) ─────────────────────── */
.cc-ecosystem-visual.cc-is-logo-media > img,
.cc-solution-card > img.cc-is-logo-media {
  object-fit:contain;
  padding:clamp(24px,4vw,44px);
  border:1px solid #ffffff1c;
  background:
    radial-gradient(circle at 50% 45%,#f5c3001c,transparent 68%),
    linear-gradient(#ffffff06 1px,transparent 1px),
    linear-gradient(90deg,#ffffff06 1px,transparent 1px),
    #0d0f12;
  background-size:100% 100%,24px 24px,24px 24px,100% 100%;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s;
}
.cc-solution-card > img { transition:transform .35s cubic-bezier(.2,.7,.2,1); }
.cc-solution-card:hover > img.cc-is-logo-media { transform:scale(1.025); border-color:#f5c30055; }
.cc-solution-media-badge { align-self:start; margin:-16px 0 16px; padding:4px 10px; font:10px/1.4 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.09em; color:#b8bab2; background:#101214; border:1px solid #ffffff24; }
.cc-card-has-logo .cc-solution-media-badge { color:#f5c300; border-color:#f5c3004d; }

/* ─── Share & Permalink Row inside Details ─────────────────────────────────── */
.cc-solution-share-row { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin:22px 0 6px; padding-top:16px; border-top:1px dashed #ffffff22; }
.cc-solution-share-row .cc-solution-permalink { margin:0; }
.cc-solution-copy-link { background:#1c2022; color:#f0f0e8; border:1px solid #ffffff35; padding:7px 13px; font:11px/1.3 'JetBrains Mono',monospace; cursor:pointer; transition:border-color .2s,color .2s; }
.cc-solution-copy-link:hover { border-color:#f5c300; color:#f5c300; }

/* ─── Admin Media Uploader & Solution Thumbnails ───────────────────────────── */
.cc-solution-image-editor { border:1px solid #ffffff29; background:#111417; padding:18px 20px; border-radius:6px; margin:6px 0; }
.cc-solution-image-editor legend { padding:0 8px; color:#f5c300; font:11px/1.4 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.1em; }
.cc-solution-image-editor > p { color:#b8bab2; font-size:12px; margin:4px 0 14px; line-height:1.65; }
.cc-solution-media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:10px; }
.cc-solution-image-editor small { display:block; color:#8e9488; font-size:11px; margin-top:4px; }
.cc-media-preview-box { display:grid; grid-template-columns:160px minmax(0,1fr); gap:16px; align-items:center; margin-top:14px; padding:14px; border:1px solid #ffffff26; background:#0c0e10; border-radius:4px; }
.cc-media-preview-frame { width:160px; height:104px; border:1px solid #ffffff22; background:#14171a; display:grid; place-items:center; overflow:hidden; }
.cc-media-preview-frame img { width:100%; height:100%; object-fit:cover; display:block; }
.cc-media-preview-box[data-media-kind="logo"] .cc-media-preview-frame {
  background:
    radial-gradient(circle at 50% 50%,#f5c3001f,transparent 70%),
    linear-gradient(#ffffff08 1px,transparent 1px),
    linear-gradient(90deg,#ffffff08 1px,transparent 1px),
    #0b0d10;
  background-size:100% 100%,16px 16px,16px 16px,100% 100%;
}
.cc-media-preview-box[data-media-kind="logo"] .cc-media-preview-frame img { object-fit:contain; padding:12px; }
.cc-media-preview-meta p { margin:0 0 10px; font-size:12px; color:#d7dacf; }
.cc-solution-admin-main { display:flex; align-items:start; gap:16px; min-width:0; }
.cc-solution-admin-thumb { flex:0 0 68px; width:68px; height:52px; border:1px solid #ffffff29; background:#0f1214; display:grid; place-items:center; overflow:hidden; border-radius:3px; }
.cc-solution-admin-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.cc-solution-admin-thumb.cc-is-logo-media img { object-fit:contain; padding:6px; background:#0b0d10; }
.cc-solution-admin-placeholder { color:#f5c300; font-size:20px; }
.cc-solution-inline-alert[data-tone="error"] { padding:11px 14px; border:1px solid #f5c30080; background:#f5c30014; color:#fde047; font-size:13px; border-radius:4px; margin:0; }
.cc-solution-inline-alert[data-tone="ok"] { padding:11px 14px; border:1px solid #22c55e66; background:#22c55e14; color:#86efac; font-size:13px; border-radius:4px; margin:0; }
@media(max-width:650px) {
  .cc-solution-media-grid,.cc-media-preview-box { grid-template-columns:minmax(0,1fr); }
  .cc-media-preview-frame { width:100%; height:140px; }
  .cc-node-map-track { flex-wrap:nowrap; overflow-x:auto; padding-bottom:6px; }
  .cc-node-pill { flex:0 0 auto; }
}