/* 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}

/* Sticky footer: the page is at least as tall as the window, and <main> takes the spare height,
   so the footer sits at the bottom on short pages (Offerings, Support) and after the content on long ones */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
body>.ps-footer{flex-shrink:0;padding-bottom:3rem}

/* ---------- home page variants B and C ---------- */
.ps-h1{line-height:1.05;letter-spacing:-.02em}
.ps-section-head{max-width:800px;margin-bottom:2rem}
.ps-card-soft{background:#F8FAFC;border:1px solid var(--ps-line);border-radius:14px;padding:1.75rem;height:100%}
.ps-card-soft .ps-kicker{color:#94A3B8}
.ps-card-navy{background:var(--ps-dark-blue);color:#E2E8F0;border-radius:14px;padding:1.75rem;height:100%}
.ps-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.6rem;font-size:1.05rem;line-height:1.5}
.ps-belief{font-size:1.35rem;font-weight:600;line-height:1.45;max-width:860px;margin-top:2rem}
.ps-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}
.ps-stats>div{background:#fff;border:1px solid var(--ps-line);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.3rem}
.ps-stats dd{margin:0;font-size:2.2rem;font-weight:800;color:var(--ps-dark-blue);line-height:1}
.ps-stats dt{font-size:.9rem;color:var(--ps-muted)}
.ps-quote{margin:1.25rem 0 0;padding:1.1rem 1.3rem;border-left:4px solid var(--ps-orange);background:#fff;border-radius:0 12px 12px 0}
.ps-quote blockquote{font-style:italic;font-size:1.05rem}
.ps-quote figcaption{margin-top:.4rem;font-size:.9rem;color:#64748B}
.ps-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.ps-steps li{border:1px solid var(--ps-line);border-radius:14px;padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}
.ps-step-num{width:44px;height:44px;border-radius:50%;background:var(--ps-dark-blue);color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center}
.ps-step-num.is-orange{background:var(--ps-orange)}
.ps-panel{background:#fff;color:var(--ps-ink);border-radius:16px;padding:1.4rem;box-shadow:0 30px 70px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:.9rem;margin:0}
.ps-panel .ps-kicker{margin:0}
.ps-panel-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.ps-panel-box{border:1px solid var(--ps-line);border-radius:10px;overflow:hidden}
.ps-panel-box img{display:block;width:100%;height:auto}
.ps-panel-label{margin:0;padding:.5rem .75rem;background:#F8FAFC;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748B;border-bottom:1px solid var(--ps-line)}
.ps-panel-label.is-normal-case{font-size:.85rem;letter-spacing:0;text-transform:none;color:#334155}
.ps-panel-row{display:flex;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;border-top:1px solid var(--ps-line)}
.ps-panel-label+.ps-panel-row{border-top:0}
.tag.is-ps-light{background:#EEF2FF;color:var(--ps-dark-blue);font-weight:700}
.ps-runs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.ps-runs li{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem .9rem;border:1px solid var(--ps-line);border-radius:10px}
.ps-runs strong{display:block}
.ps-runs small{color:var(--ps-muted)}
.ps-tick{flex:none;width:22px;height:22px;border-radius:50%;background:#DCFCE7;color:#15803D;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.ps-it-band{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;border-radius:14px;background:#fff;border:1px solid #C7D2FE;margin-top:1.5rem}
.ps-it-band img{width:60px;height:44px;object-fit:contain}
.ps-it-band p{flex:1 1 480px;margin:0}
.ps-guide{display:flex;flex-wrap:wrap;align-items:center;gap:2.5rem}
.ps-guide>div{flex:1 1 420px}
.ps-guide-cover{flex:none;width:150px;height:190px;border-radius:10px;background:var(--ps-dark-blue);box-shadow:inset 0 -40px 0 var(--ps-orange),0 18px 40px rgba(5,28,155,.25);padding:18px;box-sizing:border-box;color:#fff;font-weight:800;font-size:15px;line-height:1.25}
@media (max-width:768px){.ps-steps{grid-template-columns:1fr}.ps-stats{grid-template-columns:1fr 1fr}}

/* sticky call to action on phones, so the primary action is always one tap away */
.ps-sticky-cta{display:none}
@media (max-width:768px){
  .ps-sticky-cta{display:flex;position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;height:52px;font-weight:700;box-shadow:0 10px 30px rgba(5,28,155,.35)}
  body:has(.ps-sticky-cta){padding-bottom:84px}
}

/* ---------- spacing and readability (home variants and shared) ---------- */
/* Bulma pulls a subtitle 1.25rem up under its title; give the pair room to breathe */
.title:not(.is-spaced)+.subtitle{margin-top:-.25rem}
.title.is-1,.title.is-2{line-height:1.12}
.title.is-3{line-height:1.2}
.title.is-4,.title.is-5{line-height:1.3}
.hero .subtitle,.section .subtitle{line-height:1.5}
.ps-h1{margin-bottom:1.5rem!important}
.ps-eyebrow{margin-bottom:1rem}
p.ps-kicker{margin-bottom:.75rem}
.ps-section-head{margin-bottom:2.5rem}
.ps-section-head .title{margin-bottom:0}
.section p:not(.control)+p:not(.control){margin-top:.75rem}  /* never between Bulma form controls (joined inputs and buttons) */
.ps-card-soft .title,.ps-steps .title{margin-bottom:.75rem}
.ps-card-soft p,.ps-steps p{line-height:1.6}
.ps-card-soft p.ps-kicker,.ps-card-navy p.ps-kicker{margin-bottom:1rem}
.ps-quote{margin-top:1.75rem}
.hero .buttons{margin-top:.5rem}

/* The white cards inside the dark hero keep dark text (the hero's white-text rule must not reach them) */
.is-ps-navy .ps-panel .title,.is-ps-navy .ps-panel strong,.is-ps-navy .ps-panel p{color:var(--ps-ink)}
.is-ps-navy .ps-panel .ps-kicker,.is-ps-navy .ps-panel .has-text-grey{color:#64748B}
.ps-panel .title.is-5{margin-bottom:.25rem}
.ps-runs li span:last-child{display:flex;flex-direction:column;gap:.15rem}

/* The reassurance line under each home hero: the product works for the person, not instead of them */
.ps-assurance{font-size:1.2rem;font-weight:700;color:var(--ps-orange);margin:-.5rem 0 1.5rem}

/* the positioning line under the footer wordmark */
.ps-footer-tagline{color:#E2E8F0;font-size:1.05rem;font-weight:600;max-width:420px;line-height:1.45}

/* ---------- home variants D-G: split hero, outcome band, lead section (brand primary + secondary palette) ---------- */
:root{--ps-cream:#FBF5DF;--ps-teal:#377B83;--ps-gray1:#E5E7E8;--ps-gray2:#D1D4D7;--ps-lavender:#D4D4FF;--ps-mint:#C6F2D8;--ps-creamtint:#F7ECC0}
.has-text-ps-teal{color:var(--ps-teal)!important}
.has-text-ps-navy{color:var(--ps-dark-blue)!important}
.ps-caps{text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.button.is-ps-outline{background:transparent;border:2px solid var(--ps-dark-blue);color:var(--ps-dark-blue);font-weight:700}
.button.is-ps-outline:hover{background:var(--ps-dark-blue);color:#fff}
.button.is-ps-orange{background:var(--ps-orange);border:0;color:var(--ps-dark-blue);font-weight:800}
.ps-split-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px}
.ps-split-hero figure{margin:0;position:relative;background:var(--ps-gray1);overflow:hidden;min-height:640px}
.ps-split-hero figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ps-split-copy{background:var(--ps-cream);display:flex;align-items:center}
.ps-split-copy>div{padding:4.5rem 4rem;max-width:620px}
.ps-split-lede{font-size:1.2rem;line-height:1.6;color:#3B4560;margin:1rem 0 1.25rem}
.ps-assurance.is-teal{color:var(--ps-teal);margin:0 0 1.5rem}
.ps-outcomes{background:var(--ps-dark-blue);color:#fff}
.ps-outcomes ul{max-width:1240px;margin:0 auto;padding:1.6rem 2rem;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1.1rem 3.5rem}
.ps-outcomes li{display:flex;align-items:center;gap:.9rem;font-size:1.05rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ps-outcomes li span{width:34px;height:34px;border-radius:50%;background:var(--ps-orange);color:var(--ps-dark-blue);display:flex;align-items:center;justify-content:center;font-weight:800}
.ps-cream{background:var(--ps-cream)}
.ps-start-card{height:100%;display:flex;flex-direction:column;gap:.75rem;padding:2.25rem}
.ps-start-card .button{align-self:flex-start;margin-top:auto}
.ps-start-card.is-navy{background:var(--ps-dark-blue);color:#E2E6F5}
.ps-lead{background:var(--ps-cream);border-top:8px solid var(--ps-dark-blue);overflow:hidden;padding:6rem 1.5rem}
.ps-lead-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:4rem;align-items:center}
.ps-lead-promise{font-size:1.35rem;line-height:1.4;font-weight:600;color:#1B2440;margin:.5rem 0 1rem}
.ps-lead-form{display:flex;flex-direction:column;gap:.75rem;max-width:560px;margin-top:1.5rem}
.ps-lead-device{justify-self:start;margin-right:-180px}
.ps-lead-device>div{width:440px;border-radius:30px;background:#111827;padding:16px;box-shadow:0 40px 80px rgba(5,28,155,.22);transform:rotate(-3deg)}
.ps-lead-device img{display:block;width:100%;height:auto;border-radius:16px}
/* B: photo card in the hero, with a compact note over it */
.ps-photo-card{position:relative;margin:0;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.3);aspect-ratio:4/5;max-height:560px}
.ps-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ps-photo-note{position:absolute;left:16px;bottom:16px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.94);color:var(--ps-ink);box-shadow:0 10px 30px rgba(0,0,0,.2);max-width:290px;display:flex;flex-direction:column;gap:.35rem}
.is-ps-navy .ps-photo-note p{color:var(--ps-ink);margin:0;display:flex;gap:.5rem;align-items:center;font-size:.9rem;font-weight:600}
.is-ps-navy .ps-photo-note .ps-kicker{color:#64748B}
@media (max-width:900px){
  .ps-split-hero{grid-template-columns:1fr}
  .ps-split-hero figure{min-height:360px}
  .ps-split-copy>div{padding:2.5rem 1.5rem}
  .ps-lead-grid{grid-template-columns:1fr}
  .ps-lead-device{display:none}
}

/* ---------- /evaluate and /cobol ---------- */
.is-sr-only{position:absolute!important;left:-9999px!important}
.ps-eval-hero{background:var(--ps-cream);border-bottom:8px solid var(--ps-dark-blue);padding:4.5rem 1.5rem 5rem}
.ps-eval-narrow{max-width:820px}
.ps-eval-steps{list-style:none;margin:1.5rem 0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.ps-eval-steps li{display:flex;gap:.9rem;align-items:flex-start;color:#3B4560;line-height:1.55}
.ps-eval-steps li>span:first-child{flex:none;width:34px;height:34px;border-radius:50%;background:var(--ps-dark-blue);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.ps-eval-steps li.is-last>span:first-child{background:var(--ps-orange);color:var(--ps-dark-blue)}
.ps-eval-steps strong{color:var(--ps-dark-blue)}
.ps-eval-note ul{margin:.5rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem;color:#3B4560}
.ps-eval-form{padding:2rem}
.ps-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;border:0;margin:0;padding:0}
.ps-choices.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ps-choice{position:relative;cursor:pointer}
.ps-choice input{position:absolute;opacity:0}
.ps-choice>span{display:flex;flex-direction:column;gap:.15rem;padding:.8rem .9rem;border:1px solid var(--ps-gray2);border-radius:10px;height:100%}
.ps-choice strong{color:var(--ps-dark-blue)}
.ps-choice small{color:#5B6478;font-size:.8rem;line-height:1.4}
.ps-choice input:checked+span{border-color:var(--ps-dark-blue);background:#EEF2FF;box-shadow:0 0 0 2px var(--ps-dark-blue) inset}
.ps-choice input:focus-visible+span{outline:3px solid var(--ps-light-blue);outline-offset:2px}
.ps-terms{max-height:340px;overflow:auto;padding:1rem 1.2rem;border:1px solid var(--ps-gray2);border-radius:10px;background:#fff;margin:1rem 0}
.ps-dropzone{padding:1rem 1.1rem;border:2px dashed #9AA8E8;border-radius:12px;background:#F5F7FF;margin-bottom:.75rem}
.ps-dropzone-head{display:flex;justify-content:space-between;align-items:baseline}
.ps-dropzone-head strong{color:var(--ps-dark-blue)}
.ps-dropzone-head span{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748B}
.ps-dropzone p{font-size:.85rem;color:#5B6478;margin:.2rem 0 .5rem}
.ps-tint{padding:1.5rem;border-radius:12px;height:100%}
.ps-tint.is-lavender{background:var(--ps-lavender)} .ps-tint.is-mint{background:var(--ps-mint)}
.ps-tint.is-cream{background:var(--ps-creamtint)} .ps-tint.is-gray{background:var(--ps-gray1)}
.ps-code-pair{margin:0;display:flex;flex-direction:column;gap:.6rem}
.ps-code{border-radius:14px;background:#fff;color:var(--ps-ink);padding:1rem 1.2rem;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.ps-code.is-dark{background:#0B1222;color:#A5F3C4}
.ps-code p{margin:0 0 .5rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94A3B8}
.ps-code pre{background:transparent;padding:0;color:inherit;white-space:pre-wrap;font-size:.85rem}
.ps-code:not(.is-dark) pre{color:var(--ps-dark-blue)}
.ps-code small{display:block;margin-top:.5rem;color:#5B6478}
.ps-code-arrow{align-self:center;color:var(--ps-orange);font-size:1.4rem}
.ps-flow3{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:stretch}
.ps-flow3>div{padding:1.6rem;border-radius:14px;border:1px solid var(--ps-gray2)}
.ps-flow3>div.is-lavender{background:var(--ps-lavender);border:0}
.ps-flow3>div.is-navy{background:var(--ps-dark-blue);border:0;color:#E2E6F5}
.ps-flow3>div.is-navy .title{color:#fff} .ps-flow3>div.is-navy .ps-kicker{color:var(--ps-orange)}
.ps-flow3>span{align-self:center;font-size:1.6rem;color:var(--ps-orange)}
.ps-equiv thead th{background:var(--ps-dark-blue);color:#fff}
.ps-equiv td:first-child{font-weight:600}
.ps-steps.is-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.ps-found{margin-top:1.25rem;padding:1rem 1.2rem;border-radius:12px;background:rgba(255,255,255,.08);border-left:4px solid var(--ps-orange);color:#fff}
.ps-proof{display:flex;flex-direction:column;gap:.8rem;margin:0}
.ps-proof>div{display:flex;align-items:baseline;gap:1rem;padding:1.2rem 1.5rem;border-radius:14px;background:#fff;color:var(--ps-dark-blue)}
.ps-proof>div.is-orange{background:var(--ps-orange)}
.ps-proof dd{margin:0;font-size:2.8rem;font-weight:800;order:1}
.ps-proof dt{order:2;color:#3B4560}
.ps-eval-cta{display:flex;flex-direction:column;gap:.75rem;padding:2rem}
@media (max-width:900px){
  .ps-choices,.ps-choices.is-four{grid-template-columns:1fr}
  .ps-flow3{grid-template-columns:1fr}.ps-flow3>span{transform:rotate(90deg);justify-self:center}
  .ps-steps.is-five{grid-template-columns:1fr}
}

/* Timeline bubble on hero photos (D-G): a day with Pebble Stream */
.ps-day-note{position:absolute;bottom:20px;width:330px;max-width:calc(100% - 40px);padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(0,0,0,.22)}
.ps-day-note.is-left{left:20px} .ps-day-note.is-right{right:20px}
.ps-day-note .ps-kicker{margin:0 0 .6rem;color:#64748B}
.ps-day-note ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem}
.ps-day-note li{display:grid;grid-template-columns:22px 66px 1fr;gap:.5rem;align-items:start;font-size:.82rem;line-height:1.4}
.ps-day-note strong{color:var(--ps-ink);padding-top:2px}
.ps-day-note li>span:last-child{color:#334155;padding-top:2px}
.ps-day-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem}
.ps-day-icon.asked{background:#EEF2FF;color:var(--ps-dark-blue)}
.ps-day-icon.done{background:#DCFCE7;color:#15803D}
.ps-day-note.no-times li{grid-template-columns:22px 1fr}
.ps-day-note.no-times li>span:last-child{color:var(--ps-ink);font-weight:600}