/* Free Store Speed Audit page (OpenProject #1511). Ported from the design HTML (rp-/sr- audit styles, ss- form and cards)
   and enhanced; every rule is scoped under .ss-page. Loaded after ecommerce.css, which supplies the shared ec- system. */
.ss-page .b2b5-faq-ask { margin: 20px 0 0; font-size: 15px; line-height: 24px; color: #4A5550; }
.ss-page .b2b5-faq-ask a { color: #00744A; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ss-page .sr-page { position:relative;width:794px;height:1123px;background:#fff;color:#1C2522;font-family:Poppins,system-ui,sans-serif;padding:64px 64px 70px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column }
.ss-page .sr-page * { box-sizing:border-box }
.ss-page .sr-body { position:relative;z-index:1;flex:1;display:flex;flex-direction:column }
.ss-page .sr-run { display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6B736F;padding-bottom:12px;border-bottom:1px solid #E3EAE6;margin-bottom:28px }
.ss-page .sr-run b { color:#1C2522;font-weight:600 }
.ss-page .sr-tag { display:inline-block;padding:2px 8px;border-radius:999px;background:#FFF4DA;color:#7A5200;font-size:10.5px;font-weight:600 }
.ss-page .sr-foot { position:absolute;left:64px;right:64px;bottom:28px;display:flex;justify-content:space-between;font-size:10.5px;color:#6B736F;border-top:1px solid #E3EAE6;padding-top:10px;z-index:1 }
.ss-page .sr-kicker { font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#00744A;margin:0 0 6px }
.ss-page .sr-h { font-size:30px;line-height:1.2;font-weight:600;margin:0 0 14px;letter-spacing:-.01em }
.ss-page .sr-p { font-size:13.5px;line-height:1.6;color:#3A4541;margin:0 0 12px }
.ss-page .sr-small { font-size:11.5px;line-height:1.5;color:#6B736F }
.ss-page .sr-grid { display:grid;gap:12px }
.ss-page .sr-box { border:1px solid #E3EAE6;border-radius:12px;padding:14px 16px }
.ss-page .sr-box h4 { margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6B736F }
.ss-page .sr-big { font-size:26px;font-weight:700;letter-spacing:-.01em }
.ss-page .sr-tbl { width:100%;border-collapse:collapse;font-size:12px }
.ss-page .sr-tbl th { text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6B736F;padding:8px 6px;border-bottom:1.5px solid #1C2522 }
.ss-page .sr-tbl td { padding:9px 6px;border-bottom:1px solid #E3EAE6;vertical-align:top;line-height:1.4 }
.ss-page .sr-tbl td.n,.ss-page .sr-tbl th.n { text-align:right;white-space:nowrap }
.ss-page .sr-bars { display:grid;gap:8px }
.ss-page .sr-bar { display:grid;grid-template-columns:150px 1fr 92px;gap:10px;align-items:center;font-size:12px }
.ss-page .sr-bar i { display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#00B26B,#55D39C) }
.ss-page .sr-bar span:last-child { text-align:right;font-weight:600 }
.ss-page .sr-note { border-left:3px solid #00B26B;background:#F4F8F6;padding:10px 12px;border-radius:0 10px 10px 0;font-size:12.5px;line-height:1.5;color:#3A4541 }
.ss-page .sr-cover { background:#04150D;color:#fff;padding:72px 64px }
.ss-page .sr-cover .sr-run { color:rgba(255,255,255,.62);border-color:rgba(255,255,255,.14) }
.ss-page .sr-cover .sr-run b { color:#fff }
.ss-page .sr-cover .sr-foot { color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.14) }
.ss-page .sr-cover-glow { position:absolute;inset:0;background:radial-gradient(70% 50% at 100% 0%,rgba(0,178,107,.45),transparent 60%),radial-gradient(60% 40% at 0% 100%,rgba(0,178,107,.25),transparent 60%);z-index:0 }
.ss-page .sr-logo { display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600 }
.ss-page .sr-logo .sr-mark { display:block;height:32px;width:auto;flex:none }
.ss-page .rp-scale { transform-origin: 0 0; transform: scale(var(--s, .5)); width: 794px; height: 1123px; }
.ss-page .rp-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(60% 70% at 85% 30%, rgba(0,178,107,.30), transparent 60%), radial-gradient(50% 60% at 0% 100%, rgba(0,178,107,.18), transparent 60%), #04150D; }
.ss-page .rp-hero__in { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: center; padding-top: 88px; padding-bottom: 96px; }
@media (max-width: 1023.98px){
.ss-page .rp-hero__in { grid-template-columns: 1fr; padding-top: 56px; padding-bottom: 64px; gap: 40px; }
}
.ss-page .rp-chip { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 20px; padding: 6px 6px 6px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; font-size: 13.5px; font-weight: 500; color: #CFF5E3; }
.ss-page .rp-chip span { padding: 2px 10px; border-radius: 999px; background: #FFF4DA; color: #7A5200; font-size: 12px; font-weight: 600; }
.ss-page .rp-hero__h { margin: 0; font-size: clamp(34px, 4.2vw, 56px); line-height: 1.1; font-weight: 600; letter-spacing: -.02em; }
.ss-page .rp-hero__p { margin: 20px 0 0; max-width: 600px; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.82); }
.ss-page .rp-hero__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 30px; }
.ss-page .rp-ghost { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; color: #fff; font-weight: 600; font-size: 16px; text-decoration: underline; text-decoration-color: #00B26B; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.ss-page .rp-facts { list-style: none; margin: 36px 0 0; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.14); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 640px; }
.ss-page .rp-facts li { display: grid; gap: 2px; }
.ss-page .rp-facts b { font-size: 17px; color: #fff; }
.ss-page .rp-facts span { font-size: 13.5px; color: rgba(255,255,255,.66); line-height: 1.4; }
@media (max-width: 559px){
.ss-page .rp-facts { grid-template-columns: 1fr; gap: 12px; }
.ss-page .rp-hero__acts .ec-btn { width: 100%; }
}
.ss-page .rp-hero__stack { position: relative; width: min(100%, 440px); justify-self: center; aspect-ratio: 794 / 1123; }
@media (max-width: 1023.98px){
.ss-page .rp-hero__stack { width: min(78%, 340px); }
}
.ss-page .rp-stack__cover,.ss-page .rp-stack__sheet { position: absolute; inset: 0; border-radius: 8px; overflow: hidden; }
.ss-page .rp-stack__cover { transform: rotate(-2.5deg); box-shadow: 0 40px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.1); }
.ss-page .rp-stack__sheet { background: #F2F5F3; box-shadow: 0 20px 50px rgba(0,0,0,.4); }
.ss-page .rp-stack__sheet--2 { transform: translate(18px, 14px) rotate(2deg); background: #E5ECE8; }
.ss-page .rp-stack__sheet--3 { transform: translate(34px, 26px) rotate(5deg); background: #D4DED9; }
.ss-page .rp-read { background: #EDF2EF; padding: 88px 0 96px; }
.ss-page .rp-read__head { max-width: 820px; margin: 0 auto 44px; text-align: center; }
.ss-page .rp-kicker { margin: 0 0 10px; font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #00744A; }
.ss-page .rp-h2 { margin: 0; font-size: clamp(28px, 3vw, 40px); line-height: 1.2; font-weight: 600; color: #101814; letter-spacing: -.01em; }
.ss-page .rp-lead { margin: 16px auto 0; max-width: 720px; font-size: 16.5px; line-height: 1.6; color: #3A4541; }
.ss-page .rp-pages .sr-tbl,.ss-page .rp-stack__cover .sr-tbl { table-layout: fixed; min-width: 0; }
.ss-page .rp-pages .sr-tbl td,.ss-page .rp-pages .sr-tbl th { overflow-wrap: anywhere; }
.ss-page .rp-lead2 { margin: 12px 0 0; font-size: 15px; line-height: 1.6; color: #3A4541; }
@media (max-width: 767.98px){
.ss-page .rp-read { padding: 56px 0 64px; }
}
.ss-page .rp-pages .sr-page:not(.sr-cover) { height: auto; min-height: 0; padding-bottom: 96px; }
.ss-page .rp-pages .sr-cover { height: 1123px; }
.ss-page .rp-hero__in { padding-top: calc(var(--ec-header-h, 76px) + 40px); }
.ss-page #sample, .ss-page #your-store { scroll-margin-top: var(--ss-top); }
.ss-page .rp-ghost:focus-visible { outline: 2px solid #00B26B; outline-offset: 3px; border-radius: 6px; }
.ss-page .sr-cover-h { font-size: 46px; line-height: 1.12; font-weight: 600; margin: 0 0 18px; letter-spacing: -.02em; }
.ss-page .rp-chip { background: rgba(255,255,255,.04); }
.ss-page .sr-push { margin-top:auto }
.ss-page .sr-cover .sr-k-mint { color:#6EE7B7 }
.ss-page .sr-cover-lede { font-size:15px;line-height:1.6;color:rgba(255,255,255,.78);margin:0 0 28px;max-width:560px }
.ss-page .sr-cover-meta { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;font-size:12.5px }
.ss-page .sr-cover-card { border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 14px }
.ss-page .sr-cover-lbl { color:rgba(255,255,255,.6) }
.ss-page .sr-cover-disc { margin:32px 0 0;padding:12px 14px;border-radius:12px;background:rgba(255,244,218,.12);color:#FFE7A8;font-size:12.5px;line-height:1.5;max-width:620px }
.ss-page .sr-cols-2 { grid-template-columns:1fr 1fr }
.ss-page .sr-mt-6 { margin-top:6px }
.ss-page .sr-mt-16 { margin-top:16px }
.ss-page .sr-mb-18 { margin-bottom:18px }
.ss-page .sr-m0 { margin:0 }
/* ── UI/UX refinement pass (visual only; copy unchanged) ── */
.ss-page .rp-hero__h, .ss-page .rp-h2, .ss-page .sr-h { text-wrap: balance; }
.ss-page .rp-hero__h { font-size: clamp(32px, 3.7vw, 52px); letter-spacing: -.025em; }
.ss-page .rp-hero__p { color: rgba(255,255,255,.86); }
.ss-page .rp-hero::after { content: ""; position: absolute; inset: auto 0 0 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(0,178,107,.55), transparent); }
.ss-page .rp-facts { border-top: 0; padding-top: 0; gap: 12px; max-width: 660px; }
.ss-page .rp-facts li { gap: 4px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.04); position: relative; overflow: hidden; }
.ss-page .rp-facts li::before { content: ""; position: absolute; left: 16px; top: 0; width: 28px; height: 3px; border-radius: 0 0 3px 3px; background: #00B26B; }
.ss-page .rp-facts b { font-size: 16.5px; }
.ss-page .rp-hero__stack::before { content: ""; position: absolute; inset: -12% -18%; background: radial-gradient(closest-side, rgba(0,178,107,.32), transparent 72%); z-index: -1; pointer-events: none; }
.ss-page .rp-hero__stack { isolation: isolate; }
.ss-page .rp-stack__cover { transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.ss-page .rp-hero__stack:hover .rp-stack__cover { transform: rotate(-1deg) translateY(-6px); }
.ss-page .rp-ghost { transition: color .15s ease, text-decoration-color .15s ease; }
.ss-page .rp-ghost:hover { color: #6EE7B7; }
.ss-page .rp-ghost span { display: inline-block; transition: transform .2s ease; }
.ss-page .rp-ghost:hover span { transform: translateY(3px); }
.ss-page .rp-read { background: #F4F8F6; }
.ss-page .rp-read__head { margin-bottom: 52px; }
.ss-page .rp-kicker { display: inline-flex; align-items: center; gap: 10px; }
.ss-page .rp-kicker::before, .ss-page .rp-kicker::after { content: ""; width: 22px; height: 2px; border-radius: 2px; background: #00B26B; }
.ss-page .rp-lead b { color: #101814; }
.ss-page .rp-lead2 { display: block; max-width: 720px; margin: 22px auto 0; padding: 14px 20px; border: 1px solid #D9E6DF; border-radius: 16px; background: #fff; color: #3A4541; }
.ss-page .rp-lead2 b { color: #00744A; }

/* scroll reveal (JS adds .rp-js; disabled for reduced motion) */
@media (prefers-reduced-motion: no-preference) {
  html:has(.ss-page) { scroll-behavior: smooth; }
  .ss-page.rp-js [data-rp-rv] { transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1); }
  .ss-page.rp-js [data-rp-rv]:not(.is-in) { opacity: 0; transform: translateY(20px); }
  .ss-page .rp-hero__stack .rp-stack__sheet--2 { animation: rp-sway 7s ease-in-out 3; }
  .ss-page .rp-hero__stack .rp-stack__sheet--3 { animation: rp-sway 9s ease-in-out 3 reverse; }
}
@keyframes rp-sway { 0%, 100% { translate: 0 0; } 50% { translate: 5px -4px; } }
/* tablet + phone: contents become a sticky chip strip */
@media (max-width: 767.98px) {
  .ss-page .rp-read__head { margin-bottom: 36px; }
  .ss-page .rp-lead2 { padding: 12px 16px; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .ss-page .rp-frame, .ss-page .rp-stack__cover { transition: none; }
}
/* below 1280: the panel is a simple action bar above the pages; annotations sit under their page */
/* ===== FAQ (centred, single card accordion) ===== */
.ss-page .is-enhanced .ec-faq.is-open .ec-faq__a { opacity: 1; transform: none; transition-delay: .06s; }
@media print {
  .ss-page .is-enhanced .ec-faq__panel { grid-template-rows: 1fr; visibility: visible; transition: none; }
  .ss-page .is-enhanced .ec-faq__a { opacity: 1; transform: none; }
}
/* ===== MVP estimate: hero extras ===== */
.ss-page .ss-cover-link { position: absolute; inset: 0; z-index: 10; border-radius: 14px; cursor: pointer; }
.ss-page .ss-cover-link:hover ~ .rp-stack__cover { filter: brightness(1.08); }
.ss-page .sr-cover .sr-run { display: none; }
.ss-page .rp-hero__stack { pointer-events: auto; }

/* ===== sample pages: layouts for this content ===== */
.ss-page .sr-list { list-style: disc; margin: 0 0 12px; padding: 0 0 0 18px; font-size: 13px; line-height: 1.55; color: #3A4541; }
.ss-page .sr-list li { margin: 0 0 5px; }
.ss-page .sr-list b { color: #101814; }
.ss-page .sr-grid { margin: 6px 0 16px; }

/* must / later / cut as three columns */

/* cost: a low-to-high range bar over the two groups of choices */
.ss-page .sr-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 8px; }
.ss-page .sr-cols > div { padding: 12px 14px 4px; border: 1px solid #E3EAE6; border-radius: 12px; }
.ss-page .sr-cols > div + div { background: #FAFBFA; }
.ss-page .sr-cols .sr-kicker { margin-bottom: 8px; }


/* ===== print: the seven sample pages, one per A4 sheet (no header, footer, form or sticky controls) ===== */
@page { size: 210mm 297mm; margin: 0; }
@media print {
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  body > *:not(main) { display: none !important; }
  .ss-page > :not(.rp-read) { display: none !important; }
  .ss-page .rp-read { padding: 0; background: #fff; }
  .ss-page .rp-read .ec-container { max-width: none; width: auto; margin: 0; padding: 0; }
  .ss-page .rp-read__head { display: none !important; }
  .ss-page .rp-pages { display: block; margin: 0; }
  .ss-page .rp-sheet { width: 794px; max-width: none; margin: 0; break-after: page; page-break-after: always; break-inside: avoid; }
  .ss-page .rp-sheet:last-of-type { break-after: auto; page-break-after: auto; }
  .ss-page .rp-frame { width: 794px; aspect-ratio: auto; overflow: visible; border-radius: 0; box-shadow: none; }
  .ss-page .rp-pages .rp-scale { transform: none !important; zoom: 1 !important; width: 794px; height: 1122px; }
  .ss-page .rp-pages .sr-page, .ss-page .rp-pages .sr-page:not(.sr-cover) { width: 794px; height: 1122px !important; overflow: hidden; }
  .ss-page .rp-pages .sr-cover { padding: 72px 64px; }
  .ss-page .rp-pages .sr-page:not(.sr-cover) { padding: 64px 64px 70px; }
  .ss-page .rp-pages .sr-foot { position: absolute; }
  .ss-page.rp-js [data-rp-rv] { opacity: 1 !important; transform: none !important; transition: none !important; }
}



/* ===== store speed audit: tokens, hero extras, quote, proof links, form ===== */
.ss-page { --ss-top: var(--ec-header-h, 76px); }
html.imc-bar-on .ss-page { --ss-top: calc(var(--ec-header-h, 76px) + var(--imc-bar-h, 0px)); }
.ss-page .ss-wa { margin: 16px 0 0; font-size: 14.5px; line-height: 1.55; color: rgba(255,255,255,.82); }
.ss-page .ss-wa a { color: #7BE3B4; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ss-page .ss-wa a:focus-visible { outline: 2px solid #7BE3B4; outline-offset: 2px; border-radius: 4px; }


/* ===== sample pages: pills, tables, lists, bars, gauges, owner tags ===== */
.ss-page .sr-pill { display: inline-block; white-space: nowrap; padding: 1px 7px; border-radius: 999px; font-size: 10.5px; font-weight: 600; }
.ss-page .sr-low { background: #E7F6EF; color: #00744A; }
.ss-page .sr-med { background: #FFF4DA; color: #7A5200; }
.ss-page .sr-high { background: #FDE8E3; color: #A2381F; }
.ss-page .sr-none { background: #EEF1F0; color: #4A5550; }
.ss-page .sr-fail { color: #A2381F; }
.ss-page .sr-tight td { padding: 7px 5px; font-size: 11.5px; }
.ss-page .sr-tight th { padding: 7px 5px; }
.ss-page .sr-list { margin: 0 0 12px; }
.ss-page .sr-cols-3 { grid-template-columns: repeat(3, 1fr); }
.ss-page .sr-top3 { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 10px; }
.ss-page .sr-top3 li { display: grid; grid-template-columns: 30px 1fr; gap: 12px; align-items: start; font-size: 13px; line-height: 1.55; color: #3A4541; }
.ss-page .sr-top3 li b { color: #1C2522; }
.ss-page .sr-top3 span.n { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #04150D; color: #fff; font-size: 12px; font-weight: 600; }
.ss-page .sr-ex { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 12px; }
.ss-page .sr-ex > div { border-radius: 10px; padding: 10px 12px; font-size: 12px; line-height: 1.5; }
.ss-page .sr-ex .was { background: #FDF0EC; color: #7A2E1B; }
.ss-page .sr-ex .now { background: #ECF8F2; color: #0B4B30; }
.ss-page .sr-ex h4 { margin: 0 0 3px; font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.ss-page .sr-mt-4 { margin-top: 4px; }
.ss-page .sr-mt-8 { margin-top: 8px; }
.ss-page .sr-mt-12 { margin-top: 12px; }
.ss-page .sr-mt-14 { margin-top: 14px; }
.ss-page .sr-mb-14 { margin-bottom: 14px; }
.ss-page .sr-gap { margin: 8px 0 22px; }
.ss-page .sr-tbl th.sr-cw4 { width: 4%; } .ss-page .sr-tbl th.sr-cw9 { width: 9%; } .ss-page .sr-tbl th.sr-cw10 { width: 10%; }
.ss-page .sr-tbl th.sr-cw14 { width: 14%; } .ss-page .sr-tbl th.sr-cw17 { width: 17%; } .ss-page .sr-tbl th.sr-cw18 { width: 18%; }
.ss-page .sr-tbl th.sr-cw20 { width: 20%; } .ss-page .sr-tbl th.sr-cw27 { width: 27%; } .ss-page .sr-tbl th.sr-cw30 { width: 30%; }
.ss-page .sr-tbl th.sr-cw36 { width: 36%; } .ss-page .sr-tbl th.sr-cw38 { width: 38%; } .ss-page .sr-tbl th.sr-cw56 { width: 56%; }
.ss-page .sr-tbl th.sr-cw22 { width: 22%; }
.ss-page .sr-bar i.sr-w29 { width: 29%; } .ss-page .sr-bar i.sr-w34 { width: 34%; } .ss-page .sr-bar i.sr-w38 { width: 38%; }
.ss-page .sr-bar i.sr-w41 { width: 41%; } .ss-page .sr-bar i.sr-w52 { width: 52%; }
/* lab scores: the bar colour follows Google's bands (0-49 poor, 50-89 needs work) */
.ss-page .sr-bar i { background: #E08B3A; }
.ss-page .sr-bar i.sr-bad { background: #D4573A; }

/* Core Web Vitals gauge: the bar is the value against Google's "good" limit, which sits on the centre line */
.ss-page .ss-meter { display: block; position: relative; width: 100%; max-width: 120px; height: 6px; margin-top: 6px; border-radius: 6px; background: #E8EEEB; overflow: hidden; }
.ss-page .ss-meter::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w, 50%); border-radius: 6px; background: var(--c, #00B26B); }
.ss-page .ss-meter::after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: #101814; }
.ss-page .ss-m-good { --c: #00B26B; } .ss-page .ss-m-mid { --c: #E0A92E; } .ss-page .ss-m-poor { --c: #D4573A; }
.ss-page .ss-mw35 { --w: 35%; } .ss-page .ss-mw46 { --w: 46%; } .ss-page .ss-mw60 { --w: 60%; }
.ss-page .ss-mw77 { --w: 77%; } .ss-page .ss-mw82 { --w: 82%; } .ss-page .ss-mw90 { --w: 90%; }

/* pass / fail chip beside a timing */
.ss-page .ss-chip { display: inline-grid; place-items: center; width: 18px; height: 18px; margin-left: 6px; border-radius: 50%; vertical-align: 1px; font-size: 10px; font-weight: 700; line-height: 1; }
.ss-page .ss-chip--fail { background: #FDE8E3; color: #A2381F; }
.ss-page .ss-chip--fail::before { content: "\2715"; }

/* owner tags and the fix-first checklist */
.ss-page .ss-tag { display: inline-block; padding: 2px 9px; border-radius: 999px; background: #EEF1F0; color: #2B3531; font-size: 11px; font-weight: 600; line-height: 1.4; }
.ss-page .ss-tag--you { background: #E7F6EF; color: #00744A; }
.ss-page .sr-plan td.num { color: #00744A; font-weight: 700; font-size: 14px; }
.ss-page .sr-plan td.f { font-weight: 600; color: #101814; }
.ss-page .sr-plan td.f::before, .ss-page .ss-todo::before { content: ""; display: inline-block; width: 12px; height: 12px; margin: 0 8px -1px 0; border: 1.5px solid #8FA39A; border-radius: 3px; }

.ss-page .sr-mt-18 { margin-top: 18px; }
.ss-page .sr-mb-18 { margin-bottom: 18px; }
.ss-page ol.sr-list { list-style: decimal; }
/* 1024-1279: the panel is a slim bar that stays under the header while reading */
.ss-page .ss-tag { border-radius: 10px; }
@media print { html.imc-bar-on .ss-page { margin-top: calc(var(--imc-bar-h, 0px) * -1); } }

/* Hero label = the service pages' pill: uppercase, green dot */
.ec-page .rp-hero .ec10-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 22px; padding: 6px 14px; border-radius: 999px;
  border: 1px solid rgba(0,178,107,.45); background: rgba(0,178,107,.10); color: #6EE7B7;
  font-size: 13px; font-weight: 600; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }
.ec-page .rp-hero .ec10-eyebrow__dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: #00B26B; box-shadow: 0 0 0 3px rgba(0,178,107,.25); }
.ec-page .rp-hero .ec10-eyebrow .rp-new { margin-left: 2px; padding: 1px 9px; border-radius: 999px; background: #FFF4DA; color: #7A5200; font-size: 11.5px; letter-spacing: 0; text-transform: none; }
@media (max-width: 767px) { .ec-page .rp-hero .ec10-eyebrow { margin-bottom: 16px; font-size: 11.5px; } }
/* "Read the sample": a clean secondary link (no underline) with a round arrow chip that nudges down on hover */
.ec-page .rp-hero .rp-ghost { gap: 10px; text-decoration: none; }
.ec-page .rp-hero .rp-ghost span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; font-size: 15px; line-height: 1;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease; }
.ec-page .rp-hero .rp-ghost:hover { color: #6EE7B7; text-decoration: none; }
.ec-page .rp-hero .rp-ghost:hover span { border-color: #00B26B; background: rgba(0,178,107,.12); transform: translateY(2px); }
@media (prefers-reduced-motion: reduce) { .ec-page .rp-hero .rp-ghost span { transition: none; } .ec-page .rp-hero .rp-ghost:hover span { transform: none; } }
/* Fact cards: no little green tab on top */
.ec-page .rp-hero .rp-facts li::before { display: none; }

/* "Read the sample": a plain text link with a clean green underline; centred under the button on phones */
.ec-page .rp-hero .rp-ghost { min-height: 48px; text-decoration: underline; text-decoration-color: rgba(110,231,183,.6); text-decoration-thickness: 1.5px; text-underline-offset: 6px;
  transition: color .15s ease, text-decoration-color .15s ease; }
.ec-page .rp-hero .rp-ghost:hover { color: #6EE7B7; text-decoration: underline; text-decoration-color: #6EE7B7; }
@media (max-width: 639.98px) { .ec-page .rp-hero .rp-ghost { width: 100%; justify-content: center; } }