/* shared.css — used by all trust report pages */
:root {
  --bg:#ffffff;--surface:#f7f8fa;--surface2:#eef0f4;--border:#e2e5eb;
  --text:#0e1117;--muted:#6b7280;--subtle:#9ca3af;
  --pass:#059669;--pass-bg:#ecfdf5;--pass-br:#a7f3d0;
  --warn:#d97706;--warn-bg:#fffbeb;--warn-br:#fcd34d;
  --fail:#dc2626;--fail-bg:#fef2f2;--fail-br:#fca5a5;
  --na-bg:#f3f4f6;--na-br:#d1d5db;--na-text:#6b7280;
  --radius:8px;

  /* per-regulation accent colours */
  --nyc:   #003087;
  --sb205: #1b4332;
  --eu:    #003399;
  --feha:  #7c2d12;
  --bias:  #1e1b4b;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Sora',sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;}

/* ── SITE NAV ── */
.site-nav{
  position:sticky;top:0;z-index:50;
  background:white;border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:0;
  padding:0 24px;
  overflow-x:auto;
  scrollbar-width:none;
}
.site-nav::-webkit-scrollbar{display:none;}

.site-nav-brand{
  font-family:'Sora',sans-serif;font-size:13px;font-weight:700;
  color:var(--text);text-decoration:none;white-space:nowrap;
  padding:14px 16px 14px 0;margin-right:8px;
  border-right:1px solid var(--border);
}

.site-nav-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;
  color:var(--muted);text-decoration:none;
  padding:14px 14px;white-space:nowrap;
  border-bottom:2px solid transparent;
  transition:all .15s;
}
.site-nav-link:hover{color:var(--text);}
.site-nav-link.active{color:var(--text);border-bottom-color:var(--text);}
.site-nav-link .dot{
  width:7px;height:7px;border-radius:50%;flex-shrink:0;
}

/* ── TOOLBAR ── */
.toolbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 32px;background:white;border-bottom:1px solid var(--border);
  gap:12px;flex-wrap:wrap;
}
.toolbar-left{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;}
.toolbar-right{display:flex;gap:8px;}
.btn{display:inline-flex;align-items:center;gap:6px;font-family:'Sora',sans-serif;font-size:12px;font-weight:600;padding:7px 14px;border-radius:6px;cursor:pointer;border:1px solid;transition:all .15s;text-decoration:none;}
.btn-outline{background:white;border-color:var(--border);color:var(--text);}
.btn-outline:hover{background:var(--surface);}
.btn-primary{color:white;}
.btn-primary:hover{opacity:.9;}

/* ── PAGE HEADER ── */
.page-header{color:white;padding:0;}
.header-inner{max-width:960px;margin:0 auto;padding:28px 32px 0;}
.header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap;}
.header-logo-row{display:flex;align-items:center;gap:14px;}
.logo-mark{width:42px;height:42px;background:white;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;}
.header-company{font-size:20px;font-weight:700;letter-spacing:-.02em;}
.header-product{font-size:12px;color:rgba(255,255,255,.65);font-weight:400;margin-top:2px;}
.header-badge{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:7px 13px;font-size:12px;color:rgba(255,255,255,.9);white-space:nowrap;}
.header-badge .dot{width:7px;height:7px;background:#34d399;border-radius:50%;flex-shrink:0;}
.header-title{border-top:1px solid rgba(255,255,255,.15);padding:18px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.reg-flag{background:rgba(255,255,255,.12);border-radius:6px;padding:5px 12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:6px;}
.header-title h1{font-size:16px;font-weight:600;color:white;letter-spacing:-.01em;}

/* ── MAIN ── */
main{max-width:960px;margin:0 auto;padding:36px 32px 80px;}

/* ── BLOCKS ── */
.block{margin-bottom:36px;}
.block-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.block-num{width:24px;height:24px;color:white;border-radius:5px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.block-title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em;}
.block-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;}

/* ── SUMMARY GRID ── */
.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:20px;}
.summary-cell{padding:16px 18px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);}
.summary-cell:last-child{border-right:none;}
.sc-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--subtle);margin-bottom:5px;}
.sc-value{font-size:14px;font-weight:600;color:var(--text);}
.sc-value.mono{font-family:'JetBrains Mono',monospace;font-size:12px;}

