/* Brand finish, loaded last on every page: blue solid buttons, quiet scrollbar. */
html body :is(.button.primary,.button.bill-y.primary,.button.bill-m.primary,.nav-cta,.cta-section .button,button.primary,a.primary,.post-action.post-approve,.post-action.post-schedule,.post-action.post-auto.is-main,.nav-create-posts,.create-mode-tabs button.active,.create-mode-tabs button[aria-selected="true"],[data-create-mode].active,.vp-actions .button.primary,.auto-schedule-bar .button.primary,.daily-buy){
  background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important;border-color:transparent!important;box-shadow:none!important;background-image:none!important}
html body :is(.button.primary,.nav-cta,.cta-section .button,button.primary,a.primary,.post-action.post-approve,.post-action.post-schedule,.post-action.post-auto.is-main,.nav-create-posts,.daily-buy) :is(span,svg,i){color:inherit!important}
html body :is(.button.primary,.nav-cta,.cta-section .button,button.primary,a.primary,.post-action.post-approve,.post-action.post-schedule,.post-action.post-auto.is-main,.nav-create-posts,.daily-buy):is(:hover,:focus-visible):not(:disabled){background:var(--btn-blue-hover)!important;color:var(--btn-blue-ink)!important;opacity:1!important;filter:none!important}
html body :is(.button.primary,button.primary,.post-action.post-approve,.post-action.post-schedule):disabled{opacity:.5!important}
html body .app-nav .nav-create-posts,html body .app-body .app-nav .nav-create-posts{color:var(--btn-blue-ink)!important}
html body .app-nav .nav-create-posts span{color:inherit!important}
html body :is(.button.primary,.nav-cta,.content-cta):focus-visible{outline:2px solid var(--btn-blue)!important;outline-offset:2px}

/* Page scrollbar: slim, rounded, same palette as the site */
html{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) var(--sb-track)}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px;height:12px;background:var(--sb-track)}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--sb-track)}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:999px;border:3px solid transparent;background-clip:padding-box}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover);background-clip:padding-box;border:3px solid transparent}
html::-webkit-scrollbar-corner{background:transparent}
html body .billing-switch button[aria-pressed="true"]{background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important}

/* Shortcut list */
.shortcuts-card{max-width:420px}
.shortcuts-card h2{margin:.2rem 0 1rem}
.shortcut-list{display:grid;gap:.15rem;margin:0}
.shortcut-list>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0}
.shortcut-list dt{margin:0}
.shortcut-list dd{margin:0;color:var(--muted,inherit);font-size:.9rem;text-align:right}
.shortcut-list kbd{display:inline-block;min-width:1.7rem;padding:.2rem .5rem;border-radius:8px;background:color-mix(in srgb,currentColor 8%,transparent);font:600 .8rem/1.2 inherit;text-align:center}

/* Workspace: out-rank the older pill rules */
html[data-theme] body.app-body :is(.app-main,.modal-card,.app-sidebar) :is(.button.primary,button.primary,a.primary,.post-action.post-approve,.post-action.post-schedule,.post-action.post-auto.is-main,.daily-buy,.nav-create-posts){background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme] body.app-body :is(.app-main,.modal-card,.app-sidebar) :is(.button.primary,button.primary,a.primary,.post-action.post-approve,.post-action.post-schedule,.post-action.post-auto.is-main,.daily-buy):is(:hover,:focus-visible):not(:disabled){background:var(--btn-blue-hover)!important;opacity:1!important}
html[data-theme] body.app-body .post-card-horizontal .post-action:is(.post-approve,.post-schedule,.post-auto.is-main){background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important}

