/* Koke Core components. Tokens fall back to the Koke palette if another theme is active. */
:root{
	--k-navy:var(--wp--preset--color--navy,#0E2236);
	--k-ink:var(--wp--preset--color--navy,#0E2236);
	--k-teal:var(--wp--preset--color--teal,#0A5C55);
	--k-green:var(--wp--preset--color--green,#11774A);
	--k-green-dark:#0B5C38;
	--k-mint:var(--wp--preset--color--mint,#DDF0E6);
	--k-amber-ink:var(--wp--preset--color--amber-ink,#8A4B05);
	--k-amber-wash:var(--wp--preset--color--amber-wash,#FFF3D9);
	--k-surface:var(--wp--preset--color--surface,#EFF5F3);
	--k-line:var(--wp--preset--color--line,#D2DDDA);
	--k-text:var(--wp--preset--color--body-text,#172630);
	--k-muted:#4B5F67;
	--k-red:#A12A1F;
	--k-field:#7D8F96;
	--k-r-lg:20px;--k-r:14px;--k-r-sm:10px;
	--k-display:var(--wp--preset--font-family--display,system-ui);
}
:where([class^="koke-"],[class*=" koke-"]),:where([class^="koke-"],[class*=" koke-"]) *,:where([class^="koke-"],[class*=" koke-"]) *::before,:where([class^="koke-"],[class*=" koke-"]) *::after{box-sizing:border-box}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.koke-num,.koke-facts dd,.koke-calc__out dd,.koke-ledger td,.koke-ticket output,.koke-ticket dd{font-variant-numeric:tabular-nums lining-nums}

/* ---------- Buttons ---------- */
.koke-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.25rem;border-radius:12px;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;border:2px solid transparent;cursor:pointer;gap:.4rem;font-family:inherit;transition:background-color .15s,border-color .15s,color .15s}
.koke-btn--lg{min-height:56px;font-size:1.125rem;padding-inline:1.6rem}
.koke-btn--primary{background:var(--k-green);color:#fff}
.koke-btn--primary:hover,.koke-btn--primary:focus-visible{background:var(--k-green-dark);color:#fff}
.koke-btn--outline{background:#fff;color:var(--k-ink);border-color:var(--k-ink)}
.koke-btn--outline:hover{background:var(--k-surface)}
.koke-btn--outline[aria-pressed="true"]{background:var(--k-ink);color:#fff}
.koke-btn--ghost{background:transparent;color:var(--k-teal);text-decoration:underline;text-underline-offset:3px}
.koke-btn--on-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.koke-btn--on-dark:hover{background:rgba(255,255,255,.1);color:#fff}
.koke-btn:disabled{opacity:.55;cursor:not-allowed}
.koke-link-btn{background:none;border:0;color:var(--k-teal);text-decoration:underline;cursor:pointer;font:inherit;padding:.25rem;min-height:32px}
:where(.koke-btn,.koke-link-btn,a,input,select,button,summary,textarea):focus-visible{outline:3px solid #2E8F86;outline-offset:2px}

/* ---------- Notices ---------- */
.koke-warning{background:var(--k-amber-wash);color:#6B3A03;border-left:4px solid var(--k-amber-ink);padding:.9rem 1.1rem;border-radius:0 var(--k-r-sm) var(--k-r-sm) 0}
.koke-warning a{color:var(--k-amber-ink);font-weight:700}
.koke-notice{background:var(--k-surface);border:1px solid var(--k-line);padding:.9rem 1.1rem;border-radius:var(--k-r-sm)}
.koke-disclosure,.koke-fineprint{font-size:.875rem;color:var(--k-muted);line-height:1.5}
.koke-error{color:var(--k-red);font-size:.875rem;font-weight:600;margin:.2rem 0 0;min-height:0}
.koke-error:empty{display:none}
.koke-help{font-size:.875rem;color:var(--k-muted);margin:.2rem 0 0}
.koke-answer{background:var(--k-surface);border-left:4px solid var(--k-teal);padding:1.1rem 1.25rem;border-radius:0 var(--k-r) var(--k-r) 0;font-size:var(--wp--preset--font-size--lead,1.1875rem);line-height:1.55;color:var(--k-ink)}
.koke-answer p{margin:0 0 .4rem}
.koke-answer p:last-child{margin:0}
.koke-answer--plain{background:none;border:0;padding:0;color:var(--k-text)}
.koke-reviewed{font-size:.875rem;color:var(--k-muted)}

/* ---------- Labels and badges ---------- */
.koke-label{display:inline-block;font-size:.75rem;font-weight:700;padding:.15rem .55rem;border-radius:6px}
.koke-label--paid{background:#E6ECEF;color:var(--k-ink);border:1px solid var(--k-line)}
.koke-badge{display:inline-block;font-size:.8125rem;font-weight:700;padding:.15rem .6rem;border-radius:999px;border:1px solid}
.koke-badge--ok{color:var(--k-green);border-color:#9CCDB2;background:var(--k-mint)}
.koke-badge--wait{color:var(--k-amber-ink);border-color:#E9B04F;background:var(--k-amber-wash)}
.koke-badge--bad{color:var(--k-red);border-color:#E3A59E;background:#FBECEA}
.koke-chip-fact{display:block;font-size:.75rem;font-weight:700;color:var(--k-teal);margin-top:.25rem}

/* ---------- Grid and cards ---------- */
.koke-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.koke-lender-card,.koke-card{background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r);padding:1.25rem;display:flex;flex-direction:column;gap:.9rem}
.koke-lender-card:hover{border-color:#9DB3AE}
.koke-lender-card.is-paid{border:2px solid var(--k-ink)}
.koke-lender-card__head{display:flex;gap:.9rem;align-items:center}
.koke-lender-card__head img{width:96px;height:48px;object-fit:contain;background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r-sm);padding:.3rem}
.koke-lender-card h3{margin:0;font-size:1.25rem}
.koke-lender-card h3 a{color:var(--k-ink);text-decoration:none}
.koke-lender-card h3 a:hover{text-decoration:underline}
.koke-rating{margin:.15rem 0 0;font-size:.9375rem;font-weight:700;color:var(--k-ink)}
.koke-rating span{color:#B7791F}
.koke-facts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem;margin:0}
.koke-facts--wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.koke-facts div{border-top:1px solid var(--k-line);padding-top:.45rem}
.koke-facts dt{font-size:.8125rem;color:var(--k-muted)}
.koke-facts dd{margin:0;font-weight:700;color:var(--k-ink)}
.koke-lender-card .koke-facts div:first-child dd{color:var(--k-amber-ink)}
.koke-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.koke-lender-card .koke-actions .koke-btn--primary{flex:1 1 100%}
.koke-lender-card .koke-btn--ghost{padding-inline:.25rem}
.koke-lender-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}
.koke-licence-summary{margin:0;font-size:.875rem}

/* ---------- Chips ---------- */
.koke-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.koke-chips a,.koke-chips li:not(:has(a)){display:inline-flex;align-items:center;padding:.45rem .95rem;border:1.5px solid var(--k-line);border-radius:999px;text-decoration:none;color:var(--k-ink);font-weight:700;min-height:42px;background:#fff}
.koke-chips a:hover{border-color:var(--k-ink)}
.koke-chip-btn{min-height:40px;padding:.35rem .85rem;border:1.5px solid var(--k-line);border-radius:999px;background:#fff;color:var(--k-ink);font-family:inherit;font-weight:700;font-size:.9375rem;line-height:1;cursor:pointer}
.koke-chip-btn[aria-pressed="true"]{background:var(--k-ink);border-color:var(--k-ink);color:#fff}

/* ---------- Form fields ---------- */
.koke-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem;background:var(--k-surface);padding:1.25rem;border-radius:var(--k-r);margin-bottom:1.25rem}
.koke-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.koke-field--wide{grid-column:1/-1}
.koke-field--submit{flex-direction:row;align-items:end;gap:1rem}
.koke-field label,.koke-pills legend{font-weight:700;font-size:.9375rem;color:var(--k-ink)}
.koke-field input,.koke-field select,.koke-field textarea{width:100%;min-height:52px;padding:.55rem .8rem;border:1.5px solid var(--k-field);border-radius:var(--k-r-sm);font:inherit;font-size:1.0625rem;background:#fff;color:var(--k-text)}
.koke-field select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230E2236' stroke-width='2'/%3E%3C/svg%3E") right .9rem center/12px no-repeat;padding-right:2.4rem}
.koke-field input:focus,.koke-field select:focus{border-color:var(--k-teal);box-shadow:0 0 0 3px rgba(10,92,85,.18);outline:0}
[aria-invalid="true"]{border-color:var(--k-red)!important;background-color:#FFF8F7!important}
.koke-pagination ul{list-style:none;display:flex;gap:.4rem;padding:0;flex-wrap:wrap}
.koke-pagination a,.koke-pagination span{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--k-line);border-radius:var(--k-r-sm);text-decoration:none}
.koke-pagination [aria-current]{background:var(--k-ink);color:#fff;border-color:var(--k-ink)}
.koke-segmented{display:inline-flex;border:1.5px solid var(--k-ink);border-radius:12px;overflow:hidden;margin-bottom:1rem}
.koke-segmented a{padding:.6rem 1rem;text-decoration:none;color:var(--k-ink);font-weight:700}
.koke-segmented [aria-current]{background:var(--k-ink);color:#fff}
.koke-check{display:flex;gap:.7rem;align-items:flex-start;margin:.55rem 0;line-height:1.45}
.koke-check input{flex:none;width:22px;height:22px;margin-top:.1rem;accent-color:var(--k-green)}
.koke-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Pills (radio groups) */
.koke-pills{border:0;padding:0;margin:0}
.koke-pills legend{padding:0;margin-bottom:.4rem}
.koke-pills__row{display:flex;flex-wrap:wrap;gap:.5rem}
.koke-pill{position:relative;cursor:pointer}
.koke-pill input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.koke-pill span{display:inline-flex;align-items:center;min-height:48px;padding:.5rem 1.1rem;border:1.5px solid var(--k-field);border-radius:999px;background:#fff;font-weight:700;color:var(--k-ink)}
.koke-pill input:checked+span{background:var(--k-mint);border-color:var(--k-green);box-shadow:inset 0 0 0 1px var(--k-green)}
.koke-pill input:focus-visible+span{outline:3px solid #2E8F86;outline-offset:2px}
.koke-pills[aria-invalid] .koke-pill span,.koke-pill input[aria-invalid] + span{border-color:var(--k-red)}

/* ---------- The cost ticket ---------- */
.koke-ticket{--notch:#fff;background:#fff;border:2px solid var(--k-ink);border-radius:var(--k-r-lg);box-shadow:10px 10px 0 var(--k-teal);overflow:hidden;color:var(--k-text);max-width:460px;width:100%;justify-self:end}
.koke-ticket__top{padding:1.4rem 1.5rem 1.5rem;display:grid;gap:1.1rem}
.koke-ticket__title{font-size:var(--wp--preset--font-size--h-4,1.25rem)!important;margin:0!important;font-weight:800}
.koke-ticket__amount{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 .75rem}
.koke-ticket__amount label{font-weight:700;color:var(--k-muted)}
.koke-ticket__amount output{font-family:var(--k-display);font-weight:800;font-size:clamp(2.75rem,6vw,3.5rem);line-height:1;color:var(--k-ink);letter-spacing:-.03em;justify-self:start}
.koke-ticket__amount input[type=range]{grid-column:1/-1;margin-top:.9rem}
.koke-ticket__scale{grid-column:1/-1;display:flex;justify-content:space-between;font-size:.75rem;color:var(--k-muted);margin-top:.15rem}
.koke-ticket input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;--fill:14%}
.koke-ticket input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(to right,var(--k-green) var(--fill),var(--k-line) var(--fill))}
.koke-ticket input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:var(--k-line)}
.koke-ticket input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:var(--k-green)}
.koke-ticket input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-10px;border-radius:50%;background:#fff;border:3px solid var(--k-ink);box-shadow:0 0 0 4px var(--k-mint)}
.koke-ticket input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--k-ink)}
.koke-ticket__stub{position:relative;background:var(--k-mint);border-top:2px dashed var(--k-ink);padding:1.4rem 1.5rem 1.5rem;display:grid;gap:.85rem}
.koke-ticket__stub::before,.koke-ticket__stub::after{content:"";position:absolute;top:-16px;width:30px;height:30px;border-radius:50%;background:var(--notch);border:2px solid var(--k-ink)}
.koke-ticket__stub::before{left:-17px}
.koke-ticket__stub::after{right:-17px}
.koke-ticket__cost{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0}
.koke-ticket__cost dt{font-size:.8125rem;font-weight:700;color:var(--k-muted);line-height:1.3}
.koke-ticket__cost dd{margin:.2rem 0 0;font-family:var(--k-display);font-weight:800;font-size:1.875rem;line-height:1.05;color:var(--k-ink)}
.koke-ticket__cost div:first-child dd{color:var(--k-amber-ink)}
.koke-ticket__note{margin:0;font-size:.8125rem;color:var(--k-muted)}
.koke-ticket__go{width:100%;min-height:58px;font-size:1.1875rem}
.koke-ticket__fine{margin:0;font-size:.75rem;color:var(--k-muted);line-height:1.45}
.koke-band--mist .koke-ticket{--notch:var(--k-surface)}
@media (max-width:900px){.koke-ticket{justify-self:stretch;max-width:none;box-shadow:6px 6px 0 var(--k-teal)}}

/* ---------- Province ledger ---------- */
.koke-ledger-wrap{margin-top:1.5rem;background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r-lg);overflow:hidden}
.koke-ledger{width:100%;border-collapse:collapse}
.koke-ledger caption{caption-side:bottom;text-align:left;padding:.85rem 1.25rem;font-size:.8125rem;color:var(--k-muted);border-top:1px solid var(--k-line)}
.koke-ledger thead th{font-size:.8125rem;font-weight:700;color:var(--k-muted);text-align:left;padding:.9rem 1.25rem;border-bottom:2px solid var(--k-ink)}
.koke-ledger tbody th,.koke-ledger td{padding:.85rem 1.25rem;border-bottom:1px solid var(--k-line);text-align:left;vertical-align:middle}
.koke-ledger tbody tr:last-child>*{border-bottom:0}
.koke-ledger tbody tr:hover{background:#F7FAF9}
.koke-ledger tbody th{font-family:var(--k-display);font-size:1.1875rem;font-weight:700}
.koke-ledger tbody th a{color:var(--k-ink);text-decoration:none}
.koke-ledger tbody th a:hover{text-decoration:underline;color:var(--k-green)}
.koke-ledger td:nth-child(2){font-family:var(--k-display);font-weight:800;font-size:1.25rem;color:var(--k-amber-ink)}
.koke-ledger td:nth-child(3){font-weight:700;color:var(--k-ink)}
.koke-ledger td:last-child{font-size:.875rem;color:var(--k-muted);max-width:26ch}
.koke-ledger-note{margin-top:1rem;font-size:.9375rem;color:var(--k-muted)}
@media (max-width:781px){
	.koke-ledger thead{position:absolute;left:-9999px}
	.koke-ledger tr{display:grid;grid-template-columns:auto auto 1fr;gap:.1rem 1.25rem;padding:.85rem 1rem;border-bottom:1px solid var(--k-line)}
	.koke-ledger tbody th,.koke-ledger td{display:block;padding:0;border:0}
	.koke-ledger tbody th{grid-column:1/-1;margin-bottom:.25rem;font-size:1.125rem}
	.koke-ledger td::before{content:attr(data-label);display:block;font-family:var(--wp--preset--font-family--body);font-size:.75rem;font-weight:700;color:var(--k-muted)}
	.koke-ledger td:nth-child(2){font-size:1.125rem}
	.koke-ledger td:nth-child(4){font-size:.9375rem}
	.koke-ledger td:last-child{display:none}
}

/* ---------- Tables ---------- */
.koke-table-wrap{overflow-x:auto;border:1px solid var(--k-line);border-radius:var(--k-r)}
.koke-table{width:100%;border-collapse:collapse;font-size:.9375rem}
.koke-table th,.koke-table td{border-bottom:1px solid var(--k-line);padding:.7rem .85rem;text-align:left;vertical-align:top}
.koke-table thead th{background:var(--k-surface);color:var(--k-ink)}
.koke-table tr:last-child>*{border-bottom:0}
.koke-rules th{width:40%;color:var(--k-ink)}
.koke-rules-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0}
.koke-rules-strip div{background:#fff;border:1.5px solid var(--k-line);border-radius:var(--k-r-sm);padding:.55rem .9rem}
.koke-rules-strip dt{font-size:.75rem;font-weight:700;color:var(--k-muted)}
.koke-rules-strip dd{margin:0;font-family:var(--k-display);font-weight:800;font-size:1.1875rem;color:var(--k-ink)}

/* ---------- Compare ---------- */
.koke-compare__scroll{overflow:auto;max-height:80vh;border:1px solid var(--k-line);border-radius:var(--k-r)}
.koke-compare__table thead th{position:sticky;top:0;z-index:2;background:#fff;box-shadow:0 2px 0 var(--k-ink);min-width:200px}
.koke-compare__table tbody th{position:sticky;left:0;z-index:1;background:var(--k-surface);min-width:150px}
.koke-compare__table thead th:first-child{left:0;z-index:3}
.koke-compare__lender img{display:block;margin-bottom:.25rem}
.koke-compare__table ul{margin:0;padding-left:1.1rem}
@media (max-width:767px){
	.koke-compare__table thead th{min-width:72vw}
	.koke-compare__scroll{scroll-snap-type:x mandatory}
	.koke-compare__table td,.koke-compare__table thead th{scroll-snap-align:start}
}

/* ---------- Calculator ---------- */
.koke-calc{background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r-lg);padding:clamp(1.1rem,3vw,1.75rem);display:grid;gap:1.25rem;margin-top:1.25rem}
.koke-calc__inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}
.koke-calc__out{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin:0}
.koke-calc__out div{background:var(--k-surface);border-radius:var(--k-r);padding:.9rem 1rem}
.koke-calc__out dt{font-size:.8125rem;font-weight:700;color:var(--k-muted)}
.koke-calc__out dd{margin:.15rem 0 0;font-family:var(--k-display);font-size:1.625rem;font-weight:800;color:var(--k-ink)}

/* ---------- Funnel (lender matching) ---------- */
.koke-funnel{max-width:680px;background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r-lg);padding:1.5rem}
.koke-progress{height:6px;background:var(--k-line);border-radius:999px;overflow:hidden}
.koke-progress span{display:block;height:100%;background:var(--k-green);transition:width .25s}
.koke-step-count{font-size:.875rem;color:var(--k-muted);margin:.4rem 0 0}
.koke-step{border:0;padding:0;margin:0 0 1rem}
.koke-step legend{font-family:var(--k-display);font-size:1.5rem;font-weight:800;color:var(--k-ink);margin-bottom:.6rem}
.koke-options{display:grid;gap:.5rem}
.koke-option{display:flex;align-items:center;gap:.7rem;border:1.5px solid var(--k-line);border-radius:var(--k-r-sm);padding:.8rem;min-height:54px;cursor:pointer}
.koke-option:has(input:checked){border-color:var(--k-green);background:var(--k-mint)}
.koke-option input{width:22px;height:22px;accent-color:var(--k-green)}
.koke-funnel__nav{display:flex;gap:.5rem;justify-content:space-between}
.koke-branch{margin-top:.75rem}
.koke-branch:not([hidden]){background:var(--k-amber-wash);color:#6B3A03;padding:.8rem 1rem;border-radius:var(--k-r-sm)}

/* ---------- FAQ ---------- */
.koke-faq{border-top:2px solid var(--k-ink)}
.koke-faq details{border-bottom:1px solid var(--k-line)}
.koke-faq summary{cursor:pointer;list-style:none;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.koke-faq summary::-webkit-details-marker{display:none}
.koke-faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--k-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%230E2236' stroke-width='2'/%3E%3C/svg%3E") center/11px no-repeat}
.koke-faq details[open] summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 6h10' stroke='%230E2236' stroke-width='2'/%3E%3C/svg%3E")}
.koke-faq summary h3{margin:0;font-size:1.125rem;font-family:var(--k-display);font-weight:700;color:var(--k-ink)}
.koke-faq details>*:not(summary){max-width:70ch}
.koke-faq details[open]{padding-bottom:.6rem}

/* ---------- Profile ---------- */
.koke-profile__head{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.koke-proscons{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.koke-bar{display:grid;grid-template-columns:130px 1fr 40px;gap:.5rem;align-items:center}
.koke-bar meter{width:100%;height:14px}
.koke-help-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.koke-map__canvas{height:360px;border-radius:var(--k-r)}
.koke-cta{background:var(--k-ink);color:#E8EEF0;padding:clamp(1.5rem,4vw,2.25rem);border-radius:var(--k-r-lg);display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:1.25rem 2rem;align-items:center;margin-top:2.5rem}
.koke-cta h2{color:#fff;margin:0 0 .5rem}
.koke-cta p{margin:0}
.koke-cta__actions{display:grid;gap:.6rem}
@media (max-width:781px){.koke-cta{grid-template-columns:1fr}}

/* ---------- Compare tray ---------- */
.koke-tray{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:2px solid var(--k-ink);padding:.6rem 1rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between}
.koke-tray[hidden]{display:none}
.koke-tray__list{display:flex;gap:.5rem;list-style:none;margin:0;padding:0;overflow-x:auto}
.koke-tray__list li{display:flex;align-items:center;gap:.25rem;background:var(--k-surface);border-radius:999px;padding:.2rem .6rem;white-space:nowrap}
body.has-koke-tray{padding-bottom:72px}

/* ---------- Apply page ---------- */
.koke-apply{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(1.5rem,4vw,3rem);align-items:start}
.koke-apply__main{display:grid;gap:1.25rem;min-width:0}
.koke-apply__chosen{display:flex;gap:1rem;align-items:flex-start;background:var(--k-surface);border-radius:var(--k-r);padding:1rem 1.15rem}
.koke-apply__chosen img{width:96px;height:48px;object-fit:contain;flex:none;background:#fff;border-radius:8px;padding:.25rem}
.koke-apply__chosen p{margin:0 0 .4rem}
.koke-apply__form{background:#fff;border:2px solid var(--k-ink);border-radius:var(--k-r-lg);padding:clamp(1.15rem,3.5vw,2rem);display:grid;gap:1.5rem;box-shadow:8px 8px 0 var(--k-teal)}
.koke-apply__progress ol{list-style:none;margin:0 0 .9rem;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.koke-apply__progress li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--k-muted)}
.koke-apply__progress li span{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid var(--k-line);font-size:.8125rem;background:#fff}
.koke-apply__progress li[aria-current] {color:var(--k-ink)}
.koke-apply__progress li[aria-current] span{background:var(--k-ink);border-color:var(--k-ink);color:#fff}
.koke-apply__progress li.is-done span{background:var(--k-green);border-color:var(--k-green);color:#fff}
@media (max-width:600px){.koke-apply__progress li{font-size:0;gap:0}.koke-apply__progress li span{font-size:.8125rem}.koke-apply__progress ol{grid-template-columns:repeat(4,auto);justify-content:space-between}}
.koke-apply__step{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.25rem}
.koke-apply__step>legend{font-family:var(--k-display);font-size:var(--wp--preset--font-size--h-3,1.5rem);font-weight:800;color:var(--k-ink);padding:0;margin-bottom:1rem;outline:0}
.koke-apply__step>.koke-field.koke-amount,.koke-apply__step>.koke-pills,.koke-apply__step>.koke-apply__nav,.koke-apply__step>.koke-apply__consent,.koke-apply__step>.koke-apply__branch{grid-column:1/-1}
.koke-apply__branch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.25rem}
.koke-apply__branch[hidden]{display:none}
.koke-apply__form.is-wizard .koke-apply__step[hidden]{display:none}
@media (max-width:600px){.koke-apply__step,.koke-apply__branch{grid-template-columns:1fr}}
.koke-amount__box{display:flex;align-items:center;border:1.5px solid var(--k-field);border-radius:var(--k-r-sm);padding-left:1rem;max-width:260px;background:#fff}
.koke-amount__box:focus-within{border-color:var(--k-teal);box-shadow:0 0 0 3px rgba(10,92,85,.18)}
.koke-amount__box span{font-family:var(--k-display);font-size:2rem;font-weight:800;color:var(--k-ink)}
.koke-field .koke-amount__box input{border:0;box-shadow:none;font-family:var(--k-display);font-size:2rem;font-weight:800;color:var(--k-ink);min-height:64px;padding-left:.3rem}
.koke-amount__quick{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.4rem}
.koke-apply__nav{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--k-line)}
.koke-apply__nav .koke-btn--primary{margin-left:auto;min-width:11rem;min-height:54px}
.koke-apply__consent{display:grid;gap:0;background:var(--k-surface);border-radius:var(--k-r);padding:1rem 1.15rem}
.koke-optional{margin:.75rem 0 0;font-size:.875rem;font-weight:700;color:var(--k-muted)}
.koke-apply__msg{margin:0}
.koke-apply__side{position:sticky;top:96px;display:grid;gap:1rem}
.koke-apply__side h2{font-size:var(--wp--preset--font-size--h-4,1.25rem);margin:0}
.koke-apply__next{list-style:none;padding:0;margin:0;display:grid;gap:.85rem;counter-reset:n}
.koke-apply__next li{counter-increment:n;position:relative;padding-left:2.4rem;font-size:.9375rem;color:var(--k-muted)}
.koke-apply__next li strong{display:block;color:var(--k-ink)}
.koke-apply__next li::before{content:counter(n);position:absolute;left:0;top:0;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--k-mint);color:var(--k-green);font-weight:800;display:grid;place-items:center;font-size:.8125rem}
.koke-apply__result{outline:0}
.koke-apply-going{background:var(--k-mint);border-radius:var(--k-r-lg);padding:2rem}
.koke-apply-going h2{margin-top:0}
.koke-apply-result h2{margin-top:0}
@media (max-width:900px){.koke-apply{grid-template-columns:1fr}.koke-apply__side{position:static}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.koke-licence-check{font-size:.8125rem;font-weight:700;margin-left:.25rem}
.koke-others{margin-top:2.5rem;padding-top:1.5rem;border-top:2px solid var(--k-line)}.koke-others h2{margin-top:0}