/* Lead-gen pages (valuation, alerts, calculator, buyer/seller guides) + Arabic cluster guide blocks + shared tool links.
   Loaded after /css/lite.css and /css/cluster.css; uses their tokens (--ink, --night, --lantern, --lantern-2, --text, --muted, --line). */
.lg-nav{display:flex;gap:4px 18px;flex-wrap:wrap;margin-inline-start:auto}
.lg-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--text);text-decoration:none;font-size:15px}
.lg-nav a:hover,.lg-nav a[aria-current]{color:var(--lantern-2)}
.lg-nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--lantern);text-underline-offset:6px}
.lg-page .cl-nav .brand{margin-inline-end:0}
@media (max-width:1180px){.lg-nav{display:none}.lg-page .cl-nav .brand{margin-inline-end:auto}}

.lg-hero{padding:8px 0 clamp(32px,5vw,56px);max-width:860px}
.lg-hero h1{font-size:clamp(36px,5.4vw,64px);line-height:1.06;margin:.2em 0 .35em}.lite--ar .lg-hero h1{line-height:1.4}
.lg-hero .lead{max-width:40em}
.lg-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,56px);align-items:start}
.lg-grid>*{min-width:0}
@media (max-width:900px){.lg-grid{grid-template-columns:1fr}}

/* forms */
.lg-form{gap:22px;padding:clamp(20px,3vw,32px)}
.lg-q{border:0;margin:0;padding:0;min-width:0;display:grid;gap:10px}
.lg-q>legend,.lg-q>.lg-q__l{display:flex;align-items:center;gap:10px;padding:0;margin:0 0 4px;color:var(--text);font-weight:600;font-size:16px}
.lg-n{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid rgba(240,168,81,.4);color:var(--lantern-2);font:italic 400 15px/1 'Gloock',serif}
.lg-q small{color:var(--muted);font-size:14px;line-height:1.5}
.lg-chips{display:flex;flex-wrap:wrap;gap:10px}
.lg-chip{position:relative;cursor:pointer}
.lg-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.lg-chip span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(236,229,216,.24);color:var(--text);font-size:15px;line-height:1.2;transition:background-color .2s,border-color .2s,color .2s}
.lg-chip:hover span{border-color:var(--lantern)}
.lg-chip input:checked+span{background:var(--lantern);border-color:var(--lantern);color:var(--ink);font-weight:600}
.lg-chip input:focus-visible+span{outline:2px solid var(--lantern-2);outline-offset:3px}
.lg-chips--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
.lg-chips--grid .lg-chip span{width:100%;justify-content:center;text-align:center}
.lg-form textarea{font:inherit;color:var(--text);background:#1d2536;border:1px solid rgba(236,229,216,.2);border-radius:10px;padding:12px 14px;min-height:96px;width:100%;resize:vertical}
.lg-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lg-two>*{min-width:0}
@media (max-width:560px){.lg-two{grid-template-columns:1fr}}
.lg-form .btn{justify-self:start}
.lg-done{background:var(--night);border:1px solid rgba(240,168,81,.3);border-radius:18px;padding:28px}
.lg-err{color:#ffb4a2;margin:0;font-size:15px}

/* side panels */
.lg-aside{display:grid;gap:18px}
.lg-card{border:1px solid var(--line);border-radius:18px;padding:clamp(18px,2.4vw,26px);background:rgba(255,255,255,.02)}
.lg-card h2,.lg-card h3{font-size:clamp(20px,1.8vw,24px);margin:0 0 .5em}
.lg-card p{margin:.4em 0;color:#d9d1c3}
.lg-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:14px}
.lg-steps>li{counter-increment:s;position:relative;padding-inline-start:46px;color:#d9d1c3}
.lg-steps>li::before{content:counter(s);position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(240,168,81,.45);color:var(--lantern-2);font:italic 400 15px/1 'Gloock',serif}
.lg-steps b{color:var(--text);display:block}
.lg-steps--big>li{padding-block:2px 8px;border-bottom:1px solid rgba(236,229,216,.08)}
.lg-steps--big>li:last-child{border-bottom:0}

/* tables */
.lg-table-wrap{overflow-x:auto;margin-top:1rem;border:1px solid var(--line);border-radius:14px}
.lg-table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:520px}
.lg-table th,.lg-table td{padding:12px 16px;text-align:start;vertical-align:top;border-bottom:1px solid rgba(236,229,216,.08)}
.lg-table thead th{color:var(--muted);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.lite--ar .lg-table thead th{letter-spacing:0;text-transform:none;font-size:14px}
.lg-table tbody tr:last-child td{border-bottom:0}
.lg-table td:first-child{color:var(--text)}.lg-table td{color:#d9d1c3}
.lg-tag{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.7;vertical-align:1px;white-space:nowrap}
.lg-tag--ok{background:rgba(120,190,140,.14);color:#a9e0b7;border:1px solid rgba(120,190,140,.35)}
.lg-tag--warn{background:rgba(240,168,81,.12);color:var(--lantern-2);border:1px solid rgba(240,168,81,.4)}

/* calculator */
.lg-calc{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,3vw,40px);align-items:start}
.lg-calc>*{min-width:0}
@media (max-width:900px){.lg-calc{grid-template-columns:1fr}}
.lg-calc .f input,.lg-calc .f select{font-variant-numeric:tabular-nums}
.lg-res{position:sticky;top:96px;display:grid;gap:16px}
.lg-big{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lg-big div{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--night)}
.lg-big dt{color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.lite--ar .lg-big dt{letter-spacing:0;text-transform:none;font-size:14px}
.lg-big dd{margin:.25em 0 0;font:400 clamp(22px,2.2vw,30px)/1.15 'Gloock',serif;color:var(--lantern-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.lg-lines{margin:0;padding:0;display:grid}
.lg-lines div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(236,229,216,.08)}
.lg-lines dt{color:#d9d1c3;font-size:15px}.lg-lines dd{margin:0;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.lg-lines .lg-total dt,.lg-lines .lg-total dd{color:var(--lantern-2);font-weight:700}
.lg-lines [hidden]{display:none}
.lg-warn{border-inline-start:3px solid var(--lantern);background:rgba(240,168,81,.08);padding:10px 14px;border-radius:8px;margin:0;color:var(--text);font-size:15px}
.lg-tog{display:flex;gap:10px;align-items:center;min-height:44px;color:#d9d1c3;font-size:15px}
.lg-tog input{width:20px;height:20px;accent-color:var(--lantern);flex:none}
.lg-note{font-size:14px;color:var(--muted);line-height:1.65}
.lg-disclaimer{border:1px dashed rgba(240,168,81,.4);border-radius:14px;padding:14px 18px;color:#d9d1c3;font-size:15px;margin:0}

/* sources */
.lg-src{margin:.6rem 0 0;padding-inline-start:1.2em;color:var(--muted);font-size:14.5px;display:grid;gap:6px}
.lg-src a{overflow-wrap:anywhere}

/* guides */
.lg-prose{max-width:820px}
.lg-prose p,.lg-prose li{color:#d9d1c3}
.lg-prose h3{font-size:clamp(20px,1.8vw,24px);margin:1.6em 0 .4em}
.lg-docs{margin:.6rem 0 0;padding-inline-start:1.2em;display:grid;gap:6px;color:#d9d1c3}
.lg-toc{display:flex;flex-wrap:wrap;gap:10px;margin:1.4rem 0 0;padding:0;list-style:none}
.lg-toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid rgba(236,229,216,.2);border-radius:999px;text-decoration:none;color:var(--text);font-size:15px}
.lg-toc a:hover{border-color:var(--lantern);color:var(--lantern-2)}

/* tool links on cluster pages + footer */
.lg-tools{display:flex;flex-wrap:wrap;gap:8px 18px;margin:1rem 0 0;font-size:15px;color:var(--muted)}
.lg-tools a{display:inline-flex;align-items:center;min-height:44px}
.lg-foot{display:flex;flex-wrap:wrap;gap:0 18px;margin:0 0 12px}
.lg-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--lantern-2)}

/* Arabic cluster guide */
.cl-guide__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);margin-top:1.2rem}
@media (max-width:820px){.cl-guide__grid{grid-template-columns:1fr}}
.cl-guide ul{margin:0;padding-inline-start:1.2em;display:grid;gap:8px;color:#d9d1c3}
.cl-guide h3{font-size:clamp(20px,1.8vw,24px);margin:0 0 .5em}
.cl-guide p{color:#d9d1c3;max-width:44em}
/* the hidden attribute must win over .f / .lg-two display:grid (budget "Other" field, mortgage-only rows) */
.lg-page [hidden]{display:none!important}