/* Footer: five columns of real links, brand and legal below */
.footer-mega{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:2.5rem 2rem;align-items:start}
.footer-mega .fcol{display:flex;flex-direction:column;gap:.65rem;min-width:0}
.footer-mega .footer-title{margin:0 0 .35rem;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.footer-mega .fcol a{font-size:.9rem;line-height:1.35}
.footer-mega .fbrand .brand{font-weight:800;letter-spacing:.14em;font-size:1rem}
.footer-mega .fbrand p{margin:0;font-size:.85rem;line-height:1.5}
.footer-mega .fabout{max-width:30ch;color:var(--muted)}
.footer-mega .stripe-trust{margin-top:.6rem}
.footer-mega .flegal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.footer-mega .flegal p{margin:0;font-size:.78rem}
@media(max-width:900px){.footer-mega{grid-template-columns:1fr 1fr}.footer-mega .fbrand{grid-column:1/-1}}
@media(max-width:520px){.footer-mega{grid-template-columns:1fr}}

/* Top bar: shortcuts button, a bare "?" in a ring like the other icons */
.app-topbar .top-shortcuts{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ui-muted,inherit);cursor:pointer}
.app-topbar .top-shortcuts span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;font:700 .78rem/1 inherit}
.app-topbar .top-shortcuts:hover,.app-topbar .top-shortcuts:focus-visible{color:var(--ui-text,inherit)}

/* Draft from this: a real button, same shape as Preview */
html[data-theme] body.app-body .news-item .news-draft-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:34px;padding:.4rem .95rem!important;border-radius:999px!important;font-size:.84rem;font-weight:600;text-decoration:none!important;margin:.45rem 0 0!important}
/* Icon tools: blue glyphs on white, so they read as clickable too */
html[data-theme] body.app-body .post-media-actions .post-action:not(:disabled){color:var(--btn-blue)!important}
html[data-theme] body.app-body .post-media-actions .post-action:not(:disabled):hover{background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important}

/* Post cards */
html[data-theme] body.app-body .news-item .news-draft-link{justify-self:start!important;width:auto!important;align-self:start}
.app-topbar .top-shortcuts{width:28px!important;min-width:28px!important;height:28px!important}
.app-topbar .top-shortcuts span{display:grid!important;place-items:center;width:22px!important;height:22px!important;min-width:22px;padding:0!important;border:0!important;background:none!important;font-size:.8rem!important;font-weight:700;line-height:1!important;color:inherit!important}
/* News range switch: blue like the other buttons; the chosen range is the deeper blue */
html[data-theme] body.app-body .app-main [data-news-range]{background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme] body.app-body .app-main [data-news-range]:is(.active,[aria-pressed="true"]){background:var(--btn-blue-hover)!important;box-shadow:inset 0 0 0 2px var(--btn-blue-ink)!important}
html[data-theme] body.app-body #home [data-news-range],html[data-theme] body.app-body #home .news-tools button:not(.news-refresh){background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important;border-color:transparent!important}
html[data-theme] body.app-body #home [data-news-range]:is(.active,[aria-pressed="true"]){background:var(--btn-blue-hover)!important;box-shadow:inset 0 0 0 2px var(--btn-blue-ink)!important}

/* ---- Calmer blue: solid blue only for primary actions ----
   Secondary buttons are a soft blue tint with blue text and fill solid on hover.
   Repeated row actions are icon buttons with tooltips. */
html[data-theme] body.app-body .app-main :is(.button.secondary,.button.text-button,.news-draft-link,.post-more-actions>summary,.scheduled-more>summary,.home-quick-draft):not([aria-pressed]):not([aria-selected]):not(.active):not(.post-more-menu *):not(.scheduled-menu *):not(.post-media-actions *):not(.danger):not(.post-delete):not(.is-selected),
html[data-theme] body.app-body #approvals .post-card-horizontal :is(.post-action.post-now,.post-action.post-preview,.post-action[data-action="saveedit"],.post-action[data-action="regenerate"],.post-action[data-action="humanize"],.post-action[data-action="download"],.post-action[data-action="unschedule"],.post-action[data-action="restore"],.post-more-actions>summary,.composer-tools [data-preview],.composer-score-chip,.composer-tools button):not(.post-delete):not([data-action="delete"]):not([data-action="permanent-delete"]):not(.opt-switch),
html[data-theme] body.app-body #home .news-tools button:not(.news-icon-btn):not([data-news-range]){
  background:color-mix(in srgb,var(--btn-blue) 11%,transparent)!important;color:var(--btn-blue)!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme] body.app-body .app-main :is(.button.secondary,.button.text-button,.home-quick-draft):not(.danger):not([aria-pressed]):not([aria-selected]):not(.active):not(:disabled):hover,
