/* Silverstone Loan Comparison — #103044 · #54a2a4 · Garet */
:root{--slc-n:#103044;--slc-t:#54a2a4;--slc-b:#d4dde4;--slc-m:#5a6a78;--slc-bg:#f2f5f7;--slc-f:'Garet','Inter',-apple-system,sans-serif;--slc-e:.2s ease;--slc-r:12px}
.slc-app{font-family:var(--slc-f);color:#1a1a2e;max-width:640px;margin:0 auto;padding:8px 0 40px;-webkit-font-smoothing:antialiased}
.slc-step{display:block}.slc-hidden{display:none!important}
/* Card */
.slc-card{background:#fff;border-radius:var(--slc-r);box-shadow:0 4px 24px rgba(16,48,68,.10);overflow:hidden;padding:34px 38px 38px}
.slc-card--ok{text-align:center}
.slc-bar{height:5px;background:var(--slc-n);margin:-34px -38px 26px;border-radius:var(--slc-r) var(--slc-r) 0 0}
.slc-bar--teal{background:var(--slc-t)}
/* Type */
.slc-title{margin:0 0 6px;font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:700;color:var(--slc-n);letter-spacing:-.01em}
.slc-sub{margin:0 0 22px;color:var(--slc-m);font-size:.91rem}
.slc-eyebrow{text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slc-m);margin:0 0 8px}
/* Two-col layout */
.slc-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px}
.slc-cols--cmp{margin-bottom:20px}
/* Loan group */
.slc-loan{background:var(--slc-bg);border:1.5px solid var(--slc-b);border-radius:10px;padding:16px}
.slc-loan__hd{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:6px 10px;border-radius:6px;margin-bottom:14px;color:#fff;text-align:center}
.slc-loan__hd--a{background:var(--slc-n)}.slc-loan__hd--b{background:var(--slc-t)}
/* Fields */
.slc-f{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.slc-f:last-child{margin-bottom:0}
.slc-f label{font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--slc-n)}
.slc-f label span{color:#c0392b}
.slc-iw{display:flex;align-items:center;border:1.5px solid var(--slc-b);border-radius:7px;background:#fff;overflow:hidden;transition:border-color var(--slc-e),box-shadow var(--slc-e)}
.slc-pre,.slc-suf{font-size:.85rem;font-weight:700;color:var(--slc-n);pointer-events:none;user-select:none;flex-shrink:0;white-space:nowrap}
.slc-pre{padding:0 4px 0 10px}.slc-suf{padding:0 10px 0 4px}
.slc-iw input{flex:1;min-width:0;box-sizing:border-box;padding:9px 10px 9px 0 !important;border:none !important;border-radius:0 !important;background:transparent !important;font-size:.93rem;font-family:var(--slc-f);color:#1a1a2e;outline:none;-webkit-appearance:none;appearance:none}
.slc-iw--s input{padding:9px 0 9px 10px !important}
.slc-iw:focus-within{border-color:var(--slc-t);box-shadow:0 0 0 3px rgba(84,162,164,.18)}
.slc-iw input[type=number]::-webkit-inner-spin-button,.slc-iw input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
.slc-iw input[type=number]{-moz-appearance:textfield}
.slc-err{font-size:.875rem;color:#922b21;min-height:1.1em;margin-bottom:2px}
/* Buttons */
.slc-btn{display:inline-block;background:var(--slc-n);color:#fff;border:2px solid var(--slc-n);border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:700;font-family:var(--slc-f);cursor:pointer;transition:background var(--slc-e),transform var(--slc-e);margin-top:4px}
.slc-btn:hover:not(:disabled){background:var(--slc-t);border-color:var(--slc-t);transform:translateY(-1px)}
.slc-btn--ol{background:transparent;color:var(--slc-n);margin-top:18px}
.slc-btn--ol:hover:not(:disabled){background:var(--slc-n);color:#fff;transform:none}
.slc-link-btn{background:none;border:none;color:var(--slc-m);font-size:.83rem;font-family:var(--slc-f);cursor:pointer;padding:4px 0 0;transition:color var(--slc-e)}
.slc-link-btn:hover{color:var(--slc-n)}
/* Winner headline */
.slc-winner{text-align:center;font-size:clamp(2rem,5vw,2.8rem);font-weight:700;color:var(--slc-n);letter-spacing:-.02em;margin:0 0 6px}
.slc-win-sub{text-align:center;color:var(--slc-m);font-size:.9rem;margin:0 0 20px}
.slc-win-sub strong{color:var(--slc-t)}
/* Comparison cards */
.slc-cmp{background:var(--slc-bg);border:2px solid var(--slc-b);border-radius:10px;padding:16px;text-align:center;position:relative;transition:border-color var(--slc-e)}
.slc-cmp--win{border-color:var(--slc-t);background:#e8f4f4}
.slc-badge{display:inline-block;background:var(--slc-t);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:20px;margin-bottom:8px}
.slc-cmp__id{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--slc-m);margin-bottom:6px}
.slc-cmp__emi{font-size:1.7rem;font-weight:700;color:var(--slc-n);letter-spacing:-.02em;line-height:1}
.slc-cmp__emi span{font-size:.8rem;color:var(--slc-m);font-weight:600}
.slc-cmp__meta{font-size:.75rem;color:var(--slc-m);margin-top:6px}
/* Locked */
.slc-locked{background:var(--slc-bg);border:2px dashed var(--slc-b);border-radius:10px;padding:14px 16px;margin-bottom:20px}
.slc-locked__lbl{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--slc-m);margin-bottom:10px}
.slc-lr{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:5px 0;border-bottom:1px solid var(--slc-b);font-size:.84rem;gap:6px}
.slc-lr:last-of-type{border-bottom:none}
.slc-lr span{color:var(--slc-m)}.slc-lr strong{font-weight:700;color:var(--slc-n)}
.slc-blur{filter:blur(6px);user-select:none}
.slc-locked__cta{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--slc-t);margin-top:10px}
/* Lead override */
.slc-lead{border:none!important;box-shadow:none!important;padding:0!important;margin:0 0 14px!important;max-width:100%!important}
.slc-full-btn{width:100%;text-align:center;background:var(--slc-t);border-color:var(--slc-t)}
.slc-full-btn:hover:not(:disabled){background:#3e8486;border-color:#3e8486}
/* Result */
.slc-check{width:52px;height:52px;background:var(--slc-t);color:#fff;border-radius:50%;font-size:1.4rem;line-height:52px;margin:0 auto 12px;font-weight:700}
.slc-result__win{font-size:1rem;color:var(--slc-n);margin:0 0 20px;line-height:1.5}
.slc-result__win strong{font-size:1.15rem;color:var(--slc-t)}
/* Comparison table */
.slc-tbl-wrap{overflow-x:auto;margin-bottom:20px}
.slc-tbl{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}
.slc-tbl th,.slc-tbl td{padding:9px 12px;border-bottom:1px solid var(--slc-b)}
.slc-tbl th{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--slc-m);background:var(--slc-bg)}
.slc-th-lbl{min-width:140px}
.slc-win-col{background:#e8f4f4}
.slc-teal{color:var(--slc-t)!important;font-weight:700!important}
.slc-disc{font-size:.74rem;color:var(--slc-m);line-height:1.6;text-align:left;margin:0 0 4px}
.slc-card--ok .slc-recalc{display:block;width:100%;text-align:center}
/* Responsive */
@media(max-width:520px){
    .slc-card{padding:22px 14px 24px}.slc-bar{margin:-22px -14px 20px}
    .slc-cols{grid-template-columns:1fr;gap:14px}
    .slc-btn,.slc-recalc{width:100%;text-align:center}
    .slc-lr{grid-template-columns:1.2fr 1fr 1fr;font-size:.78rem}
}