/* ── PRODUCT TOGGLE ── */
.product-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:24px;}
.ptab{flex:1;background:white;border:none;border-right:1px solid var(--border);padding:14px 18px;font-family:'Sora',sans-serif;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;text-align:left;transition:all .15s;display:flex;align-items:center;gap:10px;}
.ptab:last-child{border-right:none;}
.ptab-icon{width:28px;height:28px;border-radius:6px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
.ptab.active .ptab-icon{background:rgba(255,255,255,.18);}
.ptab-label{font-size:13px;font-weight:600;line-height:1.3;}
.ptab-sub{font-size:11px;opacity:.7;line-height:1;margin-top:1px;}
.product-panel{display:none;}
.product-panel.active{display:block;}

/* ── STATUS BANNER ── */
.status-banner{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border-radius:var(--radius);margin-bottom:20px;border:1px solid;}
.status-banner.pass{background:var(--pass-bg);border-color:var(--pass-br);}
.status-banner.warn{background:var(--warn-bg);border-color:var(--warn-br);}
.status-banner.fail{background:var(--fail-bg);border-color:var(--fail-br);}
.sb-icon{font-size:18px;flex-shrink:0;}
.sb-title{font-size:13px;font-weight:700;margin-bottom:3px;}
.status-banner.pass .sb-title{color:#065f46;}
.status-banner.warn .sb-title{color:#92400e;}
.status-banner.fail .sb-title{color:#991b1b;}
.sb-text{font-size:12px;}
.status-banner.pass .sb-text{color:#047857;}
.status-banner.warn .sb-text,.status-banner.fail .sb-text{color:#b45309;}

/* ── RULE BOX ── */
.rule-box{background:var(--surface);border:1px solid var(--border);border-left:3px solid currentColor;border-radius:0 var(--radius) var(--radius) 0;padding:11px 15px;margin-bottom:18px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.chip{font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;}
.chip-pass{background:var(--pass-bg);color:var(--pass);border:1px solid var(--pass-br);}
.chip-fail{background:var(--fail-bg);color:var(--fail);border:1px solid var(--fail-br);}
.chip-na{background:var(--na-bg);color:var(--na-text);border:1px solid var(--na-br);}

/* ── RESULT SECTION ── */
.result-section{margin-bottom:26px;}
.result-section-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.sub-badge{font-size:11px;font-weight:600;background:var(--surface2);color:var(--muted);padding:2px 8px;border-radius:20px;}

/* ── TABLE ── */
.rtable-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:white;}
.rtable{width:100%;border-collapse:collapse;font-size:13px;}
.rtable thead tr{background:var(--surface);}
.rtable th{padding:11px 15px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);border-bottom:1px solid var(--border);white-space:nowrap;}
.rtable th.r{text-align:right;}
.rtable tbody tr{border-bottom:1px solid var(--border);transition:background .1s;}
.rtable tbody tr:last-child{border-bottom:none;}
.rtable tbody tr:hover{background:#fafbfc;}
.rtable td{padding:12px 15px;color:var(--text);vertical-align:middle;}
.rtable td.r{text-align:right;font-family:'JetBrains Mono',monospace;font-size:12px;}
.rtable td.g{font-weight:600;}

/* ── RATIO CELL ── */
.ratio-cell{display:flex;align-items:center;gap:9px;justify-content:flex-end;}
.ratio-val{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;min-width:32px;text-align:right;}
.ratio-bar-bg{width:70px;height:4px;background:var(--surface2);border-radius:2px;overflow:hidden;flex-shrink:0;}
.ratio-bar-fill{height:100%;border-radius:2px;}
.f-pass{background:var(--pass);}
.f-warn{background:var(--warn);}
.f-fail{background:var(--fail);}
.f-ref{background:#9ca3af;}

/* ── PILL ── */
.spill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;white-space:nowrap;}
.spill::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;}
.spill-pass{background:var(--pass-bg);color:var(--pass);border:1px solid var(--pass-br);}
.spill-warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-br);}
.spill-fail{background:var(--fail-bg);color:var(--fail);border:1px solid var(--fail-br);}
.spill-ref{background:var(--na-bg);color:var(--na-text);border:1px solid var(--na-br);}
.spill-na{background:var(--na-bg);color:var(--na-text);border:1px solid var(--na-br);}

/* ── CHECKLIST ── */
.checklist{list-style:none;}
.checklist li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--border);}
.checklist li:last-child{border-bottom:none;}
.checklist .ck{flex-shrink:0;margin-top:1px;font-size:13px;}
.checklist .ck.pass{color:var(--pass);}
.checklist .ck.warn{color:var(--warn);}
.checklist .ck.fail{color:var(--fail);}

/* ── EXCLUDED NOTE ── */
.excluded-note{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:12px;color:var(--muted);margin-top:12px;display:flex;gap:8px;}

/* ── FORMULA ── */
.formula-box{background:#fafafa;border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#374151;margin-top:14px;line-height:2;}
.formula-label{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--subtle);margin-bottom:6px;}

/* ── METHOD GRID ── */
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;}
.method-box{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:16px;}
.method-box h4{font-size:12px;font-weight:700;margin-bottom:5px;color:var(--text);}
.method-box p{font-size:12px;color:var(--muted);line-height:1.6;}

/* ── DISCLAIMER ── */
.disclaimer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;font-size:12px;color:var(--muted);line-height:1.7;}

/* ── FOOTER ── */
footer{background:var(--surface);border-top:1px solid var(--border);padding:22px 32px;text-align:center;font-size:12px;color:var(--muted);}
footer strong{color:var(--text);}

/* ── RESPONSIVE ── */
@media(max-width:640px){
  main{padding:20px 16px 60px;}
  .header-inner{padding:20px 16px 0;}
  .toolbar{padding:10px 16px;}
  .method-grid{grid-template-columns:1fr;}
  .ptab-sub{display:none;}
}
@media print{
  .site-nav,.toolbar,.product-toggle{display:none!important;}
  .product-panel{display:block!important;}
  main{padding:16px;}
}