html[data-theme] body.app-body #approvals .post-card-horizontal :is(.post-action:not(.post-approve):not(.post-schedule):not(.post-delete),.post-more-actions>summary,.composer-tools button,.composer-score-chip):hover:not(:disabled){background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important}
html[data-theme] body.app-body :is(.button.secondary,.post-action,.post-more-actions>summary,.composer-tools button,.composer-score-chip) :is(span,svg,i){color:inherit!important}

/* Icon buttons for the news rows and Refresh */
html[data-theme] body.app-body #home .news-icon-btn{display:inline-grid!important;place-items:center;flex:none;width:36px;height:36px;min-width:36px;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;font-size:0!important;text-decoration:none!important;background:color-mix(in srgb,var(--btn-blue) 11%,transparent)!important;color:var(--btn-blue)!important;box-shadow:none!important;justify-self:auto!important;align-self:auto!important;min-height:36px}
html[data-theme] body.app-body #home .news-icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme] body.app-body #home .news-icon-btn:hover,html[data-theme] body.app-body #home .news-icon-btn:focus-visible{background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important}
html[data-theme] body.app-body #home .news-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem}
html[data-theme] body.app-body #home .news-item .news-actions{display:flex;align-items:center;gap:.5rem}
html[data-theme] body.app-body #home .news-item .news-combine{margin:0 .35rem 0 0}
html[data-theme] body.app-body #home .news-refresh.spinning svg{animation:evn-spin 1s linear infinite}
@keyframes evn-spin{to{transform:rotate(360deg)}}

/* Last hour / Last 24 hours: a quiet switch, the chosen range in blue */
html[data-theme] body.app-body #home [data-news-range]{background:var(--ap-field)!important;color:var(--ui-text)!important;box-shadow:none!important}
html[data-theme] body.app-body #home [data-news-range][aria-selected="true"]{background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important;box-shadow:none!important}
html body .mobile-create-post{background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important;border-color:transparent!important}
html body .mobile-create-post:is(:hover,:focus-visible){background:var(--btn-blue-hover)!important}

/* Text inside the blue call-to-action block stays readable */
html body .content-cta :is(.eyebrow,p,h2,h3){color:var(--btn-blue-ink)!important}
html body .content-cta .eyebrow{opacity:.8}

/* On the blue call-to-action blocks the button inverts: white with blue text */
html body :is(.content-cta) :is(.button,.button.primary,a.button){background:var(--btn-blue-ink)!important;color:var(--btn-blue)!important;border-color:transparent!important}
html body :is(.content-cta) :is(.button,.button.primary,a.button):is(:hover,:focus-visible){background:color-mix(in srgb,var(--btn-blue-ink) 88%,var(--btn-blue))!important;color:var(--btn-blue-hover)!important}
html body :is(.content-cta) :is(.button,a.button) :is(span,svg,i){color:inherit!important}

