/* Landlord Sums: licensing section.
   Loads AFTER /assets/site.css and uses its tokens (--ink, --panel, --rule, --signal, --mark, --good,
   --warn, --sign, --text, --fig), so light/dark and the to-let-board look come from the main site.
   Fallback values only apply if site.css is missing. */

.ls{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:28px 48px}
.ls-input,.ls-select{max-width:100%}
.ls > .crumbs{margin-bottom:-14px}
.ls .intro{margin-bottom:0}
.ls h2{font:800 clamp(24px,3.2vw,30px)/1 var(--sign,"Barlow Condensed",sans-serif);text-transform:uppercase;letter-spacing:.02em;margin:0;text-wrap:balance}
.ls h3{font:800 20px/1.05 var(--sign,"Barlow Condensed",sans-serif);text-transform:uppercase;letter-spacing:.02em;margin:0}
.ls-sec{display:grid;gap:14px}
.ls-meta{font:600 13px var(--fig,monospace);color:var(--soft,#56627A)}
.ls-meta a{color:inherit}

/* Quick answers: one sign per property type */
.ls-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:760px){.ls-answers{grid-template-columns:minmax(0,1fr)}}
.ls-ans{background:var(--panel,#fff);border:1px solid var(--rule,#D3D8E0);border-top:6px solid var(--soft,#56627A);padding:16px 18px;display:grid;gap:6px;align-content:start;min-width:0}
.ls-ans.yes{border-top-color:var(--signal,#D7262B)}
.ls-ans.maybe{border-top-color:var(--mark,#FFC933)}
.ls-ans.no{border-top-color:var(--good,#1E7A4C)}
.ls-ans .who{font:700 13px/1 var(--sign,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--soft,#56627A)}
.ls-ans .verdict{font:800 26px/1 var(--sign,sans-serif);text-transform:uppercase;letter-spacing:.01em}
.ls-ans.yes .verdict{color:var(--signal,#D7262B)}
.ls-ans.no .verdict{color:var(--good,#1E7A4C)}
.ls-ans p{margin:0;font-size:15px;color:var(--soft,#56627A)}

/* Notices */
.ls-prs{background:var(--board,#0E1B33);color:var(--board-ink,#fff);border-left:6px solid var(--mark,#FFC933);padding:16px 20px;display:grid;gap:4px}
.ls-prs strong{font:800 22px/1.05 var(--sign,sans-serif);text-transform:uppercase;letter-spacing:.02em}
.ls-prs span{font-size:15px;opacity:.9}
.ls-k{font:600 14px var(--fig,monospace);color:var(--mark,#FFC933)}
.ls-watch{margin:0;background:var(--panel,#fff);border:1px solid var(--rule,#D3D8E0);border-left:6px solid var(--mark,#FFC933);padding:12px 16px;font-size:15px}
.ls-watch b{font:800 15px var(--sign,sans-serif);letter-spacing:.08em;text-transform:uppercase}

/* Scheme cards */
.ls-schemes{display:grid;gap:14px}
.ls-scheme{background:var(--panel,#fff);border:1px solid var(--rule,#D3D8E0);border-top:4px solid var(--ink,#0E1B33);padding:16px 20px;display:grid;gap:12px;min-width:0}
.ls-scheme .top{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;align-items:center}
.ls-pill{font:700 13px/1 var(--sign,sans-serif);letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;white-space:nowrap;border:1.5px solid currentColor}
.ls-pill.live{color:var(--good,#1E7A4C)}
.ls-pill.soon{color:var(--ink,#0E1B33);background:var(--mark,#FFC933);border-color:var(--mark,#FFC933)}
.ls-pill.ending{color:var(--signal,#D7262B)}
.ls-pill.ended{color:var(--soft,#56627A)}
:root[data-theme="dark"] .ls-pill.soon{color:#0E1B33}
.ls-kv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 14px;margin:0;font-size:15px}
.ls-kv dt{font:700 13px/1.6 var(--sign,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--soft,#56627A)}
.ls-kv dd{margin:0;min-width:0}
.ls-num{font:600 14px var(--fig,monospace);font-variant-numeric:tabular-nums}
.ls-wards{display:flex;flex-wrap:wrap;gap:5px}
.ls-ward{font-size:14px;padding:2px 8px;background:var(--ground,#EEF0F3);border:1px solid var(--rule,#D3D8E0)}
.ls-tag{font:700 12px/1 var(--sign,sans-serif);letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;white-space:nowrap;display:inline-block}
.ls-tag.S{background:var(--signal,#D7262B);color:#fff}
.ls-tag.A{background:var(--ink,#0E1B33);color:var(--panel,#fff)}
.ls-tag.M{border:1.5px solid var(--rule,#D3D8E0);color:var(--soft,#56627A)}
.ls-tag.U{background:var(--mark,#FFC933);color:#0E1B33}
.ls-tag+.ls-tag{margin-left:4px}

/* Postcode checker: same shape as a calculator panel */
.ls-checker{background:var(--panel,#fff);border:1px solid var(--rule,#D3D8E0);border-top:4px solid var(--ink,#0E1B33);padding:20px;display:grid;gap:14px}
.ls-form{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.ls-form label{flex-basis:100%;font:700 14px/1 var(--sign,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--soft,#56627A)}
.ls-input,.ls-select{font:600 17px var(--text,sans-serif);padding:11px 12px;border:1.5px solid var(--rule,#D3D8E0);background:var(--panel,#fff);color:var(--ink,#0E1B33);min-width:0;border-radius:0}
.ls-input{flex:1 1 180px;text-transform:uppercase;font-family:var(--fig,monospace)}
.ls-select{flex:1 1 240px}
.ls-input:focus,.ls-select:focus{outline:none;border-color:var(--ink,#0E1B33);box-shadow:0 0 0 3px color-mix(in srgb,var(--mark,#FFC933) 55%,transparent)}
.ls-btn{font:800 18px/1 var(--sign,sans-serif);letter-spacing:.06em;text-transform:uppercase;padding:12px 22px;border:0;background:var(--signal,#D7262B);color:#fff;cursor:pointer;border-radius:0}
.ls-btn:hover{filter:brightness(1.08)}
.ls-btn:focus-visible{outline:3px solid var(--mark,#FFC933);outline-offset:2px}
.ls-or{align-self:center;font:700 14px var(--sign,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--soft,#56627A)}
.ls-msg{margin:0;font-size:15px;color:var(--soft,#56627A)}
.ls-msg:empty{display:none}
.ls-msg.err{color:var(--signal,#D7262B);font-weight:700}
.ls-result{display:grid;gap:14px;border-top:1px solid var(--rule,#D3D8E0);padding-top:16px}

/* Borough table */
.ls-tablewrap{overflow-x:auto;background:var(--panel,#fff);border:1px solid var(--rule,#D3D8E0)}
.ls-table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.ls-table th,.ls-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--rule,#D3D8E0);vertical-align:middle}
.ls-table th{font:700 13px var(--sign,sans-serif);text-transform:uppercase;letter-spacing:.1em;color:var(--soft,#56627A);background:var(--ground,#EEF0F3)}
.ls-table tr:last-child td{border-bottom:0}
.ls-table td:first-child a{font-weight:700;color:var(--ink,#0E1B33)}

/* Apply, CTA, sources */
.ls-text{margin:0;max-width:66ch}
.ls-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:760px){.ls-cta{grid-template-columns:minmax(0,1fr)}}
.ls-cta > div{background:var(--panel,#fff);border:1px solid var(--rule,#D3D8E0);border-top:4px solid var(--mark,#FFC933);padding:18px;display:grid;gap:8px;align-content:start}
.ls-cta p{margin:0;font-size:15px;color:var(--soft,#56627A)}
.ls-cta a{font-weight:700}
.ls-alert{display:flex;flex-wrap:wrap;gap:8px}
.ls-alert .ls-input{text-transform:none;font-family:var(--text,sans-serif)}
.ls-src{margin:0;padding-left:18px;font-size:14px;color:var(--soft,#56627A)}
.ls-src a{overflow-wrap:anywhere}
.ls-boroughs{columns:3 190px;gap:24px;margin:0;padding:0;list-style:none;font-size:15px}
.ls-boroughs li{break-inside:avoid;padding-block:3px}
.ls-disc{margin:0;font-size:13px;color:var(--soft,#56627A);border-top:1px solid var(--rule,#D3D8E0);padding-top:14px;max-width:84ch}
