/* Shared MBERWAKI identity. home.css supplies the common header/footer and type. */
:root {
  --bg:#f8f6f2;--cream:#eee8e0;--paper:#f3eee7;--white:#fff;--ink:#292a29;--muted:#67645f;
  --gold:#896322;--gold-d:#674a16;--gold-light:#c4a463;--footer:#303030;--line:#ded7cd;
  --ivory:var(--bg);--sand:var(--cream);--olive:var(--gold);--olive-d:var(--ink);
  --clay:var(--gold);--clay-d:var(--gold-d);--brass:var(--gold-light);
  --surface:var(--white);--surface2:var(--paper);--brand:#303030;--brand2:#57534c;
  --accent:var(--gold);--accent2:var(--gold-d);--accent-soft:#eee5d4;--sun:var(--gold-light);--mint:var(--cream);
  --ok:#52765f;--bad:#b23d30;--note:#f6ecd3;--note-ink:#6c5423;
  --glass:rgba(248,246,242,.95);--sky1:#e8e3d8;--sky2:#f3eee7;--ground:#d8ccbb;
  --r:12px;--sh:0 8px 24px -18px rgba(30,30,30,.22);--shs:0 4px 12px -8px rgba(30,30,30,.2);
  --sans:"MB Noto","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  --font:var(--sans);--serif:var(--sans);color-scheme:light;
}
:root[data-theme="dark"] {
  --bg:#1c1d1c;--cream:#30302c;--paper:#252623;--white:#282a26;--ink:#f1eee7;--muted:#c3bdb2;
  --gold:#d3b47a;--gold-d:#e1c38c;--gold-light:#baa16e;--line:#4b4b43;
  --brand:#3f423a;--brand2:#55584c;--accent-soft:#3f382c;--mint:#34372e;
  --ok:#adca9c;--bad:#f28c78;--note:#3d3422;--note-ink:#e6cf99;
  --glass:rgba(28,29,28,.95);--sky1:#30382d;--sky2:#3d352a;--ground:#4b4e43;color-scheme:dark;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#1c1d1c;--cream:#30302c;--paper:#252623;--white:#282a26;--ink:#f1eee7;--muted:#c3bdb2;
  --gold:#d3b47a;--gold-d:#e1c38c;--gold-light:#baa16e;--line:#4b4b43;
  --brand:#3f423a;--brand2:#55584c;--accent-soft:#3f382c;--mint:#34372e;
  --ok:#adca9c;--bad:#f28c78;--note:#3d3422;--note-ink:#e6cf99;
  --glass:rgba(28,29,28,.95);--sky1:#30382d;--sky2:#3d352a;--ground:#4b4e43;color-scheme:dark;
}}
body {background:var(--bg);color:var(--ink);font-family:var(--sans)}
h1,h2,h3,.page-hero h1,.prose h2 {font-family:var(--sans)}
.wrap {width:min(1180px,calc(100% - 56px));max-width:none;padding-inline:0;margin-inline:auto}
.site-header {background:var(--surface);position:relative;top:auto;width:100%;margin:0;border:0;border-radius:0;backdrop-filter:none}
.site-header .brand {margin-inline-end:0;line-height:1.2;flex-direction:row}
.site-header .brand-name {color:var(--ink);font:28px/1 Georgia,"Times New Roman",serif;letter-spacing:.025em}
.site-header .brand-sub {color:var(--muted);font:10px/1.4 Arial,sans-serif;letter-spacing:.03em}
.site-header .brand-sub {text-transform:none}
.header-secondary {border-color:var(--line)}
.main-nav a {color:var(--ink)}
.head-actions {align-items:center}
.theme-toggle {display:grid;place-items:center;width:38px;height:38px;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink);font:24px/1 Georgia,serif;cursor:pointer}
.theme-toggle:hover {border-color:var(--gold)}
.mobile-nav {background:var(--surface);color:var(--ink)}
.mobile-nav a {color:var(--ink);border-color:var(--line)}
.mobile-menu-button {background:#303030;color:#fff}
.site-footer {background:#303030;color:#ddd5c8;margin:0;line-height:1.8}
.site-footer .brand-name {font:28px/1 Georgia,serif;color:#fff}
.site-footer .brand-sub {font:10px/1.4 Arial,sans-serif;color:#d2c7b6}
.site-footer .footer-brand {text-decoration:none}
.site-footer h3 {font-family:var(--sans);color:#fff}
.site-footer ul {list-style:none}
.btn,.calculator-page .btn {font-family:var(--sans);border-radius:6px;background:var(--gold);border:1px solid var(--gold);color:#fff;box-shadow:none;min-height:42px;font-size:13px;padding:10px 21px}
.btn:hover,.calculator-page .btn:hover {background:var(--gold-d);border-color:var(--gold-d);filter:none}
.btn-outline,.btn-line,.calculator-page .btn.ghost {background:transparent;color:var(--ink);border-color:var(--line)}
.btn-outline-light {background:transparent;color:#fff;border-color:#fff}
.btn-light {background:#fff;color:#674a16;border-color:#fff}
.service-page,.article-index {background:var(--bg);color:var(--ink)}
.page-hero,.service-breadcrumb,.service-hero,.trust-strip {background:var(--paper);border-color:var(--line)}
.trust-item,.service-breadcrumb,.service-hero p,.service-intro,.experience-point p {color:var(--muted)}
.service-card,.service-value,.service-faq details,.cms-card,.form {background:var(--surface);border-color:var(--line)}
.service-eyebrow,.service-value .num,.crumbs a,.kicker,.link {color:var(--gold)}
.service-process,.service-faq {background:var(--paper)}
.service-step,.service-deliverables,.service-other,.service-other-links a,.section.cms-home,.cms-home .cms-card {background:var(--surface);color:var(--ink)}
.service-step,.service-other-links a {border-color:var(--line)}
.service-breadcrumb .wrap,.service-value p,.service-step p,.service-deliverables p,.service-faq details p {color:var(--muted)}
.service-step .num,.service-checklist li:before,.service-other-links a:after {color:var(--gold)}
.service-smallprint {color:var(--muted)!important}
.service-deliverables figcaption,.service-faq summary:after {background:var(--paper);color:var(--muted)}
.cms-card {color:var(--ink)}
.cms-card p,.cms-card time,.cms-status,.cms-post-date,.cms-content figcaption {color:var(--muted)}
.cms-home .cms-read,.cms-read,.cms-content a,.cms-original {color:var(--gold)}
.cms-content blockquote,.cms-badges span,.cms-badges a {background:var(--paper);color:var(--ink)}
.cms-filters a {background:var(--surface);color:var(--ink);border-color:var(--line)}
.cms-filters a:hover,.cms-filters a[aria-current] {background:var(--gold);color:#fff}
/* Journal uses the same shell as the homepage, without the legacy portfolio CSS. */
[hidden] {display:none!important}
.page-hero {background:var(--paper);border-bottom:1px solid var(--line)}
.page-hero h1 {font-size:clamp(30px,3.8vw,46px);margin:0;color:var(--ink)}
.page-hero .crumbs a {text-decoration:none;color:var(--gold)}
.article-index .lead {max-width:760px;margin:0 0 28px;font-size:16px;line-height:1.9;color:var(--muted)}
.article-index {padding-block:48px 64px}
.article-index .cms-grid {gap:24px}
.cms-card,.cms-home .cms-card {border-radius:8px;box-shadow:0 5px 18px rgba(30,30,30,.035)}
.cms-card-body {padding:24px;gap:12px}
.cms-card h3 {font:700 20px/1.7 var(--sans)}
.cms-card p {font:400 14px/1.9 var(--sans)}
.cms-read {font-size:13px}
.cms-filters a {border-radius:6px;font-size:13px;padding:9px 14px}
.cms-badges span,.cms-badges a {border-radius:4px}
.prose {max-width:900px;padding-block:48px 64px;font-size:18px;line-height:2}
.prose h2 {font-size:28px}
.cms-reader {width:min(900px,calc(100% - 56px))}
@media(max-width:600px){
 .article-index {padding-block:32px 48px}
 .article-index .lead {font-size:15px}
 .cms-card-body {padding:20px}
 .cms-reader {width:calc(100% - 32px)}
}
.calculator-page {font-size:15.5px}
.calculator-page:before {display:none}
.calculator-wrap {width:min(1180px,calc(100% - 56px));margin-inline:auto;padding:0}
.calc-hero {display:block;min-height:0;padding:48px 0 32px;margin:0 0 26px;border-bottom:1px solid var(--line);background:none}
.calc-hero h1 {font-size:clamp(30px,4.3vw,50px);line-height:1.55;color:var(--ink)}
.calc-hero h1 em {background:none;color:var(--gold);-webkit-text-fill-color:currentColor}
.calc-hero .eyebrow {background:var(--paper);color:var(--gold);border-color:var(--line)}
.calc-hero .pills span {background:var(--paper);color:var(--muted);border-color:var(--line);border-radius:6px}
.calculator-page .card,.calculator-page .floor,.calculator-page .pick>span,.calculator-page .pcard {border-radius:12px}
.calculator-page .big {background:none;color:var(--gold);-webkit-text-fill-color:currentColor;font-family:var(--sans)}
html[data-theme="dark"] .calculator-page .big {color:var(--gold)}
.calculator-page .stepper button {border-radius:6px}
.calculator-page .btn.or,.calculator-page .mbar button,.calculator-page .chip[aria-pressed=true] {background:var(--gold);color:#fff;border-radius:6px}
.calculator-page .hl>div.main {background:#303030;color:#fff}
.calculator-page .hl>div.main:before {display:none}
.calculator-page .bar .t i {background:var(--gold)}
.calculator-page .mbar {border-radius:10px}
.calculator-page .site-footer {margin-top:56px}
.calculator-page.docopen .site-header,.calculator-page.docopen .site-footer {display:none!important}
@media(max-width:900px){
  .header-primary {grid-template-columns:1fr auto;gap:12px}
  .head-title {display:none}
}
@media(max-width:600px){
  .wrap,.calculator-wrap {width:calc(100% - 32px)}
  .header-primary {min-height:76px}
  .site-header .brand-name {font-size:23px}
  .site-header .brand-icon {width:36px;height:36px}
  .site-header .brand-sub {font-size:8px}
  .head-actions .btn {display:none}
  .head-actions {display:flex!important}
  .calc-hero {padding:30px 0 24px}
  .calculator-page .site-footer {padding-bottom:104px}
}
@media print{.site-header,.site-footer,.theme-toggle{display:none!important}}

/* Complete component alignment: editorial gold, fine borders, quiet surfaces. */
:root {--component-radius:8px;--control-radius:6px}
.page-hero h1,.service-hero h1,.calc-hero h1 {font-weight:700;letter-spacing:0;line-height:1.5}
.page-hero,.calc-hero {padding-block:44px 34px}
.page-hero .crumbs,.tool-breadcrumb {display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;margin:0 0 24px}
.tool-breadcrumb a {text-decoration:none;color:var(--gold)}
.calc-hero .eyebrow {padding:0;background:none;border:0;border-radius:0;font:700 11px/1.6 Arial,sans-serif;letter-spacing:.12em;direction:ltr}
.calc-hero h1 {margin:14px 0 18px;font-size:clamp(30px,3.8vw,46px)}
.calc-hero p {max-width:720px;font-size:15px;line-height:1.9}
.calculator-page .pills {gap:8px 20px;margin-top:24px}
.calculator-page .pills span {padding:0 0 0 18px;background:none;border:0;border-inline-end:1px solid var(--line);border-radius:0;box-shadow:none;font-size:12px}
.calculator-page .pills span:last-child {border:0}
.calculator-page .stepper button {min-height:56px;box-shadow:none;transform:none;border-radius:var(--control-radius)}
.calculator-page .stepper button.on {background:#303030;border-color:#303030;color:#fff;box-shadow:none}
.calculator-page .stepper .num {border-radius:4px;font-size:13px;width:28px;height:28px}
.calculator-page .stepper .done .num {background:var(--gold)}
.calculator-page .card,.calculator-page .floor,.calculator-page .pcard,.service-card,.service-value,.cms-card {border-radius:var(--component-radius);border-width:1px;box-shadow:0 5px 18px rgba(30,30,30,.035)}
.calculator-page .card {padding:28px}
.calculator-page .kick {padding:0;margin-bottom:10px;background:none;border-radius:0;color:var(--gold);font-size:11px;letter-spacing:0}
.calculator-page .card h2 {font-size:24px;font-weight:700;line-height:1.6}
.calculator-page .sub {font-size:14px;line-height:1.9;margin-bottom:26px}
.calculator-page input[type=text],.calculator-page select {background:var(--surface);border:1px solid var(--line);border-radius:var(--control-radius);min-height:48px;font-size:14px}
.calculator-page input[type=text]:focus,.calculator-page select:focus {border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 12%,transparent)}
.calculator-page .chip,.calculator-page .tag {border-radius:4px;box-shadow:none;font-size:12px}
.calculator-page .chip:hover,.calculator-page .pick:hover>span {transform:none;box-shadow:none}
.calculator-page .pick>span {padding:20px 18px;border-width:1px;border-radius:var(--component-radius);background:var(--surface)}
.calculator-page .pick input:checked+span {background:var(--paper);border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.calculator-page .pick input:checked+span:after {border-radius:4px;background:var(--gold);width:20px;height:20px;font-size:12px}
.calculator-page .ui-icon {width:32px;height:32px;color:var(--gold);margin-bottom:14px;filter:none}
.calculator-page .pick b {font-size:15px;font-weight:700}
.calculator-page .pick small {font-size:12px;line-height:1.8}
.calculator-page .pcard:has(input[type=radio]:checked) {background:var(--paper);box-shadow:inset 0 0 0 1px var(--gold);border-color:var(--gold)}
.calculator-page .pcard .pick>span {background:none;box-shadow:none;border:0}
.calculator-page .ph {border-radius:var(--component-radius);border-width:1px;background:var(--surface);box-shadow:none}
.calculator-page .pi,.calculator-page .ri {display:none}
.calculator-page .stp {border-radius:var(--component-radius);border-width:1px;padding:16px 8px}
.calculator-page .stp button {border-radius:4px;background:var(--paper);color:var(--gold);width:34px;height:34px;font-size:20px}
.calculator-page .check input,.calculator-page .ph input,.calculator-page .tbl input[type=checkbox] {border-radius:4px;border-width:1px;width:20px;height:20px}
.calculator-page .check input:checked,.calculator-page .ph input:checked,.calculator-page .tbl input[type=checkbox]:checked {background:var(--gold)}
.calculator-page .house {background:var(--paper);border-radius:var(--component-radius)}
.calculator-page .house svg {max-height:160px}
.calculator-page .lv-eco,.calculator-page .lv-mid,.calculator-page .lv-high {--wall:#e2d8c8;--roof:#896322;--door:#514b3d}
.calculator-page .sum .big {font-size:30px;font-weight:700;line-height:1.6}
.calculator-page .hl>div,.calculator-page .fin {border-radius:var(--component-radius)}
.calculator-page .mbar {padding:10px 16px;border-radius:var(--component-radius);box-shadow:0 2px 16px rgba(30,30,30,.1)}
.calculator-page .grp,.calculator-page .nav2 {border-top-style:solid}
.calculator-page .site-footer h3 {font-size:15px}
@media(max-width:600px){
 .calculator-page .card {padding:22px 18px}
 .calculator-page .card h2 {font-size:22px}
 .page-hero,.calc-hero {padding-block:30px}
 .calculator-page .pick>span {padding:16px 14px}
 .calculator-page .stepper b {font-size:12px}
 .calculator-page .stepper button {gap:7px;padding-inline:10px}
}