/* Post switcher and labels */
.post-switcher{display:inline-flex;gap:.25rem;margin:0 0 1rem;padding:.25rem;border-radius:999px;background:var(--ap-field,color-mix(in srgb,currentColor 7%,transparent))}
.post-switcher button{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;border:0;border-radius:999px;background:transparent;color:var(--ui-muted,inherit);font:600 .86rem/1 inherit;cursor:pointer}
.post-switcher button span{min-width:1.3rem;padding:.12rem .4rem;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.72rem;text-align:center}
.post-switcher button[aria-selected="true"]{background:var(--ap-card);color:var(--ui-text,inherit);box-shadow:0 1px 3px color-mix(in srgb,var(--sh-01) 14%,transparent)}
.label-bar{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.label-filter{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border:0;border-radius:999px;background:var(--ap-field,color-mix(in srgb,currentColor 7%,transparent));color:var(--ui-text,inherit);font:500 .82rem/1.2 inherit;cursor:pointer}
.label-filter span{opacity:.6;font-size:.74rem}
.label-filter.on{background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important}
.post-labels{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.label-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .3rem .25rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--btn-blue) 12%,transparent);color:var(--btn-blue);font:600 .78rem/1.1 inherit}
.label-chip button{display:inline-grid;place-items:center;width:18px;height:18px;padding:0;border:0!important;border-radius:50%;background:transparent!important;color:inherit!important;font-size:.9rem;line-height:1;cursor:pointer}
.label-chip button:hover{background:color-mix(in srgb,var(--btn-blue) 22%,transparent)!important}
.label-input{width:7.5rem;min-height:30px;padding:.25rem .7rem!important;border:0!important;border-radius:999px!important;background:var(--ap-card,transparent)!important;box-shadow:inset 0 0 0 1px var(--ap-hair)!important;font:500 .8rem/1.2 inherit}
.label-input:focus{width:10rem;outline:0;box-shadow:0 0 0 2px var(--btn-blue)!important}
html[data-theme] body.app-body #approvals .post-switcher button{background:transparent!important;color:var(--ui-muted)!important;box-shadow:none!important;border:0!important}
html[data-theme] body.app-body #approvals .post-switcher button[aria-selected="true"]{background:var(--ap-card)!important;color:var(--ui-text)!important;box-shadow:0 1px 3px color-mix(in srgb,var(--sh-01) 14%,transparent)!important}
html[data-theme] body.app-body #approvals .label-bar .label-filter{background:var(--ap-field)!important;color:var(--ui-text)!important;border:0!important}
html[data-theme] body.app-body #approvals .label-bar .label-filter.on{background:var(--btn-blue)!important;color:var(--btn-blue-ink)!important}
html[data-theme] body.app-body #approvals .label-chip{background:color-mix(in srgb,var(--btn-blue) 12%,transparent)!important;color:var(--btn-blue)!important}

/* Comparison pages */
.compare-page ul{margin:0 0 1.2rem;padding-left:1.2rem;display:grid;gap:.4rem}
.compare-scroll{overflow-x:auto;margin:1.5rem 0}
.compare-table{width:100%;border-collapse:collapse;font-size:.92rem}
.compare-table th,.compare-table td{padding:.8rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.compare-table thead th{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.compare-table tbody th{width:20%;font-weight:600;color:var(--ink)}
.compare-table td:nth-child(2){background:color-mix(in srgb,var(--btn-blue) 6%,transparent)}
.compare-note,.compare-others{font-size:.82rem;color:var(--muted);margin-top:1.5rem}
.compare-others a{margin-right:.4rem}
.compare-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1.5rem 0}
@media(max-width:640px){.compare-table{font-size:.85rem}.compare-table tbody th{width:auto}}

/* Comparison checks and the guide */
.chk{display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;margin-right:.35rem;border-radius:50%;background:var(--btn-blue);color:var(--btn-blue-ink);font-size:.72rem;font-weight:800;vertical-align:.08em}
.compare-table td.win{background:color-mix(in srgb,var(--btn-blue) 7%,transparent);font-weight:600}
.compare-legend{margin:1.2rem 0 0;font-size:.85rem;color:var(--muted)}
.quiz{display:grid;gap:1.4rem;margin:1.5rem 0}
.quiz fieldset{margin:0;padding:0;border:0}
.quiz legend{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;font-weight:700;font-size:1.05rem;color:var(--ink)}
.quiz legend span{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:color-mix(in srgb,var(--btn-blue) 14%,transparent);color:var(--btn-blue);font-size:.85rem}
.quiz-options{display:flex;flex-wrap:wrap;gap:.5rem}
.quiz-options label{position:relative;cursor:pointer}
.quiz-options input{position:absolute;opacity:0;pointer-events:none}
.quiz-options span{display:inline-block;padding:.55rem 1rem;border-radius:999px;background:color-mix(in srgb,currentColor 7%,transparent);font-size:.92rem;transition:background .15s}
.quiz-options label:hover span{background:color-mix(in srgb,var(--btn-blue) 12%,transparent)}
.quiz-options input:checked+span{background:var(--btn-blue);color:var(--btn-blue-ink)}
.quiz-options input:focus-visible+span{outline:2px solid var(--btn-blue);outline-offset:2px}
.quiz-hint{color:var(--muted);font-size:.88rem}
.quiz-result{margin:1.5rem 0;padding:1.5rem;border-radius:20px;background:color-mix(in srgb,var(--btn-blue) 7%,transparent)}
.quiz-result h2{margin:.2rem 0 .4rem}
.quiz-second{font-size:.9rem;color:var(--muted)}
.quiz-bars{display:grid;gap:.4rem;margin-top:1rem}
.quiz-bars div{display:grid;grid-template-columns:7rem 1fr;align-items:center;gap:.6rem;font-size:.8rem;color:var(--muted)}
.quiz-bars i{display:block;height:8px;border-radius:999px;background:var(--btn-blue);opacity:.7}

/* HTML site map */
.sitemap-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:1.5rem}
.sitemap-groups h2{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem}
.sitemap-groups ul{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}

