/* Pebble Stream brand tokens on top of Bulma 1.x */
:root{
  color-scheme: light; /* the site is designed light-only; stop Bulma and browsers switching to dark */
  --ps-orange:#FF9E00; --ps-light-blue:#007EFF; --ps-dark-blue:#051C9B;
  --ps-ink:#0F172A; --ps-muted:#475569; --ps-line:#E5E7EB;
  --bulma-primary-h:233deg; --bulma-primary-s:94%; --bulma-primary-l:31%; /* #051C9B */
  --bulma-link-h:233deg; --bulma-link-s:94%; --bulma-link-l:31%;
  --bulma-family-primary:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body{color:var(--ps-ink)}
.is-ps-primary{background:var(--ps-dark-blue)!important;color:#fff!important;border-color:transparent!important}
.is-ps-primary:hover{background:#0A2AC8!important}
.is-ps-navy{background:var(--ps-dark-blue);color:#fff}
.has-text-ps-orange{color:var(--ps-orange)!important}
.ps-navbar{border-bottom:1px solid var(--ps-line);background:#fff}
.ps-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ps-dark-blue)}
.ps-kicker{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748B}
.ps-proof{border-top:1px solid var(--ps-line);border-bottom:1px solid var(--ps-line);padding:1.25rem 0}
.ps-proof .container{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 3rem;font-weight:600;color:var(--ps-muted);font-size:.9rem}
.ps-card{display:flex;flex-direction:column;gap:.6rem;height:100%}
.ps-symbol{height:52px;width:auto;object-fit:contain;object-position:left}
.ps-symbol.is-small{height:40px}
.ps-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.ps-points li{padding-left:1.4rem;position:relative}
.ps-points li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--ps-orange)}
.ps-diagram img{width:100%;height:auto}
.ps-placeholder{aspect-ratio:16/10;border:1px dashed #CBD5E1;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#64748B;font-weight:600;background:#F8FAFC}
.ps-subnav{background:#F8FAFC;border-bottom:1px solid var(--ps-line)}
.ps-subnav .container{display:flex;gap:1.5rem;padding:.6rem 1rem;font-weight:600}
.ps-subnav a{color:var(--ps-muted);padding:.5rem 0}
.ps-subnav a.is-active{color:var(--ps-dark-blue);border-bottom:2px solid var(--ps-dark-blue)}
.ps-plan{height:100%;position:relative;display:flex;flex-direction:column;gap:.75rem}
.ps-plan.is-popular{border:2px solid var(--ps-dark-blue);background:#F5F7FF}
.ps-plan.is-dark{background:var(--ps-dark-blue);color:#fff}
.ps-plan.is-dark .title,.ps-plan.is-dark .ps-price{color:#fff}
.ps-plan .tag{position:absolute;top:-12px;left:1.5rem}
.ps-price{font-size:2rem;font-weight:800;letter-spacing:-.02em}
.ps-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;flex:1}
.ps-checks li::before{content:"✓";font-weight:700;margin-right:.6rem;color:var(--ps-dark-blue)}
.ps-plan.is-dark .ps-checks li::before{color:var(--ps-orange)}
.ps-share,.ps-social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ps-social{margin-top:1rem}
.ps-social a{display:inline-flex;align-items:center;min-height:44px;padding:0 .75rem;border:1px solid #334155;border-radius:8px;color:#E2E8F0;text-decoration:none}
.ps-footer{background:#0B1222;color:#94A3B8}
.ps-footer a{color:#CBD5E1}
.ps-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem;border:0;padding:0}
.ps-kind{display:block;padding:.9rem 1rem;border:1px solid #CBD5E1;border-radius:10px;font-weight:700;cursor:pointer}
.ps-kind:has(input:checked){border:2px solid var(--ps-dark-blue);background:#F5F7FF}
.ps-staff{border:1px solid #C7D2FE;background:#F5F7FF}
.ps-attachments{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}
.ps-attachments a{border:1px solid var(--ps-line);border-radius:8px;padding:.4rem .7rem;font-size:.85rem;font-weight:600}
.ps-meta{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.9rem}
.ps-meta dt{color:#64748B}
.ps-adminnav{display:flex;gap:1.5rem;margin-bottom:1.5rem;font-weight:600}
.ps-filters{margin-bottom:1.5rem}
@media (max-width:768px){.ps-kinds{grid-template-columns:1fr}}

/* Navbar states: Bulma's is-active fills the item with the link colour; we keep text dark blue on white */
.ps-navbar .navbar-item,.ps-navbar .navbar-link{color:#334155;font-weight:500}
.ps-navbar a.navbar-item:hover,.ps-navbar a.navbar-item:focus-visible,
.ps-navbar a.navbar-item.is-active{background:transparent!important;color:var(--ps-dark-blue)!important;font-weight:700}
.ps-navbar a.navbar-item.is-active{box-shadow:inset 0 -3px 0 var(--ps-dark-blue)}
.ps-navbar .navbar-brand a.navbar-item:hover{box-shadow:none}
.ps-navbar .navbar-burger{color:var(--ps-dark-blue)}

/* Belt and braces for Bulma 1.x dark mode: keep text dark on the light sections even if a dark scheme is forced */
html,body{background:#fff;color:var(--ps-ink)}
.section .title,.section .subtitle,.section strong{color:var(--ps-ink)}
.is-ps-navy .title,.is-ps-navy strong,.ps-plan.is-dark .title,.ps-footer strong{color:#fff}
.box{background:#fff;color:var(--ps-ink)}
.ps-plan.is-dark{background:var(--ps-dark-blue);color:#fff}
