/* Master Legal Work theme, October 2026: deep navy, restrained teal, warm ivory, antique gold.
   Loaded after site.css and client.css on every page. */
:root{--teal:#1F6B67;--teal-2:#2B8A84;--teal-soft:#E3EFED;--navy-deep:#0B1628}
/* Logo: prominent and legible on the navy header */
.site-header .brand img{height:56px}
.site-header.scrolled .brand img{height:44px}
@media (max-width:700px){.site-header .brand img{height:44px}}
/* Focus and links: teal, never colour alone */
:focus-visible{outline:2px solid var(--teal-2)!important;outline-offset:3px}
.prose a:not(.btn),.publication-note a,.srcnote a{color:var(--teal);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:not(.btn):hover{color:#13233F}
/* Small accents */
.eyebrow::before,.lux-hero .eyebrow::before{background:var(--teal-2)}
.task-card span{color:var(--teal)}
.task-card:hover{border-color:var(--teal-2)!important}
/* Footer: columns match the main navigation */
@media (min-width:1100px){.f-cols{grid-template-columns:repeat(6,1fr)!important}}
/* Home: identity introduction first, then the six tasks */
.home-v5 .lux-hero{min-height:min(74vh,720px)}
/* Shared components for the 2026 pages */
.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);padding:clamp(40px,6vw,64px) 0;border-top:1px solid var(--line);scroll-margin-top:150px}
.calc:first-of-type{border-top:0}
.calc h2{margin-top:0}
.calc .hint{color:var(--muted);margin-bottom:22px}
.calc-out{background:#13233F;color:#F2ECDF;padding:clamp(24px,3vw,36px);align-self:start;position:sticky;top:140px;border-top:3px solid var(--gold)}
.calc-out .k{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(242,236,223,.72);margin:0 0 6px}
.calc-out .v{font-family:var(--serif);font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.15;margin:0;color:#fff}
.calc-out .sub{font-size:.95rem;color:rgba(242,236,223,.85);margin:12px 0 0}
.calc-out .rules{margin:20px 0 0;padding:16px 0 0 18px;border-top:1px solid rgba(201,168,106,.35);font-size:.9rem;color:rgba(242,236,223,.85)}
.calc-out .rules li{margin-bottom:8px}
.calc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.calc-tabs a{padding:9px 16px;border:1px solid var(--line);font-size:.85rem;font-weight:600;color:var(--ink);text-decoration:none;background:var(--card,#fff)}
.calc-tabs a.on,.calc-tabs a:hover{border-color:var(--teal-2);color:var(--teal)}
.note{font-size:.9rem;color:var(--muted);margin:6px 0 0}
.topic-links{list-style:none;margin:14px 0 0;padding:0;font-size:.95rem}
.topic-links li{padding:7px 0;border-top:1px solid var(--line)}
.topic-links b{display:inline-block;min-width:92px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.topic-links a{position:relative;z-index:2}
.topics .card{display:flex;flex-direction:column}
#search{--pagefind-ui-primary:#13233F;--pagefind-ui-text:#2A2723;--pagefind-ui-border:#D6CEC0;--pagefind-ui-border-radius:2px;--pagefind-ui-font:var(--sans)}
:lang(hi){--sans:"Inter","Noto Sans Devanagari",system-ui,sans-serif}
:lang(pa){--sans:"Inter","Noto Sans Gurmukhi",system-ui,sans-serif}
:lang(hi) h1,:lang(pa) h1,:lang(hi) h2,:lang(pa) h2,:lang(hi) h3,:lang(pa) h3{font-family:var(--sans);font-weight:600;letter-spacing:0;line-height:1.3}
@media (max-width:900px){.calc{grid-template-columns:1fr}.calc-out{position:static}}
.topics{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))!important}
.topic-links li{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:baseline}
.topic-links b{min-width:0}
.calc .field{margin-bottom:18px}
.calc .field label{display:block;font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:6px}
.calc .field label small{font-weight:400;color:var(--muted)}
.calc .field input,.calc .field select{width:100%;min-height:48px;padding:10px 12px;font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:2px}
.calc .field input:focus,.calc .field select:focus{border-color:var(--teal-2);outline:2px solid var(--teal-2);outline-offset:1px}
.calc .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.calc .row2{grid-template-columns:1fr}}
.pr-bl{color:#D8BF86}