/* Business comparison pages: reuse the vertical-page skeleton (crumbs, vhero, compare-grid, filters) and only style what is specific. */
.business-comparison{background:var(--bg,#f6f8fc);color:var(--ink,#17213d)}
.business-comparison [hidden]{display:none!important}
.business-comparison .vhero.business-hero{padding:34px 0 30px}
.business-hero .vhero-copy{max-width:820px}
.business-hero h1{margin:0 0 12px}
.business-lead{font-size:1.06rem;line-height:1.6;color:var(--body,#475069);margin:0 0 16px;max-width:720px}
.business-hero .hero-badges{margin:0 0 18px}
.business-nav{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:#fff;border:1px solid var(--line,#e3e8f4);border-radius:999px;box-shadow:var(--shadow-sm)}
.business-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:999px;font-weight:700;font-size:.92rem;color:var(--navy,#1b2a6b);text-decoration:none}
.business-nav a:hover{background:#f1f4fb}
.business-nav a[aria-current=page]{background:var(--navy,#1b2a6b);color:#fff}

.business-compare-section{padding:28px 0 36px}
.business-comparison .filters summary{cursor:pointer;font-weight:700;font-size:1rem;color:var(--ink,#17213d);list-style:none;min-height:44px;display:flex;align-items:center}
.business-comparison .filters summary::-webkit-details-marker{display:none}
.business-comparison .filters form{margin-top:6px}
.business-comparison .filters label{display:flex;flex-direction:column;gap:6px;margin:12px 0 0;font-size:.76rem;font-weight:700;color:var(--muted,#6b7590);text-transform:uppercase;letter-spacing:.04em}
.business-comparison .filters input:not([type=checkbox]):not([type=range]),.business-comparison .filters select{width:100%;min-width:0;height:44px;padding:0 12px;border:1.5px solid var(--line,#e3e8f4);border-radius:10px;background:#fff;font:inherit;font-size:.95rem;font-weight:600;color:var(--ink,#17213d);text-transform:none;letter-spacing:0}
.business-comparison .filters input:focus,.business-comparison .filters select:focus{outline:0;border-color:var(--mint,#16c79a)}
.business-comparison .filters input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:12px 0 4px;padding:0;border:0;border-radius:99px;background:#e3e8f4;accent-color:var(--mint,#16c79a);cursor:pointer}
.business-comparison .filters input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--mint,#16c79a);box-shadow:0 1px 4px rgba(15,23,42,.18)}
.business-comparison .filters input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--mint,#16c79a)}
.business-comparison .business-check{flex-direction:row!important;align-items:center;gap:8px!important;text-transform:none!important;letter-spacing:0!important;font-size:.88rem!important;color:var(--body,#475069)!important}
.business-comparison input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;accent-color:var(--navy,#1b2a6b)}
.business-comparison .filters .btn{width:100%;margin-top:18px;min-height:46px;border:0;border-radius:12px;font-weight:700;cursor:pointer}
.business-advanced{margin-top:14px;border-top:1px solid var(--line,#e3e8f4);padding-top:6px}
.business-advanced>summary{font-size:.88rem!important;color:var(--navy,#1b2a6b)!important}
.business-method{margin-top:16px;border-top:1px solid var(--line,#e3e8f4);padding-top:10px}
.business-method>summary{font-size:.9rem!important}
.business-method p{font-size:.85rem;line-height:1.55;color:var(--body,#475069);margin:8px 0}

.business-comparison .results-head h2{font-size:1.15rem;margin:0}
.business-facts-note{font-size:.84rem;line-height:1.55;color:var(--muted,#6b7590);margin:0 0 14px}
.business-results{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.business-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px 22px;background:var(--card,#fff);border:1px solid var(--line,#e3e8f4);border-radius:var(--radius,16px);box-shadow:var(--shadow-sm)}
.business-card[data-status=excluded],.business-card.is-stale{opacity:.78}
.bc-head{display:flex;align-items:flex-start;gap:14px;min-width:0}
.business-logo{flex:0 0 44px;width:44px;height:44px;font-size:.8rem;letter-spacing:.02em}
.bc-title{flex:1;min-width:0}
.business-bank{margin:0;font-size:.8rem;font-weight:700;color:var(--muted,#6b7590)}
.bc-title h3{margin:2px 0 4px;font-size:1.08rem;line-height:1.3;color:var(--ink,#17213d)}
.bc-kind{display:inline-block;font-size:.74rem;font-weight:700;color:var(--navy,#1b2a6b);background:#eef2fb;border-radius:999px;padding:3px 10px}
.business-status{flex:0 0 auto;margin:0;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:700;background:#eef2fb;color:#233d73;white-space:nowrap}
.business-status[data-status=match]{background:#e3f7ef;color:#0a604b}
.business-status[data-status=excluded],.business-status[data-status=stale]{background:#fff1e6;color:#853800}
.bc-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line,#e3e8f4);border:1px solid var(--line,#e3e8f4);border-radius:12px;overflow:hidden}
.bc-spec{display:flex;flex-direction:column;gap:4px;padding:11px 14px;background:#fbfcfe;min-width:0}
.bc-spec-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#6b7590)}
.bc-spec-value{font-size:.98rem;font-weight:800;color:var(--ink,#17213d);overflow-wrap:break-word}
.bc-note{margin:0;font-size:.84rem;line-height:1.5;color:#853800}
.bc-note--muted{color:var(--muted,#6b7590)}
.bc-more{border-top:1px solid var(--line,#e3e8f4);padding-top:8px}
.bc-more>summary{cursor:pointer;font-size:.88rem;font-weight:700;color:var(--navy,#1b2a6b);min-height:32px;display:flex;align-items:center}
.bc-more p{font-size:.86rem;line-height:1.55;color:var(--body,#475069);margin:8px 0}
.bc-list{display:grid;gap:0;margin:6px 0 4px}
.bc-list>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #eff2f7}
.bc-list dt{font-size:.85rem;color:var(--muted,#6b7590)}
.bc-list dd{margin:0;font-size:.88rem;font-weight:700;text-align:right;overflow-wrap:break-word}
.bc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:2px}
.bc-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.bc-meta small{font-size:.76rem;color:var(--muted,#6b7590)}
.bc-foot .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border-radius:12px;font-weight:700;white-space:nowrap;text-decoration:none}

.business-compare-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:14px 16px;background:#fff;border:1px dashed var(--line,#d4dbea);border-radius:14px}
.business-compare-actions p{flex:1 1 220px;margin:0;font-size:.86rem;color:var(--body,#475069)}
.business-compare-actions .btn{min-height:42px;padding:9px 18px;border-radius:12px;font-weight:700;cursor:pointer}
.business-compare-actions .btn:disabled{opacity:.45;cursor:default;transform:none}
#business-comparison-table{margin-top:18px}
#business-comparison-table h2{font-size:1.1rem}
.business-table-scroll{overflow-x:auto;max-width:100%;margin:12px 0;border:1px solid var(--line,#e3e8f4);border-radius:14px;background:#fff}
.business-table-scroll table{border-collapse:collapse;width:100%;min-width:520px}
.business-table-scroll td,.business-table-scroll th{border-bottom:1px solid #eff2f7;padding:12px 14px;text-align:left;vertical-align:top;font-size:.88rem;overflow-wrap:break-word}
.business-table-scroll th[scope=row]{max-width:200px;color:var(--muted,#6b7590);font-weight:700}
.business-directory{margin-top:18px;padding:10px 16px;background:#fff;border:1px solid var(--line,#e3e8f4);border-radius:14px}
.business-directory>summary{cursor:pointer;font-weight:700;font-size:.92rem;color:var(--navy,#1b2a6b);min-height:40px;display:flex;align-items:center}
.business-directory p{font-size:.84rem;color:var(--muted,#6b7590)}
.business-directory #business-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 18px;padding-bottom:8px}
.business-directory a{display:block;padding:7px 0;font-size:.86rem;color:var(--navy,#1b2a6b);text-decoration:underline;text-underline-offset:2px}

.business-tools{padding:8px 0 56px}
.business-calculator,.business-explainer{background:#fff;border:1px solid var(--line,#e3e8f4);border-radius:var(--radius,16px);box-shadow:var(--shadow-sm);padding:24px;margin:0 0 18px}
.business-calculator h2,.business-explainer h2{font-size:1.2rem;margin:0 0 8px}
.business-calculator>p,.business-explainer p{color:var(--body,#475069);line-height:1.65;margin:0 0 12px}
.business-explainer h2:not(:first-child){margin-top:18px}
.business-calculator form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;margin-top:14px;align-items:end}
.business-calculator label{display:flex;flex-direction:column;gap:6px;font-size:.76rem;font-weight:700;color:var(--muted,#6b7590);text-transform:uppercase;letter-spacing:.04em}
.business-calculator input,.business-calculator select{height:44px;padding:0 12px;border:1.5px solid var(--line,#e3e8f4);border-radius:10px;font:inherit;font-size:.95rem;font-weight:600;color:var(--ink,#17213d);background:#fff;text-transform:none;letter-spacing:0}
.business-calculator button{min-height:44px;border:0;border-radius:12px;background:var(--navy,#1b2a6b);color:#fff;font:inherit;font-weight:700;cursor:pointer}
#business-loan-result{margin:14px 0 0;font-weight:700;color:var(--ink,#17213d)}
.business-back{margin:6px 0 0}
.business-back a{font-weight:700;color:var(--navy,#1b2a6b)}
.business-comparison a:focus-visible,.business-comparison button:focus-visible,.business-comparison summary:focus-visible{outline:3px solid var(--mint,#16c79a);outline-offset:3px}

@media(max-width:900px){
.business-comparison .vhero.business-hero{padding:22px 0 18px}
.business-comparison .filters{position:static}
.bc-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
.business-calculator form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
.business-nav{display:flex;width:100%;border-radius:14px}
.business-nav a{flex:1 1 auto;justify-content:center;padding:8px 10px;font-size:.84rem}
.business-card{padding:16px}
.bc-head{flex-wrap:wrap}
.business-status{order:3;flex-basis:100%;white-space:normal;text-align:left}
.bc-foot{flex-direction:column;align-items:stretch}
.bc-foot .btn{width:100%}
.business-calculator{padding:18px}
.business-calculator form{grid-template-columns:minmax(0,1fr)}
.business-directory #business-directory{grid-template-columns:minmax(0,1fr)}
}
.business-comparison .filters summary::after,.business-directory>summary::after,.bc-more>summary::after{content:"";width:8px;height:8px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;opacity:.6}
.business-comparison .filters details[open]>summary::after,.business-directory[open]>summary::after,.bc-more[open]>summary::after{transform:rotate(-135deg)}
.bc-more>summary,.business-directory>summary{list-style:none}
.bc-more>summary::-webkit-details-marker,.business-directory>summary::-webkit-details-marker{display:none}
.bc-compare{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:.88rem;font-weight:600;color:var(--ink,#17213d);cursor:pointer}
.bc-compare input{margin:0}
@media(min-width:1101px){.business-comparison .filters{max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain}}
