/* KEIFA Heritage Fintech UI
   Presentation-only layer over css/style.css. No inheritance calculation rules are changed.
   Palette: brick #9c503d | forest #244c43 | gold #c6a36a | ivory #f6f2eb
*/
:root {
  --primary: #244c43;
  --primary-light: #356a5e;
  --primary-subtle: #e9f0e9;
  --primary-gradient: linear-gradient(140deg,#244c43,#173b33);
  --accent: #9c503d;
  --accent-light: #f9ece6;
  --accent-dark: #793d30;
  --accent-gradient: linear-gradient(120deg,#9c503d,#b2664e);
  --brick: #9c503d;
  --forest: #244c43;
  --gold: #c6a36a;
  --ivory: #f6f2eb;
  --bg: #f6f2eb;
  --card-bg: #fffefa;
  --card-border: #e8e0d4;
  --ink: #27332f;
  --ink-muted: #6b736e;
  --ink-subtle: #8a918b;
  --danger: #ad5444;
  --danger-bg: #fff1ec;
  --danger-border: #edc8bc;
  --shadow-sm: 0 2px 8px rgba(46,36,27,.045);
  --shadow-md: 0 7px 20px rgba(46,36,27,.065);
  --shadow-lg: 0 14px 42px rgba(46,36,27,.10);
  --shadow-card: 0 8px 26px rgba(70,58,44,.065);
  --radius-sm: 9px;
  --radius: 17px;
  --radius-lg: 24px;
  --font-main: 'IBM Plex Sans Arabic','Tajawal',Tahoma,sans-serif;
  --font-heading: 'Cairo','IBM Plex Sans Arabic',Tahoma,sans-serif;
  --font-serif: 'Amiri',serif;
}
html { scroll-padding-top: 26px; }
body {
  background-color: var(--ivory);
  background-image: radial-gradient(ellipse at 10% 0%, rgba(198,163,106,.11),transparent 38%),
                    radial-gradient(ellipse at 100% 32%, rgba(156,80,61,.045),transparent 40%);
  color: var(--ink);
  font-size: 14px;
}
a { color: var(--forest); }
button,input,select { font: inherit; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible {
  outline: 3px solid rgba(156,80,61,.45); outline-offset: 2px;
}
.container { max-width: 1530px; padding: 22px 28px 42px; }
/* Site identity navigation */
.site-nav-wrap { background: rgba(255,254,250,.96); border-bottom: 1px solid #e8ded0; }
.site-nav {
  max-width: 1530px; margin: auto; min-height: 78px; padding: 8px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:25px;
}
.site-brand { display:flex;align-items:center;gap:10px;color:var(--forest);text-decoration:none; flex-shrink:0; }
.brand-monogram {
  display:inline-grid;place-items:center;width:47px;height:47px;border:1px solid #ddc3a5;
  background:#f9f2e7;border-radius:15px;color:var(--brick);font:800 24px var(--font-heading);
}
.brand-text { font:800 28px/1.08 var(--font-heading); letter-spacing:-.7px; }
.brand-text small { display:block;font:500 10px/1.6 var(--font-main);color:#827e70;letter-spacing:0; }
.primary-nav {display:flex;align-items:center;gap:32px;}
.primary-nav a { color:#3a463d;text-decoration:none;font-weight:700;font-size:14px;padding:9px 4px; }
.primary-nav a:hover,.primary-nav .nav-current { color:var(--brick); }
.primary-nav .nav-current { border-bottom:2px solid var(--brick); }
.tools-back-link { display:flex;align-items:center;gap:10px;border:1px solid #e6ccbf;background:#fdf9f5;padding:10px 14px;
  text-decoration:none;color:var(--brick);font-weight:700;font-size:12px;border-radius:11px;white-space:nowrap; }
.tools-back-link:hover {background:var(--accent-light);}
/* Premium ivory editorial hero with lightweight illustration */
.hero-header {
  background: radial-gradient(ellipse at 4% 5%,rgba(221,194,150,.38),transparent 45%),
              linear-gradient(125deg,#fbf8f2 10%,#fffdf9 55%,#f8ecdf 100%);
  color:var(--ink);border:1px solid #e8dccb;box-shadow:0 10px 30px rgba(68,48,27,.055);
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(295px,.9fr);gap:20px;
  padding:24px 36px 30px;margin-bottom:18px;min-height:268px;isolation:isolate;
}
.hero-header::before { content:"";font-size:0;width:240px;height:240px;top:-78px;left:18%;opacity:.28;
  background: repeating-conic-gradient(from 45deg,rgba(180,143,91,.16) 0 9deg,transparent 9deg 45deg);
  border-radius:50%;pointer-events:none; }
.hero-header::after { content:"";width:420px;height:420px;top:-165px;right:auto;left:-150px;
  background:radial-gradient(circle,rgba(198,163,106,.12),transparent 66%); }
.hero-copy,.hero-art {position:relative;z-index:1;min-width:0;}
.hero-crumbs {display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#878579;font-size:11px;margin-bottom:18px;}
.hero-crumbs a{color:#797366;text-decoration:none;}
.hero-crumbs a:hover{text-decoration:underline;color:var(--brick);}
.hero-badge {background:#f6e9df;border:1px solid #eed6c3;color:var(--brick);backdrop-filter:none;
  font-size:11px;font-weight:800;padding:5px 13px;margin-bottom:13px;}
.hero-header h1 {font:800 clamp(25px,2.35vw,34px)/1.5 var(--font-heading);color:var(--forest);margin-bottom:8px;letter-spacing:-1px;}
.hero-header h1 span{color:var(--brick);}
.hero-header p.hero-lead {font-size:14px;line-height:1.95;color:#59655e;max-width:690px;margin-bottom:19px;}
.hero-pills {display:flex;gap:8px;flex-wrap:wrap;}
.hero-pills span {border:1px solid #e9dfd1;background:rgba(255,255,255,.77);border-radius:9px;
  color:var(--forest);padding:7px 10px;font-size:11px;font-weight:700;}
.hero-art {display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;}
.heritage-scene {display:block;width:min(100%,390px);height:178px;opacity:.94;}
.hero-verse {border-top:1px solid #d8c5ad;text-align:center;color:var(--forest);font:700 17px/1.6 var(--font-serif);
  padding-top:8px;margin-top:-4px;width:90%;}
.hero-verse small {display:block;color:#998c75;font:500 10px var(--font-main);}
.verse-mark { color:var(--brick); }
/* Toolbar - compact, optional example presets */
.top-actions {background:rgba(255,254,250,.75);border:1px solid #e9dfd4;border-radius:15px;
  padding:10px 12px;margin-bottom:18px;align-items:flex-start;gap:12px;}
.top-actions-group {gap:7px;}
.top-actions .btn{min-height:38px;font-size:12px;padding:9px 12px;border-radius:9px;box-shadow:none;}
.examples-drawer {flex:1;min-width:220px;max-width:100%;position:relative;}
.examples-drawer summary {list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;
  color:var(--forest);font-size:12px;font-weight:800;border:1px solid var(--card-border);
  border-radius:10px;background:#fffcf7;min-height:38px;padding:8px 12px;width:max-content;max-width:100%;}
.examples-drawer summary::-webkit-details-marker{display:none;}
.examples-drawer summary:hover {border-color:var(--gold);}
.summary-chevron {margin-inline-start:auto;color:var(--brick);font-size:17px;}
.examples-drawer[open] summary {border-color:var(--gold);}
.examples-drawer .top-actions-group {margin-top:12px;display:flex;flex-wrap:wrap;}
.btn {transition: background-color .15s,border-color .15s,transform .15s;}
.btn-primary{background:var(--forest);color:white;box-shadow:0 4px 10px rgba(36,76,67,.15);}
.btn-primary:hover {background:#34675b;}
.btn-accent{background:var(--brick);color:white;box-shadow:none;}
.btn-accent:hover{background:#853f31;}
.btn-outline{background:#fffdfa;color:var(--forest);border-color:#dbd6cb;}
.btn-outline:hover{background:#f6efe5;border-color:#bca98e;}
.btn-danger-ghost{background:#fffaf8;}
/* Two-column dashboard layout, RTL means inputs right and results left */
.app-layout {grid-template-columns:minmax(0,1.65fr) minmax(360px,.95fr);gap:18px;}
.col-left,.col-right {min-width:0;}
.card{box-shadow:var(--shadow-card);margin-bottom:16px;background:#fffefa;border-radius:17px;border:1px solid #e7dfd4;}
.card-header{background:#fffefa;border-bottom:1px solid #ede5db;padding:17px 20px;}
.card-title{font:800 16px/1.55 var(--font-heading);color:var(--forest);gap:9px;}
.card-title-badge{background:var(--brick);color:white;width:29px;height:29px;border-radius:8px;font:700 13px var(--font-main);}
.card-body{padding:19px 20px 22px;}
.card-header>span {font-size:11px !important;}
.form-group label {color:#536059;font-size:12px;}
.input-field {background:#fffefa;border-color:#ddd7cd;border-radius:9px;font-size:13px;min-height:43px;}
.input-field:focus{border-color:var(--brick);box-shadow:0 0 0 3px rgba(156,80,61,.11);}
.input-suffix {color:#81766b;font-size:11px;}
.gender-selector{gap:10px;margin-bottom:17px;}
.gender-box{border-width:1.5px;background:#fbf8f3;border-color:#e4ddd2;border-radius:11px;padding:10px 12px;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px;min-height:65px;}
.gender-box .icon{font-size:22px;}
.gender-box .label{font-size:13px;font-weight:800;}
.gender-box .desc{flex-basis:100%;font-size:10px;}
.gender-option input:checked+.gender-box{background:#f8ede6;border-color:var(--brick);box-shadow:0 0 0 1px rgba(156,80,61,.14);}
.gender-option input:checked+.gender-box .label{color:var(--brick);}
.gender-option:focus-within .gender-box {outline:2px solid rgba(156,80,61,.4);outline-offset:2px;}
/* Categories: top-level 4 group panels, advanced sections remain accessible. */
.heir-intro{color:var(--ink-muted);font-size:12px;line-height:1.7;margin-bottom:13px;}
.heir-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;}
.heir-group {min-width:0;background:#fbf8f3;border:1px solid #e8dfd3;border-radius:12px;padding:11px;}
.heir-group .section-title{background:linear-gradient(90deg,#f7ecdf,#fbf8f3);border:none;
  padding:9px 11px;font:800 13px/1.5 var(--font-heading);color:var(--forest);
  border-radius:8px;margin:0 0 9px;}
.heir-group .heirs-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:0;}
.heir-group-spouse .heirs-grid{grid-template-columns:1fr;}
.heir-card {background:#fffefa;border:1px solid #e9e2d8;border-radius:9px;padding:10px;gap:9px;}
.heir-card:hover{background:#fffefb;border-color:#cdb49b;}
.heir-card.active{background:#f0f5ee;border-color:#a9bfaa;}
.heir-meta{align-items:flex-start;gap:5px;}
.heir-title {font-size:12px;font-weight:700;line-height:1.45;}
.heir-type-badge {font-size:10px;background:#f3eee6;color:#867a6a;border-radius:5px;padding:3px 5px;}
.heir-card.active .heir-type-badge{background:#dfeadf;color:var(--forest);}
.stepper{border:1px solid #ddd8cf;border-radius:8px;gap:2px;padding:2px;min-height:36px;}
.stepper-btn {width:29px;height:29px;min-width:29px;border-radius:6px;background:#f5f1eb;color:#526257;font-size:17px;}
.stepper-btn:hover {background:#ecded0;color:var(--brick);}
.stepper input {font-size:13px;min-width:0;}
.toggle-switch-wrapper{padding:7px 9px;border-color:#dedad2;gap:9px;border-radius:8px;}
.toggle-label{font-size:11px;}
.toggle-slider{flex-shrink:0;}
.section-title {color:var(--forest);border-bottom-color:#e7dfd3;}
.grandchildren-special-box {margin:15px 0 0;background:#fbf7f1;border-color:#e7d6c2;border-radius:12px;padding:14px;}
.grandchildren-title,.grandchildren-desc,.dc-subtitle{color:#6e4b3d;}
.inline-toggle{border-color:#decbb3;}
.inline-toggle input:checked~.toggle-slider{background:var(--forest);}
.empty-deceased-notice{border-color:#e2c6ad;color:#826c57;background:#fffdfa;}
.deceased-child-card{border-color:#e7d7c4;}
.dc-badge.son,.dc-badge.daughter,.dc-mini-card{background:#f7f0e6;border-color:#e7d7c4;color:#765842;}
.living-grandchildren-box{border-top-color:#dacbb6;}
.collapsible-trigger {background:#f7f4ed;border-color:#e1d8cd;color:var(--forest);font-size:12px;}
.collapsible-trigger:hover{background:#f0e7dc;}
.collapsible-content>.heirs-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
/* Deductions and assets */
.deductions-box{background:#fbf5eb;border:1px solid #e8d8bf;padding:15px;margin-top:0;}
.deductions-header{color:#7e5742;font-size:12px;}
.deductions-grid{gap:10px;}
.deductions-grid .form-group label{line-height:1.6;}
.asset-input-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.1fr) auto;}
.assets-table-wrap,.table-responsive{border-radius:10px;}
th{background:#f7f3ec;border-color:#e8dfd3;color:var(--forest);font-size:11px;}
td{border-color:#f2ece5;font-size:12px;}
.calculate-action{margin-top:22px;border-top:1px solid #e9e0d6;padding-top:17px;}
.btn-calculate {width:100%;min-height:48px;background:linear-gradient(105deg,#ad5d44,#914734);
  box-shadow:0 4px 13px rgba(146,73,51,.16);color:white;font-size:14px;font-weight:800;border-radius:10px;}
.btn-calculate:hover{background:linear-gradient(105deg,#b6654c,#8a3d2e);transform:translateY(-1px);}
.calculate-action p{text-align:center;font-size:10px;color:#8a8277;margin-top:8px;}
/* Summary dashboard */
#resultsCard .card-header{background:linear-gradient(110deg,#28584b,#193e35);border-bottom:none;}
#resultsCard .card-title{color:#fff;}
#resultsCard .card-title-badge{background:rgba(255,255,255,.17) !important;color:#fff !important;}
#resultsCard .badge-masala{font-size:10px;color:#fcebd6;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.2);}
#resultsCard .card-body{padding:14px;}
.kpi-row{grid-template-columns:1fr 1fr;gap:9px;margin-top:0;}
.kpi-card{background:#faf7f1;border-color:#eae2d7;border-radius:10px;padding:12px;min-height:90px;position:relative;}
.kpi-card::before{content:'◈';position:absolute;left:12px;top:10px;font-size:16px;color:var(--gold);opacity:.75;}
.kpi-card.highlight{background:#f0f6ef;border-color:#d2e1d2;}
.kpi-label{font-size:11px;color:#56685b;font-weight:700;padding-left:22px;}
.kpi-value{display:block;font-family:var(--font-main);font-size:17px;line-height:1.5;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:#253b34;}
.kpi-card.highlight .kpi-value{color:var(--forest);}
.share-visualization{background:#fffefa;border:1px solid #e9e2d7;border-radius:11px;margin-top:11px;padding:15px 12px;}
.viz-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:11px;}
.viz-heading strong{color:var(--forest);font:800 13px var(--font-heading);}
.viz-heading>span{font-size:10px;color:#8c8578;}
.viz-content{display:grid;grid-template-columns:172px minmax(0,1fr);align-items:center;gap:13px;}
.share-donut{width:168px;height:168px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(#e3ddd2 0 100%);transform:scaleX(-1);position:relative;}
.share-donut-center{background:#fffefa;width:116px;height:116px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;flex-direction:column;text-align:center;transform:scaleX(-1);box-shadow:0 0 0 1px #ece6de;}
.share-donut-center>span{font-size:15px;font-weight:800;color:var(--ink);line-height:1.35;overflow-wrap:anywhere;max-width:105px;font-variant-numeric:tabular-nums;}
.share-donut-center small{font-size:10px;color:#797467;line-height:1.5;}
.share-donut-center em{font-style:normal;font-size:9px;color:#6d776e;margin-top:3px;}
.share-legend{min-width:0;display:flex;flex-direction:column;gap:10px;}
.legend-item{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#505d55;}
.legend-label{display:flex;align-items:center;gap:7px;min-width:0;}
.legend-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;}
.legend-label>span:last-child{overflow-wrap:anywhere;}
.legend-value{font-size:11px;font-weight:800;color:var(--ink);white-space:nowrap;direction:ltr;}
.viz-placeholder{color:#888174;font-size:11px;line-height:1.8;}
.viz-footnote{font-size:10px;color:#8d857a;line-height:1.65;margin-top:12px;}
.results-banner{background:#f1f5ef;border:1px solid #dae6d8;color:var(--forest);
  border-radius:10px;padding:14px;margin-top:11px !important;margin-bottom:14px;}
.masala-title{font-size:12px;font-family:var(--font-heading);}
.masala-details{color:#64786c;font-size:11px;flex-wrap:wrap;gap:6px;}
#resultsCard .section-title{font-size:12px;margin:15px 0 12px;}
.heir-results-list{gap:8px;margin-bottom:15px;}
.heir-result-item {grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:11px;padding:12px;border-radius:10px;
  background:#fcfaf6;border-color:#e9e2d7;}
.heir-main-info h4{font-size:12px;flex-wrap:wrap;line-height:1.65;}
.heir-subtext{font-size:10px;line-height:1.65;}
.heir-fraction-info{font-size:11px;}
.heir-fraction-info span{font-size:10px;}
.heir-money-amount{text-align:right;border-top:1px dashed #e9e1d6;padding-top:6px;}
.heir-money-amount .total-val{font-size:13px;line-height:1.5;}
.heir-money-amount .per-person{font-size:10px;}
.share-badge{font-size:11px;}
.share-badge.fardh{background:#eaf1eb;}
.share-badge.asabah{background:#f6e8db;color:#8f503e;}
.heir-result-item.wasiyya-card {background:#fcf4ed;border-color:#ecd1bd;}
.result-advisory{margin-top:16px;padding:12px;display:flex;gap:10px;align-items:flex-start;
  background:#fdf3e8;border:1px solid #edd9c3;border-radius:10px;color:#78513c;font-size:11px;line-height:1.8;}
.result-advisory>span:first-child{font-size:20px;line-height:1;}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
.result-actions .btn{font-size:11px;white-space:normal;line-height:1.5;padding:10px 8px;}
/* Document preview + sharia note */
#officialDeedCard .card-header{background:#fffaf4;}
.official-deed {border:1px solid #c9aa81;border-radius:12px;padding:17px 14px;margin-top:0;}
.deed-basmala{color:var(--forest);}
.deed-title{font-family:var(--font-heading);font-size:17px;}
.report-legal-note{border-top:1px dashed #d9c9b4;margin-top:20px;padding-top:13px;font-size:10px;line-height:1.75;color:#766d62;}
/* Footer */
.site-footer{background:linear-gradient(175deg,#213f36 0%,#172e27 100%);border-top:3px solid var(--brick);margin-top:34px;}
.footer-inner{max-width:1530px;}
.footer-brand-tagline,.footer-highlight-note{color:#d5e5d8;}
.footer-highlight-note{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);}
.f-badge{background:rgba(198,163,106,.13);border-color:rgba(198,163,106,.35);}
.footer-col-title::after{background:var(--gold);}
/* Responsive rhythm */
@media (max-width:1250px) {
  .container{padding:18px 18px 36px;}
  .app-layout{grid-template-columns:minmax(0,1.47fr) minmax(340px,.95fr);gap:15px;}
  .heir-group .heirs-grid{grid-template-columns:1fr;}
  .asset-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .asset-input-grid button {width:100%;}
}
@media (max-width:1000px) {
  .site-nav{padding:10px 18px;}
  .hero-header{grid-template-columns:minmax(0,1fr) 245px;}
  .heritage-scene{height:150px;}
  .hero-verse{font-size:13px;}
  .app-layout{grid-template-columns:1fr;}
  .col-left,.col-right{min-width:0;}
  .heir-group .heirs-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));}
  .viz-content{grid-template-columns:180px minmax(0,1fr);}
  .heir-result-item{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:700px) {
  .site-nav {min-height:65px;padding:10px 13px;gap:8px;}
  .brand-monogram{width:38px;height:38px;border-radius:10px;font-size:20px;}
  .brand-text{font-size:22px;}
  .brand-text small{font-size:9px;}
  .primary-nav{display:none;}
  .tools-back-link{font-size:11px;padding:8px 10px;}
  .container{padding:12px 11px 22px;}
  .hero-header{padding:18px 16px 22px;grid-template-columns:1fr;min-height:0;border-radius:15px;gap:11px;}
  .hero-header h1{font-size:23px;line-height:1.5;}
  .hero-header p.hero-lead{font-size:12px;line-height:1.9;}
  .hero-crumbs{margin-bottom:12px;font-size:10px;}
  .hero-art{display:none;}
  .hero-pills span{font-size:10px;}
  .top-actions{padding:10px;flex-direction:column;align-items:stretch;gap:10px;}
  .examples-drawer{width:100%;min-width:0;}
  .examples-drawer summary{width:100%;}
  .examples-drawer .top-actions-group{display:grid;grid-template-columns:1fr 1fr;}
  .top-actions>.top-actions-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;}
  .top-actions .btn{font-size:11px;padding:8px 6px;line-height:1.55;white-space:normal;}
  .card-header{flex-direction:row;align-items:center;padding:13px 14px;gap:7px;}
  .card-title{font-size:14px;}
  .card-body{padding:14px;}
  .heir-groups{grid-template-columns:1fr;gap:11px;}
  .heir-group .heirs-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .gender-selector{grid-template-columns:1fr 1fr;}
  .gender-box{padding:9px 6px;min-height:70px;}
  .gender-box .label{font-size:11px;}
  .gender-box .desc{font-size:9px;}
  .deductions-grid{grid-template-columns:1fr;}
  .asset-input-grid{grid-template-columns:1fr;}
  .asset-input-grid button{grid-column:1;}
  .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kpi-card{min-height:78px;padding:11px;}
  .kpi-value{font-size:15px;}
  .viz-content{grid-template-columns:138px minmax(0,1fr);gap:9px;}
  .share-donut{width:133px;height:133px;}
  .share-donut-center{width:90px;height:90px;}
  .share-donut-center>span{font-size:11px;}
  .heir-result-item{grid-template-columns:1fr 1fr;}
  .collapsible-content>.heirs-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer-brand-row{gap:12px;}
}
@media (max-width:390px) {
  .heir-group .heirs-grid{grid-template-columns:1fr;}
  .tools-back-link span:first-child{display:none;}
  .tools-back-link{font-size:18px;}
  .viz-content{grid-template-columns:1fr;justify-items:center;}
  .share-legend{width:100%;}
  .share-donut{width:160px;height:160px;}
  .share-donut-center{width:112px;height:112px;}
}
@media (prefers-reduced-motion:reduce){ .btn,.card,.heir-card,.stepper-btn{transition:none;}html{scroll-behavior:auto;} }
/* Print exactly the legal notice and report, full-width; no chart/form in output. */
@media print {
  @page{size:A4; margin:12mm;}
  html,body{background:white !important;overflow:visible !important;max-width:none !important;}
  .site-nav-wrap,.hero-header,.top-actions,.ad-container,.site-footer,.toast{display:none !important;}
  .container {max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important;}
  .app-layout,.col-right{display:block !important;width:100% !important;max-width:none !important;}
  .col-left,#resultsCard{display:none !important;}
  #officialDeedCard{display:block !important;width:100% !important;max-width:none !important;overflow:visible !important;margin:0 !important;}
  #officialDeedCard .card-header{display:none !important;}
  #officialDeedCard .card-body{padding:0 !important;}
  .official-deed {padding:0 !important; border:none !important;overflow:visible !important;}
  .official-deed table{width:100% !important;min-width:0 !important;table-layout:fixed;}
  .official-deed td,.official-deed th{font-size:9px !important;padding:6px 5px !important;white-space:normal !important;overflow-wrap:anywhere;}
  .table-responsive{overflow:visible !important;max-width:100% !important;}
  tr {break-inside:avoid;}
  .report-legal-note{color:#444 !important;}
}