/* Legacy asset name retained; public Effects now uses PocketPapi's current
   white, navy, and blue brand. */
body.effects-page.pocketpapi-sunset-signal { --effects-ink: #0F2749; --effects-muted: #526678; --effects-paper: #F4E2C8; --effects-soft: #FFF0E6; --effects-line: #E4CDB0; --effects-indigo: #C8553D; --effects-lime: #F4B860; --effects-shadow: 0 18px 50px rgba(91,55,33,.12); background: radial-gradient(circle at 91% 3%, rgba(255,127,86,.18), transparent 28rem), #F4E2C8; color: #0F2749; }
body.effects-page.pocketpapi-sunset-signal .effects-header { border-color: rgba(15,39,73,.15); }
body.effects-page.pocketpapi-sunset-signal .effects-brand { color: #0F2749; }
body.effects-page.pocketpapi-sunset-signal .effects-brand-mark { background: #0F2749; color: #F4B860; }
body.effects-page.pocketpapi-sunset-signal .effects-header nav a,
body.effects-page.pocketpapi-sunset-signal .effects-footer a { color: #526678; }
body.effects-page.pocketpapi-sunset-signal .effects-header nav a:hover,
body.effects-page.pocketpapi-sunset-signal .effects-footer a:hover { color: #B04430; }
body.effects-page.pocketpapi-sunset-signal .effects-header-cta,
body.effects-page.pocketpapi-sunset-signal .effects-button-primary { background: #FF7F56; color: #0F2749 !important; }
body.effects-page.pocketpapi-sunset-signal .effects-header-cta:hover,
body.effects-page.pocketpapi-sunset-signal .effects-button-primary:hover { background: #E76643; color: #0F2749 !important; }
body.effects-page.pocketpapi-sunset-signal .effects-kicker { color: #B04430; }
body.effects-page.pocketpapi-sunset-signal .effects-hero h1,
body.effects-page.pocketpapi-sunset-signal .effects-section-heading h2,
body.effects-page.pocketpapi-sunset-signal .effects-sidebar h2,
body.effects-page.pocketpapi-sunset-signal .effects-card-body h3 { color: #0F2749; }
body.effects-page.pocketpapi-sunset-signal .effects-hero-copy > p:not(.effects-kicker),
body.effects-page.pocketpapi-sunset-signal .effects-sidebar p:not(.effects-kicker),
body.effects-page.pocketpapi-sunset-signal .effects-section-heading > p,
body.effects-page.pocketpapi-sunset-signal .effects-card-body > p { color: #526678; }
body.effects-page.pocketpapi-sunset-signal .effects-search,
body.effects-page.pocketpapi-sunset-signal .effects-card,
body.effects-page.pocketpapi-sunset-signal .effects-api-strip { border-color: #E4CDB0; background: #FFFAF1; }
body.effects-page.pocketpapi-sunset-signal .effects-search input { background: transparent; color: #0F2749; }
body.effects-page.pocketpapi-sunset-signal .effects-search span,
body.effects-page.pocketpapi-sunset-signal .effects-search button,
body.effects-page.pocketpapi-sunset-signal .effects-card-link,
body.effects-page.pocketpapi-sunset-signal .effects-api-links a { color: #B04430; }
body.effects-page.pocketpapi-sunset-signal .effects-filter-links a:hover,
body.effects-page.pocketpapi-sunset-signal .effects-filter-links a.is-active { background: #FFE1D5; color: #B04430; }
body.effects-page.pocketpapi-sunset-signal .effects-side-list a:hover { border-color: #FF7F56; background: #FFF0E6; }
body.effects-page.pocketpapi-sunset-signal .effects-side-list span { color: #B04430; }
body.effects-page.pocketpapi-sunset-signal .effects-featured,
body.effects-page.pocketpapi-sunset-signal .effects-side-note,
body.effects-page.pocketpapi-sunset-signal .effects-llm-code { background: #0F2749; color: #F4E2C8; }
body.effects-page.pocketpapi-sunset-signal .effects-llm-section { background: #FFF0E6; border-color: #E4CDB0; }
body.effects-page.pocketpapi-sunset-signal .effects-footer { border-color: #E4CDB0; color: #756F6A; }
body.effects-page.pocketpapi-sunset-signal .public-menu-toggle { border-color: #D8BB9A; background: #FFFAF1; color: #0F2749; }
@media (max-width: 820px) {
    body.effects-page.pocketpapi-sunset-signal .effects-header { position: relative; padding: 14px 16px; }
    body.effects-page.pocketpapi-sunset-signal .effects-header nav { position: absolute; top: calc(100% + 10px); right: 16px; left: 16px; z-index: 30; display: none; gap: 4px; padding: 10px; border: 1px solid #E4CDB0; border-radius: 16px; background: #FFFAF1; box-shadow: 0 18px 40px rgba(91,55,33,.16); }
    body.effects-page.pocketpapi-sunset-signal .effects-header.public-nav-open nav { display: grid; }
    body.effects-page.pocketpapi-sunset-signal .effects-header nav a { display: flex; align-items: center; min-height: 42px; padding: 0 12px; border-radius: 9px; }
    body.effects-page.pocketpapi-sunset-signal .effects-header nav a:hover { background: #FFF0E6; }
    body.effects-page.pocketpapi-sunset-signal .effects-header nav .effects-header-cta { justify-content: center; margin-top: 4px; }
}

body.effects-page:not(.pocketpapi-sunset-signal) { --effects-ink:#172033; --effects-muted:#657087; --effects-paper:#f7f9fc; --effects-soft:#edf4ff; --effects-line:#dce3ee; --effects-indigo:#155eef; --effects-lime:#cfe0fb; --effects-shadow:0 18px 50px rgba(29,62,110,.1); background:radial-gradient(circle at 91% 3%,rgba(21,94,239,.07),transparent 28rem),#f7f9fc; color:#172033; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-header { border-color:#dce3ee; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-brand { color:#172033; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-brand-logo { display:block; width:32px; height:32px; object-fit:contain; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-header nav a,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-footer a { color:#536078; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-header nav a:hover,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-footer a:hover { color:#155eef; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-header-cta,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-button-primary { background:#155eef; color:#fff !important; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-header-cta:hover,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-button-primary:hover { background:#0d4fd7; color:#fff !important; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-kicker,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-card-link,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-api-links a { color:#155eef; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-featured,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-side-note,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-llm-code { background:#172033; color:#f4f8ff; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-featured .effects-card-meta { color:#cfe0fb; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-featured .effects-card-meta span + span::before { color:#9bb9f5; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-search,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-card,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-api-strip { border-color:#dce3ee; background:#fff; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-filter-links a:hover,
body.effects-page:not(.pocketpapi-sunset-signal) .effects-filter-links a.is-active { background:#edf4ff; color:#155eef; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-side-list a:hover { border-color:#9bb9f5; background:#edf4ff; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-llm-section { background:#f4f8ff; border-color:#dce3ee; }
body.effects-page:not(.pocketpapi-sunset-signal) .effects-footer { border-color:#dce3ee; color:#8793a8; }
@media (max-width:820px) {
    body.effects-page:not(.pocketpapi-sunset-signal) .effects-header { position:relative; padding:14px 16px; }
    body.effects-page:not(.pocketpapi-sunset-signal) .effects-header nav { position:absolute; top:calc(100% + 10px); right:16px; left:16px; z-index:30; display:none; gap:4px; padding:10px; border:1px solid #dce3ee; border-radius:16px; background:#fff; box-shadow:0 18px 40px rgba(29,62,110,.12); }
    body.effects-page:not(.pocketpapi-sunset-signal) .effects-header.public-nav-open nav { display:grid; }
    body.effects-page:not(.pocketpapi-sunset-signal) .effects-header nav a { display:flex; align-items:center; min-height:42px; padding:0 12px; border-radius:9px; }
    body.effects-page:not(.pocketpapi-sunset-signal) .effects-header nav a:hover { background:#edf4ff; }
    body.effects-page:not(.pocketpapi-sunset-signal) .effects-header nav .effects-header-cta { justify-content:center; margin-top:4px; }
}