/* =====================================================================
   BasicMobile info pages v4 — page-specific layer on top of pages.css.
   Service pages, legal pages, success pages. Mobile-first.
   ===================================================================== */

body.info-v4{font-size:var(--t-md);line-height:1.65;--green:var(--ok)}
body.info-v4 .shell-dropdown a{display:flex;align-items:center;min-height:44px}
@media(max-width:820px){
  body.info-v4 .shell-dropdown .menu-close{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;border:1px solid var(--line-2);background:var(--mist);border-radius:var(--r-md);font-weight:600;color:var(--ink)}
}
@media(max-width:380px){
  body.info-v4 .site-shell{gap:var(--s2)}
  body.info-v4 .shell-brand{font-size:15px;gap:8px}
  body.info-v4 .shell-brand img{width:28px;height:28px}
}
body.info-v4 h1,body.info-v4 h2{font-family:var(--serif);color:var(--ink);letter-spacing:-.015em}
body.info-v4 a:not(.btn):not(.button):not(.shell-cta){text-underline-offset:3px}

/* ------------------------------------------------ service sub-navigation */
body.info-v4 > nav[aria-label="Service navigation"]{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none;
  padding:var(--s3) max(var(--gutter),calc((100vw - var(--wrap)) / 2));border-bottom:1px solid var(--line);background:var(--mist)}
body.info-v4 > nav[aria-label="Service navigation"]::-webkit-scrollbar{display:none}
body.info-v4 > nav[aria-label="Service navigation"] a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;
  border:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);font-size:var(--t-sm);font-weight:500;white-space:nowrap}
body.info-v4 > nav[aria-label="Service navigation"] a:hover{border-color:var(--ink);color:var(--ink)}
body.info-v4 > nav[aria-label="Service navigation"] a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}

/* ------------------------------------------------ service page layout */
body.info-v4 > main#main:has(> .intro){width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter) clamp(56px,7vw,104px);
  display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--s8)}
.info-v4 .breadcrumb{padding-top:var(--s5);font-size:var(--t-sm);color:var(--muted)}
.info-v4 .breadcrumb a{display:inline-block;padding:10px 0;color:var(--muted);text-decoration:underline}
.info-v4 .intro{padding:var(--s3) 0 var(--s6);max-width:820px}
.info-v4 .intro .eyebrow{display:block;font:600 var(--t-sm)/1.3 var(--sans);letter-spacing:0;color:var(--accent);margin:0 0 var(--s3);text-transform:none}
.info-v4 .intro h1{font-size:clamp(34px,5.2vw,62px);font-weight:600;line-height:1.06;letter-spacing:-.022em;margin:0 0 var(--s4);text-wrap:balance}
.info-v4 .intro .lead{font-size:var(--t-lg);line-height:1.55;color:var(--ink-2);max-width:680px}

.info-v4 .page-outline{display:flex;flex-direction:column;padding:var(--s4) var(--s5) var(--s2);margin:0 0 var(--s6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper)}
.info-v4 .page-outline strong{font-size:var(--t-sm);color:var(--muted);font-weight:600;margin-bottom:var(--s2)}
.info-v4 .page-outline a{display:flex;align-items:center;min-height:48px;color:var(--ink);font-size:var(--t-md);line-height:1.35;border-top:1px solid var(--line);padding:6px 0}
.info-v4 .page-outline a:hover{color:var(--accent)}

.info-v4 .content{max-width:720px}
.info-v4 .content section{padding:var(--s6) 0;border-top:1px solid var(--line)}
.info-v4 .content section:first-child{border-top:0;padding-top:0}
.info-v4 .content h2{font-size:var(--t-2xl);line-height:1.15;font-weight:600;margin:0 0 var(--s4)}
.info-v4 .content h3{font-size:var(--t-lg);margin:var(--s5) 0 var(--s2)}
.info-v4 .content p,.info-v4 .content li{color:var(--ink-2);font-size:var(--t-md);line-height:1.7}
.info-v4 .content p + p,.info-v4 .content p + ul,.info-v4 .content p + ol,.info-v4 .content ul + p,.info-v4 .content ol + p{margin-top:var(--s4)}
.info-v4 .content ul,.info-v4 .content ol{padding-left:1.25em;margin:0}
.info-v4 .content li + li{margin-top:var(--s2)}
.info-v4 .content dl{display:grid;grid-template-columns:1fr;margin:0;border-top:1px solid var(--line)}
.info-v4 .content dt{font-size:var(--t-sm);color:var(--muted);font-weight:500;padding-top:var(--s3)}
.info-v4 .content dd{margin:0;padding:2px 0 var(--s3);border-bottom:1px solid var(--line);color:var(--ink);font-weight:500;overflow-wrap:anywhere}
.info-v4 .content dd a{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0}
.info-v4 .content table{width:100%;border-collapse:collapse;font-size:var(--t-sm);margin-top:var(--s4)}
.info-v4 .content th,.info-v4 .content td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.info-v4 .guide-note{margin:var(--s5) 0;padding:var(--s4) var(--s5);background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink)}
.info-v4 .guide-note p{color:var(--ink)}