/* Workspace footer: same five columns as the public site, inside the app layout */
.workspace-footer{display:block!important;padding:2.5rem 0 1.5rem}
.workspace-footer .footer-mega a{color:var(--muted,inherit);text-decoration:none}
html[data-theme] body.app-body .workspace-footer .footer-mega a{color:var(--ui-muted)!important}
html[data-theme] body.app-body .workspace-footer .footer-mega a:hover{color:var(--ui-text)!important}
html[data-theme] body.app-body .workspace-footer .footer-mega .footer-title{color:var(--ui-text)}
html[data-theme] body.app-body .workspace-footer .footer-mega .fabout,html[data-theme] body.app-body .workspace-footer .footer-mega .flegal p,html[data-theme] body.app-body .workspace-footer .footer-mega .fbrand p{color:var(--ui-muted)}
html[data-theme] body.app-body .workspace-footer .footer-mega .brand{color:var(--ui-accent)}
html[data-theme] body.app-body .workspace-footer .footer-mega .flegal{border-top:1px solid var(--ap-hair)}
.workspace-footer .workspace-version{display:block;margin-top:1rem;text-align:center;font-size:.72rem;color:var(--muted,inherit)}
html body .workspace-footer nav.footer-mega{display:grid!important;grid-template-columns:1.5fr repeat(4,minmax(0,1fr))!important;flex-direction:initial!important;gap:2.5rem 2rem!important;align-items:start}
html body .workspace-footer nav.footer-mega .fcol{display:flex!important;flex-direction:column!important;gap:.65rem!important}
html body .workspace-footer nav.footer-mega .flegal{grid-column:1/-1!important}
@media(max-width:900px){html body .workspace-footer nav.footer-mega{grid-template-columns:1fr 1fr!important}html body .workspace-footer nav.footer-mega .fbrand{grid-column:1/-1}}
@media(max-width:520px){html body .workspace-footer nav.footer-mega{grid-template-columns:1fr!important}}

/* Case study */
.case-figure{margin:1.5rem 0;padding:0}
.case-figure img{display:block;width:100%;max-width:640px;height:auto;border-radius:18px;box-shadow:0 1px 3px color-mix(in srgb,var(--sh-01) 14%,transparent)}
.case-figure figcaption{margin-top:.6rem;font-size:.82rem;color:var(--muted)}