/* PropFeeCheck styles. Relies on the PropFeeDecoder theme variables in site.css (colors, .card, .btn, .note, .ph). */
.bb label{display:block;font-size:.88rem;color:var(--mute);margin-bottom:2px}
.bb input,.bb select,.bb textarea{width:100%;padding:9px 8px;border:1px solid #8a9199;border-radius:6px;font:inherit;font-size:1rem;background:#fff;color:var(--ink)}
.bb input[type=checkbox]{width:auto}
.bb textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem}
.bb fieldset{border:1px solid var(--line);border-radius:8px;padding:10px 12px 12px;margin:12px 0}
.bb legend{font-weight:600;font-size:.95rem;padding:0 6px}
.bb .grid{display:grid;gap:10px 14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.bb .hint{font-size:.8rem;color:var(--mute);margin-top:2px}
.bb .card h2{margin-top:0}
.assump{border:2px solid var(--accent);background:#eef5fc;border-radius:8px;padding:10px 14px;margin:12px 0;font-size:.95rem}
.slots{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:12px}
.slot{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fcfcfb}
.ovr{margin-top:8px;font-size:.88rem}
.ovr summary{cursor:pointer;color:var(--accent)}
.ovr .grid{grid-template-columns:repeat(3,1fr);margin-top:6px}
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl:focus-visible{outline:3px solid #7aa7d9;outline-offset:2px}
.bb table{border-collapse:separate;border-spacing:0;width:100%;min-width:0}
.bb th,.bb td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top;font-size:.9rem;background:#fff}
.bb thead th{background:#f0f1f2;font-weight:600}
.bb th[scope=row],.bb td.corner,.bb th:first-child{text-align:left;font-weight:500}
.bb tbody th[scope=row]{background:#fafafa;position:sticky;left:0;min-width:130px;max-width:210px;z-index:1}
.bb td.corner{position:sticky;left:0;background:#f0f1f2;z-index:2}
.bb tr.strong th,.bb tr.strong td{font-weight:700;background:#f6f8fb}
.bb td.left{text-align:left}
.bb .firm{font-weight:700}
.bb caption.sr-only{position:absolute}
.neg{color:var(--red);font-weight:600}.pos{color:var(--green);font-weight:600}
.badge{display:inline-block;border-radius:10px;padding:1px 8px;font-size:.72rem;font-weight:700;color:#fff;margin:0 4px 2px 0;white-space:nowrap}
.b-official{background:#14663a}.b-third_party{background:#8a5600}.b-unverified{background:#a8261d}.b-user{background:#46509e}
.fresh-green{background:#14663a}.fresh-amber{background:#8a5600}.fresh-red{background:#a8261d}
.flag{border-left:4px solid var(--red);background:#fdeceb;padding:6px 8px;margin:6px 0;font-size:.85rem}
.rule{font-size:.88rem}.rule li{margin:3px 0}
.plan-card{border-top:1px solid var(--line);padding-top:6px;margin-top:10px}
.plan-card h3{margin:.4em 0}
.srctbl th,.srctbl td{font-size:.82rem}
.srctbl tbody th[scope=row]{max-width:150px}
pre.code{background:#f3f4f5;border:1px solid var(--line);border-radius:6px;padding:8px;overflow-x:auto;font-size:.78rem;white-space:pre-wrap}
details summary{cursor:pointer}
.print-only{display:none}
.bb .sim{margin:8px 0}

/* headline: profit needed to break even */
.headline{border:2px solid var(--accent);border-radius:10px;padding:10px 14px;margin:10px 0;background:#eef5fc}
.headline span{display:block;font-size:.85rem;color:var(--mute);font-weight:600}
.headline b{display:block;font-size:1.9rem;line-height:1.2;color:var(--ink)}
.headline small{display:block;font-size:.82rem;color:var(--mute)}
@media (max-width:600px){.headline b{font-size:1.6rem}}
/* what-if journeys */
.wi-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.wi-tabs button{font:inherit;font-size:.9rem;padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);cursor:pointer}
.wi-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}
.wi-sum{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:10px 0}
.wi-sum div{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fcfcfb}
.wi-sum b{display:block;font-size:1.15rem}
.wi-sum span{font-size:.78rem;color:var(--mute)}
.wi-ex{display:inline-block;font-size:.7rem;font-weight:700;background:#46509e;color:#fff;border-radius:10px;padding:1px 8px;margin-left:6px}
@media print{.wi-tabs{display:none}}

/* embed mode: no site chrome, tighter spacing */
body[data-bb-mode=embed]{background:#fff}
body[data-bb-mode=embed] .hide-embed{display:none}
body[data-bb-mode=embed] .wrap{padding:8px}
body[data-bb-mode=embed] h1{font-size:1.3rem}
.embed-credit{font-size:.82rem;color:var(--mute);margin:6px 0}

@media (max-width:600px){
  .bb th,.bb td{padding:6px 5px;font-size:.78rem}
  .bb tbody th[scope=row]{min-width:92px;max-width:112px;font-size:.76rem}
  .bb thead th{font-size:.76rem}
  .bb .badge{font-size:.62rem;padding:1px 5px;white-space:normal}
  .bb .grid{grid-template-columns:1fr}
  .slots{grid-template-columns:1fr}
  .ovr .grid{grid-template-columns:1fr 1fr 1fr}
  .assump{font-size:.9rem}
  .srctbl{min-width:560px}
}

@media print{
  @page{margin:14mm}
  body{background:#fff;color:#000;font-size:11pt}
  .draftbar,.site-header,.site-footer nav,.site-nav,.hide-embed,.hide-print,#bb-form,.btn,details,noscript,.skip-link{display:none!important}
  .print-only{display:block!important}
  .card{border:1px solid #999;box-shadow:none;break-inside:avoid-page;margin:8pt 0}
  .tbl{overflow:visible}
  .bb tbody th[scope=row],.bb td.corner{position:static}
  .bb th,.bb td{font-size:9pt;padding:3pt 4pt}
  a{color:#000;text-decoration:none}
  .bb a[href^=http]:after{content:" (" attr(href) ")";font-size:7.5pt;word-break:break-all}
  .badge{color:#000!important;background:#fff!important;border:1px solid #000;font-size:7pt}
  #disclosures-block{break-inside:auto}
  .srctbl{min-width:0}
}

/* ---- mobile polish (PropFeeDecoder) ---- */
#pfc-sticky{display:none}
#results{scroll-margin-top:12px}
@media (max-width:760px){
  body.has-sticky{padding-bottom:84px}
  body[data-bb-mode=full] #pfc-sticky{display:flex;flex-direction:column;gap:2px;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#0f2a47;color:#fff;text-decoration:none;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.18);min-height:56px}
  #pfc-sticky .st-l{font-size:.78rem;opacity:.85;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
  #pfc-sticky .st-v{display:flex;flex-wrap:wrap;gap:4px 16px}
  #pfc-sticky b{font-size:1.15rem}
  #pfc-sticky small{font-size:.8rem;opacity:.85}
  .bb input,.bb select,.bb textarea{font-size:16px;min-height:44px}
  .bb input[type=checkbox]{min-height:0;width:22px;height:22px;vertical-align:middle}
  .wi-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:4px}
  .wi-tabs button{min-height:44px;white-space:nowrap;flex:0 0 auto;scroll-snap-align:start;font-size:.95rem}
  .bb .tbl,.bb .tablewrap{overflow-x:auto;max-width:100%}
  details summary{min-height:44px;display:flex;align-items:center}
}
/* contain wide source tables so phones never zoom out */
#bb-root,#bb-root .card,#rules,.plan-card{max-width:100%;min-width:0}
#bb-root .card{overflow-x:hidden}
#bb-root .tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl{position:relative} /* keeps sr-only captions inside the scroller (stops phones zooming out) */
.bb select,.bb button,.wi-tabs button{min-height:44px}
.review-line{margin:4px 0 10px}
.review-line .badge{text-decoration:none}
.about-nums summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.about-nums .assump{margin-top:8px}

/* ---------- results summary (mobile-first) ---------- */
.sum-cards{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0}
@media (min-width:720px){.sum-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.sum-card{position:relative;border:1px solid #d6dee8;border-radius:12px;padding:12px 14px;background:#fff}
.sum-card.best{border:2px solid #1a7f4b;background:#f1faf4;box-shadow:0 2px 10px rgba(26,127,75,.12)}
.sum-card .best-tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#1a7f4b;border-radius:999px;padding:2px 9px;margin-bottom:6px}
.sum-card h3{margin:0 0 8px;font-size:1.05rem;line-height:1.25}
.sum-card h3 small{display:block;font-weight:400;font-size:.8rem;color:var(--mute)}
.sum-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.sum-card dl div{margin:0}
.sum-card dt{font-size:.75rem;color:var(--mute);line-height:1.25}
.sum-card dd{margin:2px 0 0;font-size:1.35rem;font-weight:700;color:var(--ink)}
.sum-card .verdict{margin:8px 0 0;font-size:.9rem;font-weight:600;color:#0f2a47}
.sum-card.best .verdict{color:#1a7f4b}
.sum-line{margin:4px 0 8px;font-size:.95rem}
details.more{margin-top:10px;border-top:1px solid #e3e8ee;padding-top:8px}
details.more>summary,details.more-top>summary{cursor:pointer;font-weight:600;color:var(--accent);min-height:44px;display:flex;align-items:center;list-style-position:inside}
details.more-top{padding-top:4px}
details.more-top>section.card{border:0;box-shadow:none;padding:0;margin:8px 0 0;background:transparent}

/* ---------- full ranking (mobile-first, no sideways scroll) ---------- */
.rank-open{margin:6px 0 0}
.rank-open .btn{width:100%;min-height:44px}
@media (min-width:720px){.rank-open .btn{width:auto}}
details.rank>summary{position:absolute;left:-9999px}
details.rank[open]{border-top:1px solid #e3e8ee;margin-top:12px;padding-top:4px}
details.rank h3{margin:10px 0 4px;font-size:1.1rem;line-height:1.3}
.rank-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.rank-row{display:grid;grid-template-columns:2.2em 1fr;gap:4px 10px;align-items:start;border:1px solid #d6dee8;border-radius:10px;padding:10px 12px;background:#fff;min-width:0}
.rank-row:first-child{border:2px solid #1a7f4b;background:#f1faf4}
.rk-n{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:2em;height:2em;border-radius:50%;background:#0f2a47;color:#fff;font-weight:700}
.rank-row:first-child .rk-n{background:#1a7f4b}
.rk-body{min-width:0;display:flex;flex-direction:column;gap:2px}
.rk-name{font-size:.98rem;line-height:1.3;overflow-wrap:anywhere}
.rk-nums{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:.88rem;color:var(--mute)}
.rk-nums b{color:var(--ink)}
.rk-verdict{font-size:.85rem;font-weight:600;color:#0f2a47}
.rk-add,.rk-in{grid-column:2;justify-self:start;margin-top:4px;min-height:40px;padding:6px 14px;font-size:.9rem}
.rk-in{display:inline-flex;align-items:center;color:#1a7f4b;font-weight:600;padding-left:0}

/* split tooltip + review list */
.split-tip{margin-top:6px;font-size:.85rem}
.split-tip>summary{cursor:pointer;color:var(--accent);font-weight:600;min-height:32px;display:inline-flex;align-items:center}
.split-tip p{margin:4px 0 0;color:var(--mute);line-height:1.45}
button.review-btn{border:0;cursor:pointer;font:inherit;font-size:.8rem;min-height:32px;text-decoration:underline}
.review-list h3{font-size:1rem;margin:12px 0 4px}
.review-list ul{margin:4px 0 8px;padding-left:18px}
.review-list li{margin:0 0 8px;line-height:1.45;overflow-wrap:anywhere}

/* payout plan toggle (Tradeify Select) */
.bb .payplan{margin-top:14px}
.bb .seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:360px}
.bb .seg label{margin:0;color:var(--ink);font-size:1rem}
.bb .seg input{position:absolute;opacity:0;width:1px;height:1px}
.bb .seg span{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #8a9199;border-radius:8px;background:#fff;cursor:pointer;font-weight:600}
.bb .seg input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
.bb .seg input:focus-visible+span{outline:3px solid #7aa7d9;outline-offset:2px}