/* Quotelinks calculators: shared widget styles. Used by the calculator pages and the /calculators/embed/ pages.
   Every rule is scoped under .qlc so the site stylesheet (ql1.css) and the widget never mix. */
.qlc{--bg:#fff;--tx:#111827;--mu:#6b7280;--ln:#e5e7eb;--in:#f9fafb;--ac:#1d4ed8;--acs:#eff4ff;--a1:#93b4f5;--a2:#1d4ed8;--a3:#c2410c;--up:#047857;--dn:#c2410c;
  container-type:inline-size;box-sizing:border-box;width:100%;background:var(--bg);color:var(--tx);border:1px solid var(--ln);border-radius:12px;
  font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;text-align:left;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06)}
.qlc.dark{--bg:#111827;--tx:#f3f4f6;--mu:#9ca3af;--ln:#1f2937;--in:#0b1220;--ac:#60a5fa;--acs:rgba(96,165,250,.14);--a1:#1e3a8a;--a2:#60a5fa;--a3:#fb923c;--up:#34d399;--dn:#fb923c}
.qlc *,.qlc *:before,.qlc *:after{box-sizing:border-box}
.qlc .qc-hd{padding:14px 16px 0;font-weight:700;font-size:16px;margin:0;color:var(--tx)}
.qlc .qc-bd{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:12px 16px 16px}
.qlc .qc-f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;align-content:start}
.qlc .qc-f .wide{grid-column:1/-1}
@container (min-width:600px){.qlc .qc-bd{grid-template-columns:250px minmax(0,1fr)}.qlc .qc-f{grid-template-columns:minmax(0,1fr)}}
.qlc label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:12.5px;line-height:1.3;color:var(--mu);font-weight:600;text-transform:none;letter-spacing:0}
.qlc .qc-ip{display:flex;align-items:center;border:1px solid var(--ln);border-radius:8px;background:var(--in);padding:0 9px;height:36px}
.qlc .qc-ip:focus-within{border-color:var(--ac);box-shadow:0 0 0 3px var(--acs)}
.qlc .qc-ip span{color:var(--mu);font-size:13px;font-weight:500}
.qlc input{all:unset;flex:1;min-width:0;width:100%;height:100%;font-family:inherit;font-size:14px;font-weight:600;color:var(--tx);font-variant-numeric:tabular-nums;padding:0 4px}
.qlc select{flex:1;min-width:0;height:100%;border:0;background:transparent;font:600 14px inherit;font-family:inherit;color:var(--tx)}
.qlc details{margin:0}
.qlc .qc-f>details{grid-column:1/-1;border-top:1px solid var(--ln);padding-top:8px}
.qlc summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ac);list-style:none;padding:0;margin:0}
.qlc summary::-webkit-details-marker{display:none}
.qlc summary:before{content:"\25B8\00a0\00a0"}.qlc details[open]>summary:before{content:"\25BE\00a0\00a0"}
.qlc details>.qc-f{margin-top:10px}
.qlc .qc-k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qlc .qc-k>div{border:1px solid var(--ln);border-radius:10px;padding:9px 11px;min-width:0}
.qlc .qc-k .big{grid-column:1/-1;background:var(--acs);border-color:transparent}
.qlc .qc-k .wide{grid-column:1/-1}
.qlc .qc-k small{display:block;font-size:12px;color:var(--mu);margin:0 0 1px}
.qlc .qc-k b{font-size:17px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.qlc .qc-k .big>b{font-size:26px;color:var(--ac)}
.qlc .qc-k em{font-style:normal;font-size:12px;color:var(--mu)}
.qlc .qc-ch{position:relative;margin-top:12px}.qlc .qc-ch svg{display:block;width:100%;overflow:visible}
.qlc .qc-lg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--mu);margin-top:4px}
.qlc .qc-lg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.qlc .qc-lg i.ln{height:0;border-top:2px dashed;border-radius:0;vertical-align:3px;width:14px}
.qlc .qc-tip{position:absolute;top:0;left:0;pointer-events:none;background:var(--bg);color:var(--tx);border:1px solid var(--ln);border-radius:8px;padding:6px 8px;font-size:12px;line-height:1.45;box-shadow:0 2px 8px rgba(0,0,0,.12);white-space:nowrap;display:none;font-variant-numeric:tabular-nums;z-index:2}
.qlc h3{font-size:13px;margin:16px 0 6px;color:var(--tx);font-weight:700}
.qlc .qc-sens{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.qlc .qc-sens div{border:1px solid var(--ln);border-radius:8px;padding:6px 4px;text-align:center;font-size:12px;color:var(--mu)}
.qlc .qc-sens b{display:block;color:var(--tx);font-size:13px;font-variant-numeric:tabular-nums}
.qlc .qc-sens .on{border-color:var(--ac);background:var(--acs)}
@container (max-width:420px){.qlc .qc-sens{grid-template-columns:repeat(3,minmax(0,1fr))}.qlc .qc-sens div:first-child,.qlc .qc-sens div:last-child{display:none}}
.qlc table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums;margin:8px 0 0;background:none}
.qlc th,.qlc td{text-align:right;padding:5px 6px;border:0;border-bottom:1px solid var(--ln);color:var(--tx);background:none}
.qlc th:first-child,.qlc td:first-child{text-align:left}.qlc th{color:var(--mu);font-weight:600;position:sticky;top:0;background:var(--bg)}
.qlc .qc-tw{max-height:280px;overflow:auto}
.qlc .qc-tbl{margin-top:12px}
.qlc .qc-msg{font-size:12.5px;color:var(--mu);margin:8px 0 0}
.qlc .qc-ft{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 16px;border-top:1px solid var(--ln);font-size:12px;color:var(--mu)}
.qlc .qc-ft a{color:var(--ac);font-weight:600;text-decoration:none}
.qlc .qc-ft a:hover{text-decoration:underline}
@container (max-width:340px){.qlc .qc-f{grid-template-columns:minmax(0,1fr)}.qlc .qc-k .big b{font-size:22px}}
.qlc .qc-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--ln);border-radius:8px;overflow:hidden;background:var(--in)}
.qlc .qc-seg button{all:unset;cursor:pointer;font-size:13px;font-weight:600;color:var(--mu);padding:7px 12px;line-height:1.2}
.qlc .qc-seg button+button{border-left:1px solid var(--ln)}
.qlc .qc-seg button[aria-pressed="true"]{background:var(--acs);color:var(--ac)}
.qlc .qc-seg button:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}
.qlc .qc-tabs{padding:10px 16px 0}
.qlc input[type=date]{min-width:0;font-size:13.5px}
.qlc input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}
.qlc.dark input[type=date]{color-scheme:dark}
.qlc .qc-tk{grid-column:1/-1;border:1px dashed var(--ln);border-radius:10px;padding:10px;display:grid;gap:8px}
.qlc .qc-tk .qc-tkr{display:flex;gap:8px}.qlc .qc-tk .qc-tkr .qc-ip{flex:1}
.qlc .qc-tk input[data-k=tk]:not(:placeholder-shown){text-transform:uppercase}
.qlc .qc-b{all:unset;cursor:pointer;font-size:13px;font-weight:600;color:#fff;background:var(--ac);border-radius:8px;padding:0 12px;height:36px;display:inline-flex;align-items:center}
.qlc.dark .qc-b{color:#0b1220}
.qlc .qc-b:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.qlc .qc-lk{all:unset;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ac)}
.qlc .qc-x{all:unset;cursor:pointer;color:var(--mu);font-size:16px;line-height:1;padding:0 4px;align-self:center}
.qlc .qc-x:hover{color:var(--dn)}
.qlc .qc-tkm{font-size:12px;color:var(--mu);margin:0;line-height:1.4}.qlc .qc-tkm.err{color:var(--dn)}
.qlc .qc-tkm a{color:var(--ac)}
.qlc .qc-rows{grid-column:1/-1;display:grid;gap:6px}
.qlc .qc-row{display:grid;gap:6px;align-items:center}
.qlc .qc-row .qc-ip{height:34px;padding:0 7px}
.qlc .qc-row select,.qlc .qc-row input{font-size:13px}
.qlc .qc-rh{font-size:11.5px;color:var(--mu);font-weight:600}
.qlc .qc-warn{grid-column:1/-1;font-size:12.5px;color:var(--dn);margin:0}
.qlc .qc-note{font-size:12px;color:var(--mu);margin:8px 0 0;line-height:1.45}
.qlc .up{color:var(--up)}.qlc .dn{color:var(--dn)}
.qlc .qc-flag{display:inline-block;font-size:11px;font-weight:700;border-radius:5px;padding:1px 5px;background:var(--acs);color:var(--ac)}
.qlc .qc-flag.off{background:rgba(194,65,12,.12);color:var(--dn)}
.qlc .qc-bars{margin-top:12px;display:grid;gap:8px}
.qlc .qc-bar{display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px;align-items:center;font-size:12px;color:var(--mu)}
.qlc .qc-bar>div{display:flex;height:22px;border-radius:6px;overflow:hidden;background:var(--in)}
.qlc .qc-bar span{display:block;height:100%}
.qlc .qc-tb2{overflow-x:auto}
.qlc .qc-tb2 table{min-width:520px}
.qlc .qc-lb{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:12.5px;line-height:1.3;color:var(--mu);font-weight:600}
.qlc .qc-bd.qc-w1{grid-template-columns:minmax(0,1fr)}
@container (min-width:600px){.qlc .qc-bd.qc-w1{grid-template-columns:minmax(0,1fr)}.qlc .qc-bd.qc-w1 .qc-f{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@container (min-width:860px){.qlc .qc-bd.qc-w1{grid-template-columns:390px minmax(0,1fr)}}
.qlc .qc-ac{position:absolute;left:-1px;right:-1px;top:calc(100% + 4px);z-index:20;list-style:none;margin:0;padding:4px;background:var(--bg);border:1px solid var(--ln);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);min-width:240px}
.qlc .qc-ac li{display:flex;align-items:baseline;gap:8px;padding:6px 8px;border-radius:7px;cursor:pointer;font-size:13px;color:var(--tx);white-space:nowrap;overflow:hidden}
.qlc .qc-ac li b{flex:none;min-width:48px}
.qlc .qc-ac li span{color:var(--mu);overflow:hidden;text-overflow:ellipsis;flex:1}
.qlc .qc-ac li i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--ac);background:var(--acs);border-radius:4px;padding:0 4px}
.qlc .qc-ac li:hover,.qlc .qc-ac li[aria-selected="true"]{background:var(--acs)}
.qlc .qc-k em b{font-size:inherit;font-weight:700}