/* closing call to action: the one dark surface on the page */
.info-v4 .contact-card{margin:var(--s7) 0 0;padding:var(--s6) var(--s5);background:var(--ink);color:rgba(255,255,255,.82);border-radius:var(--r-lg)}
.info-v4 .contact-card h2{color:#fff;font-size:var(--t-2xl);line-height:1.15;margin:0 0 var(--s3)}
.info-v4 .contact-card p{color:rgba(255,255,255,.82);font-size:var(--t-md);line-height:1.6}
.info-v4 .contact-card .actions{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s5)}
.info-v4 .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:var(--r-md);
  background:var(--wa);color:#fff;font:600 16px/1.2 var(--sans);text-decoration:none;border:1px solid transparent;text-align:center}
.info-v4 .button:hover{background:#147f4a;color:#fff}
.info-v4 .button.secondary{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.info-v4 .button.secondary:hover{border-color:#fff}
.info-v4 .button.info-access{background:var(--accent)}
.info-v4 .button.info-access:hover{background:var(--accent-ink)}

/* buying resources list */
.info-v4 .resource-list{display:grid;grid-template-columns:1fr;gap:var(--s3);margin:0 0 var(--s6);padding:0;list-style:none}
.info-v4 .resource-link{display:block;height:100%;padding:var(--s5);border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--paper);color:var(--ink-2)}
.info-v4 .resource-link:hover{border-color:var(--ink);color:var(--ink-2)}
.info-v4 .resource-link strong,.info-v4 .resource-link h2,.info-v4 .resource-link h3{display:block;font-family:var(--serif);font-size:var(--t-xl);line-height:1.2;font-weight:600;color:var(--ink);margin-bottom:var(--s2)}

@media(min-width:720px){
  .info-v4 .contact-card{padding:var(--s7)}
  .info-v4 .contact-card .actions{flex-direction:row;flex-wrap:wrap}
  .info-v4 .content dl{grid-template-columns:180px 1fr}
  .info-v4 .content dt{padding:var(--s3) 0;border-bottom:1px solid var(--line);display:flex;align-items:center}
  .info-v4 .content dd{padding:var(--s3) 0}
  .info-v4 .resource-list{grid-template-columns:repeat(2,1fr);gap:var(--s4)}
}
@media(min-width:1024px){
  body.info-v4 > main#main:has(> .page-outline){grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto auto 1fr}
  .info-v4 main:has(> .page-outline) > .breadcrumb,.info-v4 main:has(> .page-outline) > .intro{grid-column:1 / -1}
  .info-v4 main:has(> .page-outline) > .page-outline{grid-column:2;grid-row:3;margin:0}
  .info-v4 main:has(> .page-outline) > .content{grid-column:1;grid-row:3 / span 2}
  .info-v4 main:has(> .page-outline) > .contact-card{grid-column:2;grid-row:4;align-self:start;position:sticky;top:calc(var(--shell-h) + 24px);margin:var(--s5) 0 0;padding:var(--s6)}
  .info-v4 main:has(> .page-outline) > .contact-card .actions{flex-direction:column}
  .info-v4 .intro{padding:var(--s5) 0 var(--s7)}
}

/* ------------------------------------------------ service footer (dark, like homepage) */
body.info-v4 > footer{background:var(--ink);color:rgba(255,255,255,.72);font-size:var(--t-sm);
  padding:var(--s7) max(var(--gutter),calc((100vw - var(--wrap)) / 2)) var(--s8);display:grid;gap:var(--s3);justify-items:start}
body.info-v4 > footer strong{color:#fff;font:600 var(--t-lg)/1.2 var(--serif)}
body.info-v4 > footer a{color:#fff}
body.info-v4 > footer a:hover{color:#b9ccff}
body.info-v4 > footer nav{display:flex;flex-wrap:wrap;gap:0 var(--s5)}
body.info-v4 > footer nav a{display:inline-flex;align-items:center;min-height:44px;color:rgba(255,255,255,.85)}
body.info-v4 > footer .resources-footer-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
body.info-v4 > footer small{color:rgba(255,255,255,.55);font-size:var(--t-xs)}

/* ------------------------------------------------ pages still carrying styles.css markup */
.info-v4 .deposit-wrap{width:100%;max-width:820px;margin:0 auto;padding:clamp(32px,4vw,56px) var(--gutter) clamp(56px,7vw,104px)}
.info-v4 .h-display{font-size:clamp(34px,5vw,56px)!important}
.info-v4 .mono{font-family:var(--sans)!important;letter-spacing:0!important;text-transform:none!important}
.info-v4 .btn{min-height:52px}
.info-v4 .container{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.info-v4 .footer-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s4);padding:var(--s6) 0 calc(var(--s8) + 40px);border-top:1px solid var(--line);color:var(--muted)}
.info-v4 .footer-note .logo{font:600 var(--t-lg)/1.2 var(--serif)!important;color:var(--ink)}
.info-v4 .footer-note .logo span{color:inherit}
.info-v4 .footer-note .mono{font-size:var(--t-xs)!important}
.info-v4 .footer-note a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-sm)!important}
.info-v4 .footer-note > div:last-child{text-align:left!important}

/* legal: long-form reading */
.page-terms .deposit-wrap > div[style],.page-privacy .deposit-wrap > div[style]{font-size:var(--t-md)!important;line-height:1.75!important;max-width:68ch}
.page-terms .deposit-wrap > div[style] p,.page-privacy .deposit-wrap > div[style] p{margin:0 0 var(--s4)}
.page-terms .deposit-wrap > div[style] ul,.page-privacy .deposit-wrap > div[style] ul{padding-left:1.25em;margin:0 0 var(--s4)}
.page-terms .deposit-wrap > div[style] li,.page-privacy .deposit-wrap > div[style] li{margin:0 0 var(--s2)}
.page-terms .deposit-wrap h2.h-3,.page-privacy .deposit-wrap h2.h-3{font-family:var(--serif);font-size:var(--t-xl);line-height:1.25;margin-top:clamp(32px,4vw,48px)!important;margin-bottom:var(--s3);padding-top:var(--s5);border-top:1px solid var(--line)}
.page-terms .deposit-wrap > a.mono,.page-privacy .deposit-wrap > a.mono{display:inline-flex!important;align-items:center;min-height:44px;font-size:var(--t-sm)!important;margin-bottom:var(--s3)!important}
.page-terms .deposit-wrap > p.mono,.page-privacy .deposit-wrap > p.mono{font-size:var(--t-sm)!important}
.info-v4 .bm-lifetime-note,.info-v4 .bm-cost-cta{padding:var(--s4) var(--s5);background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink)}

/* closing CTA on legal / success pages */
.info-cta{margin-top:var(--s7);padding:var(--s6) var(--s5);background:var(--ink);color:rgba(255,255,255,.82);border-radius:var(--r-lg)}
.info-cta h2{color:#fff;font:600 var(--t-2xl)/1.15 var(--serif);margin:0 0 var(--s3)}
.info-cta p{color:rgba(255,255,255,.82)}
.info-cta .info-cta-actions{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s5)}
.info-cta .btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.info-cta .btn-ghost:hover{border-color:#fff;color:#fff}
@media(min-width:600px){.info-cta{padding:var(--s7)}.info-cta .info-cta-actions{flex-direction:row;flex-wrap:wrap}}

/* success: the receipt */
.page-success .deposit-wrap{text-align:left!important;max-width:760px}
.page-success .deposit-wrap > div:first-child{margin:0 0 var(--s5)!important;width:64px!important;height:64px!important;background:var(--ok-soft)!important}
.page-success #success-title{margin-top:var(--s2)!important;text-wrap:balance}
.page-success #success-message{margin:var(--s4) 0 0!important;max-width:62ch!important}
.page-success .slider-card{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:none;padding:var(--s5)}
.page-success .slider-card:first-of-type{border-top:4px solid var(--ink)}
.page-success #paid-amount{font-family:var(--serif);font-weight:600!important;font-size:clamp(34px,8vw,48px)!important;color:var(--ink)!important;font-variant-numeric:tabular-nums}
.page-success #bid-limit{font-family:var(--serif);font-weight:600!important;font-size:clamp(24px,5vw,32px)!important;color:var(--ink);font-variant-numeric:tabular-nums}
.page-success .slider-card > div[style*="space-between"]{gap:var(--s4);flex-wrap:wrap}
.page-success .slider-card .body-3{font-size:var(--t-sm);color:var(--muted)}
.page-success .slider-card > .mono{font-size:var(--t-sm)!important;color:var(--ink)!important}
.page-success #order-id{font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.page-success #success-steps{padding-left:0!important;list-style:none;counter-reset:step;line-height:1.6!important}
.page-success #success-steps li{position:relative;padding:var(--s3) 0 var(--s3) 44px;border-top:1px solid var(--line);counter-increment:step}
.page-success #success-steps li:first-child{border-top:0}
.page-success #success-steps li::before{content:counter(step);position:absolute;left:0;top:var(--s3);width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:var(--t-sm);font-weight:600;line-height:1}
.page-success .policy-payment-note{margin-top:var(--s4);padding:var(--s4);background:var(--mist);border-radius:var(--r-md);font-size:var(--t-sm);color:var(--ink-2)}
.page-success .deposit-wrap > div[style*="justify-content:center"]{justify-content:flex-start!important}
.page-success .deposit-wrap > div[style*="justify-content:center"] .btn-ghost{background:var(--wa);border-color:var(--wa);color:#fff}
.page-success .deposit-wrap > div[style*="justify-content:center"] .btn-ghost:hover{background:#147f4a}
.page-success .info-contacts{margin-top:var(--s6);padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--mist)}
.page-success .info-contacts h2{font-size:var(--t-xl);margin-bottom:var(--s3)}
.page-success .info-contacts dl{display:grid;grid-template-columns:1fr;margin:0}
.page-success .info-contacts dt{font-size:var(--t-sm);color:var(--muted);padding-top:var(--s2)}
.page-success .info-contacts dd{margin:0}
.page-success .info-contacts dd a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
@media(min-width:600px){.page-success .info-contacts dl{grid-template-columns:140px 1fr;align-items:center}.page-success .info-contacts dt{padding:0}}

/* sell-success: light card */
.page-sell-success main.container{min-height:auto!important;padding:clamp(40px,6vw,96px) var(--gutter)!important}
.page-sell-success .card{background:var(--paper)!important;border:1px solid var(--line-2);border-top:4px solid var(--ok);color:var(--ink-2)}
.page-sell-success .card > div:first-child{background:var(--ok-soft)!important;color:var(--ok)!important}
.page-sell-success .card .h-eyebrow{color:var(--ok)!important}
.page-sell-success .card .body-1{color:var(--ink-2)!important}
.page-sell-success .card .accent{color:var(--ink)}
.page-sell-success .card .btn-ghost{background:var(--wa);border-color:var(--wa);color:#fff}

@media(max-width:600px){
  .info-v4 .deposit-wrap .btn,.page-sell-success .card .btn{width:100%}
  .page-success .deposit-wrap > div[style*="justify-content:center"],.page-sell-success .card div[style*="justify-content:center"]{flex-direction:column}
  .page-success .slider-card{padding:var(--s5) 20px}
}
.info-v4 .skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--r-sm)}
.info-v4 .skip-link:focus{left:8px}
.page-success .info-contacts h2{line-height:1.2}
.info-v4 .footer-note .logo span{margin:0!important;padding:0!important}
.page-mobile-pricing main p,.page-mobile-pricing main li{font-size:16px}
.page-mobile-pricing footer a{display:inline-flex;align-items:center;min-height:44px}
/* neutralise styles.css dark legal card */
.info-v4 .deposit-wrap > div[style*="line-height"]{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;color:var(--ink-2)!important}
.info-v4 .deposit-wrap > div[style*="line-height"] h2{color:var(--ink)!important}
.info-v4 .deposit-wrap > div[style*="line-height"] a{color:var(--accent)!important}
.info-v4 .deposit-wrap > div[style*="line-height"] strong{color:var(--ink)}
.info-v4 .deposit-wrap > div[style*="line-height"] p,.info-v4 .deposit-wrap > div[style*="line-height"] li{color:var(--ink-2)}
.info-v4 .bm-deposit-calculator,.info-v4 .bm-qualification,.info-v4 .bm-payment-purpose{border-color:var(--line-2);border-radius:var(--r-lg);background:var(--mist);color:var(--ink-2);font-family:var(--sans)}
.info-v4 .bm-deposit-calculator h2{font-family:var(--serif);color:var(--ink)}
.info-v4 .bm-deposit-calculator input,.info-v4 .bm-deposit-calculator select{min-height:50px;font-size:16px;border-color:var(--line-2);border-radius:var(--r-md)}
body.info-v4 .info-cta h2,body.info-v4 .contact-card h2{color:#fff}
body.info-v4 .footer-note .logo{display:block;word-spacing:0}
body.info-v4 .footer-note .logo span{display:inline!important;color:var(--ink)!important;margin:0!important}
body.info-v4 .footer-note .logo span{background:none!important;-webkit-text-fill-color:currentColor!important}
html:has(body.info-v4),body.info-v4{background:var(--paper)!important}
/* mobile-pricing: mobile-pricing.css caps body at 540px; keep that column for content only */
body.page-mobile-pricing{max-width:none!important;margin:0!important}
body.page-mobile-pricing > main{max-width:560px;margin:0 auto}
body.page-mobile-pricing > footer{padding-inline:max(var(--gutter),calc((100vw - 560px) / 2))}
/* v5 UX: legal pages' back link readable (was light grey) */
.page-terms .deposit-wrap > a.mono,.page-privacy .deposit-wrap > a.mono{color:var(--muted)!important}
.page-terms .deposit-wrap > a.mono:hover,.page-privacy .deposit-wrap > a.mono:hover{color:var(--ink)!important}

/* ---- v7 spacing pass: one rhythm with the homepage ---- */
/* contact rows: same height whether the value is text or a tap target */
.info-v4 .content dd{min-height:52px;display:flex;align-items:center}
@media(max-width:719px){.info-v4 .content dd{min-height:0;display:block}.info-v4 .content dd a{margin:-8px 0}}
/* desktop: "On this page" sits beside the intro instead of leaving a hole there */
@media(min-width:1024px){
  body.info-v4 > main#main:has(> .page-outline){grid-template-rows:auto auto auto 1fr}
  .info-v4 main:has(> .page-outline) > .intro{grid-column:1}
  .info-v4 main:has(> .page-outline) > .page-outline{grid-column:2;grid-row:2;align-self:end;margin:0 0 var(--s7)}
  .info-v4 main:has(> .page-outline) > .contact-card{grid-row:3;margin:0}
  .info-v4 main:has(> .page-outline) > .content{grid-row:3 / span 2}
}
/* legal: "fees" link belongs to the paragraph that follows it */
.page-terms .bm-fees-link,.page-privacy .bm-fees-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 var(--s2)}
@media(max-width:600px){
  .page-terms .deposit-wrap h2.h-3,.page-privacy .deposit-wrap h2.h-3{font-size:var(--t-lg);padding-top:var(--s4)}
  .info-v4 .content section{padding:var(--s6) 0}
}
/* mobile pricing: same gutter as the rest of the site, no labels under 13px */
.page-mobile-pricing .h-eyebrow,.page-mobile-pricing .badge-pop{font-size:13px!important;letter-spacing:.02em!important}
.page-mobile-pricing .price-card>.h-eyebrow,.page-mobile-pricing .price .unit,.page-mobile-pricing .fee-head,.page-mobile-pricing .fee-head strong,.page-mobile-pricing .preview-note,.page-mobile-pricing .faq-tools>p,.page-mobile-pricing .channel-card .lbl,.page-mobile-pricing .channel-card .call-hours,.page-mobile-pricing .channel-card .btn,.page-mobile-pricing .mono{font-size:13px!important}

/* SEO guides: $100 direct-access offer */
.info-v4 .offer-box{margin:var(--s5) 0;padding:var(--s5);border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--paper)}
.info-v4 .offer-box strong{display:block;font-family:var(--serif);font-size:var(--t-xl);line-height:1.2;margin-bottom:var(--s2);color:var(--ink)}
.info-v4 .offer-box .button{margin-top:var(--s2)}
.info-v4 .content .button{display:inline-block;margin:var(--s2) var(--s2) 0 0}