/* Unified ClaimHub Resources presentation layer */
.chr-app{
  --chr-navy:#0d3158;--chr-blue:#0f67cf;--chr-blue-soft:#eaf4ff;--chr-teal:#108b88;
  --chr-purple:#5c39e6;--chr-gold:#c98a1e;--chr-red:#cf5660;--chr-green:#1a8f68;
  --chr-ink:#17365f;--chr-copy:#60758a;--chr-muted:#7d8da0;--chr-line:#dce6ef;--chr-soft:#f6f9fc;
}
.chr-main{width:min(1380px,100%)!important;padding:18px 24px 52px!important}
.chr-main>.resource-nav{display:none!important}

/* Generic page hero */
.chr-app .resource-page-hero,
.chr-app>.hero,
.chr-main>.hero,
.chr-main>.card:first-of-type{
  padding:26px 28px!important;border:1px solid var(--chr-line)!important;border-radius:18px!important;
  background:linear-gradient(112deg,#fff 0%,#f8fbff 56%,#eef6fd 100%)!important;
  box-shadow:0 9px 26px rgba(17,46,78,.05)!important;
}
.chr-main>.card:first-of-type h1,
.chr-app .resource-page-hero h1,
.chr-main>.hero h1{
  margin:0!important;color:#102f62!important;font-size:clamp(36px,4vw,52px)!important;line-height:.98!important;letter-spacing:-.045em!important
}
.chr-main>.card:first-of-type>p,
.chr-app .resource-page-hero>p,
.chr-main>.hero>p{max-width:880px;margin:11px 0 0!important;color:var(--chr-copy)!important;font-size:12px!important;line-height:1.6!important}

/* Sections */
.chr-main>.card:not(:first-of-type),
.chr-main>.grid-2>.card,
.chr-main>.term-detail-section,
.chr-main>.prec-hub-split>section,
.chr-main>.news-nfosa-section{
  margin-top:12px!important;padding:18px 19px!important;border:1px solid var(--chr-line)!important;
  border-radius:14px!important;background:#fff!important;box-shadow:0 6px 18px rgba(17,46,78,.035)!important
}
.chr-app .card h2,.chr-app .term-detail-section h2,.chr-app .prec-hub-split h2{
  margin:0 0 6px!important;color:var(--chr-ink)!important;font-size:19px!important;letter-spacing:-.025em!important
}
.chr-app .card h3,.chr-app .term-detail-section h3{color:#284b70!important}
.chr-app .card p,.chr-app .term-detail-section p{color:var(--chr-copy);line-height:1.55}

/* Tables become readable resource matrices */
.chr-app .resource-link-table,
.chr-app .card>table,
.chr-app .grid-2 table{
  width:100%;border-collapse:separate!important;border-spacing:0!important;border:1px solid #dce6ef!important;
  border-radius:11px!important;overflow:hidden!important;background:#fff
}
.chr-app table thead th{
  padding:10px 11px!important;background:#f1f6fa!important;color:#536b82!important;border-bottom:1px solid #dce6ef!important;
  font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.075em!important;text-align:left
}
.chr-app table td{
  padding:11px!important;border-bottom:1px solid #e7edf2!important;color:#536a80!important;font-size:9px!important;line-height:1.5!important;vertical-align:top!important
}
.chr-app table tbody tr:last-child td{border-bottom:0!important}
.chr-app table tbody tr:hover td{background:#fbfdff!important}
.chr-app .resource-term-link{color:#154f86!important;text-decoration:none!important;font-weight:850!important;font-size:10px!important}
.chr-app .resource-drill-link{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eaf4ff;color:#0f67cf!important;text-decoration:none;font-weight:900}
.chr-app .resource-row-action{width:42px;text-align:right}

/* Generic link chips/buttons */
.chr-app .btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border-radius:8px;text-decoration:none;font-size:9px;font-weight:850}
.chr-app .badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.chr-app .badge-live{background:#e9f8f2;color:#187355}.chr-app .badge-planned{background:#fff4dc;color:#8c6412}

/* Two-column and workflow views */
.chr-main>.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.chr-app .workflow-list{list-style:none;counter-reset:steps;margin:14px 0 0;padding:0}
.chr-app .workflow-list li{counter-increment:steps;position:relative;margin-left:12px;padding:0 0 16px 32px;border-left:2px solid #dce8f1;color:#60758a;font-size:9px;line-height:1.5}
.chr-app .workflow-list li:last-child{padding-bottom:0}
.chr-app .workflow-list li:before{content:counter(steps);position:absolute;left:-12px;top:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0f67cf;color:#fff;font-size:8px;font-weight:900}
.chr-app .workflow-list strong{display:block;color:#264b70;font-size:10px}

/* Evidence gaps */
.chr-app .evidence-gaps-table td:first-child{width:190px}.chr-app .evidence-gap-inline-xrefs{margin-top:7px}
.chr-app .term-resource-xref-chips{display:flex;gap:5px;flex-wrap:wrap}.chr-app .term-resource-xref-chips a{padding:5px 7px;border:1px solid #d9e5ed;border-radius:999px;background:#f8fbfd;color:#315f88!important;text-decoration:none;font-size:7px;font-weight:800}

/* Precedent */
.chr-app .prec-hub-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.chr-app .prec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.chr-app .prec-card{padding:13px;border:1px solid #dce6ef;border-radius:10px;background:#fbfdfe}
.chr-app .prec-card.is-local{border-color:#a9cce5;background:#f4faff}.chr-app .prec-kicker{margin:0;color:#6d8498!important;font-size:7px!important;text-transform:uppercase;font-weight:850}.chr-app .prec-card h3{margin:5px 0}.chr-app .prec-card h3 a{color:#174e82;text-decoration:none}.chr-app .prec-outcome,.chr-app .prec-holding{font-size:8px!important}

/* News */
.chr-app .news-section-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.chr-app .news-section-hint{margin:4px 0 0;color:#73869a!important;font-size:9px!important}
.chr-app .news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.chr-app .news-card{overflow:hidden;border:1px solid #dce6ef;border-radius:11px;background:#fff}
.chr-app .news-card-image,.chr-app .news-card-image-placeholder{width:100%;height:150px;object-fit:cover;background:#eaf2f8}.chr-app .news-card-image-placeholder{display:grid;place-items:center;color:#688197;font-size:16px;font-weight:900}
.chr-app .news-card-body{padding:13px}.chr-app .news-card-source{display:block;color:#0f67cf;font-size:7px;font-weight:900;text-transform:uppercase}.chr-app .news-card-date{display:block;margin-top:3px;color:#8a98a8;font-size:7px}.chr-app .news-card-title{margin:7px 0!important;font-size:13px!important}.chr-app .news-card-title a{color:#17365f;text-decoration:none}.chr-app .news-card-excerpt{font-size:8px!important}.chr-app .news-card-readmore{font-size:8px;font-weight:850;text-decoration:none}

/* Modules */
.chr-app .module-table td:first-child{min-width:210px}
.chr-app .module-table strong{color:#234c74}

/* Resource term collection */
.chr-app .rti-page{margin-top:0}
.chr-app .rti-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center;padding:28px 30px;border:1px solid #dce6ef;border-radius:18px;background:linear-gradient(112deg,#fff,#f7fbff 58%,#eef6fd);box-shadow:0 9px 26px rgba(17,46,78,.05)}
.chr-app .rti-eyebrow{margin:0 0 6px;color:#0f67cf;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.chr-app .rti-hero h1{margin:0;color:#102f62;font-size:clamp(40px,4.5vw,58px);line-height:.95;letter-spacing:-.05em}.chr-app .rti-hero p{margin:12px 0 0;color:#60758a;font-size:11px;line-height:1.6}.chr-app .rti-stat{padding:17px;border-radius:12px;background:#0d3158;color:#fff}.chr-app .rti-stat strong{display:block;font-size:34px}.chr-app .rti-stat span{display:block;margin-top:3px;color:#c8dceb;font-size:9px}
.chr-app .rti-tools{display:flex;gap:8px;align-items:center;margin:12px 0}.chr-app .rti-search{flex:1;display:grid;grid-template-columns:28px 1fr;align-items:center;border:1px solid #cddce7;border-radius:9px;background:#fff}.chr-app .rti-search span{text-align:center;color:#70879a}.chr-app .rti-search input{height:40px;border:0;outline:0;background:transparent;font:inherit;font-size:10px;color:#17365f}
.chr-app .rti-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.chr-app .rti-card{display:flex;flex-direction:column;min-height:210px;padding:14px;border:1px solid #dce6ef;border-radius:11px;background:#fff}.chr-app .rti-card[hidden]{display:none}.chr-app .rti-card small{color:#0f67cf;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.chr-app .rti-card h2{margin:5px 0 7px!important;font-size:15px!important}.chr-app .rti-card h2 a{color:#17365f;text-decoration:none}.chr-app .rti-card p{margin:0 0 8px;color:#60758a;font-size:8px;line-height:1.45}.chr-app .rti-card .rti-trap{padding:8px;border-radius:8px;background:#fff7e8}.chr-app .rti-card .rti-evidence{padding:8px;border-radius:8px;background:#f3f8fc}.chr-app .rti-card>a{margin-top:auto;color:#0f67cf;text-decoration:none;font-size:8px;font-weight:850}
.chr-app .rti-empty{padding:18px;border:1px dashed #cbdbe7;border-radius:10px;text-align:center;color:#71869a;font-size:9px}

@media(max-width:1000px){.chr-main>.grid-2,.chr-app .prec-hub-split{grid-template-columns:1fr}.chr-app .news-grid,.chr-app .rti-grid{grid-template-columns:repeat(2,1fr)}.chr-app .prec-grid{grid-template-columns:1fr}}
@media(max-width:700px){.chr-main{padding-left:12px!important;padding-right:12px!important}.chr-app .news-grid,.chr-app .rti-grid{grid-template-columns:1fr}.chr-app .rti-hero{grid-template-columns:1fr}.chr-app .rti-tools{align-items:stretch;flex-direction:column}.chr-app .resource-link-table{display:block;overflow-x:auto}.chr-app .news-section-header{flex-direction:column}}

/* Built-out resource components */
.chr-app .resource-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.chr-app .resource-component-grid.two{grid-template-columns:1fr}
.chr-app .resource-component-card{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px;border:1px solid #dce6ef;border-radius:12px;background:#fff}
.chr-app .resource-component-index{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eaf4ff;color:#0f67cf;font-size:9px;font-weight:900}
.chr-app .resource-component-card.warning .resource-component-index{background:#fff4dc;color:#9a6a11}
.chr-app .resource-component-card.evidence .resource-component-index{background:#e8f8f5;color:#108b88}
.chr-app .resource-component-kicker{margin:0;color:#72879a!important;font-size:7px!important;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.chr-app .resource-component-card h2{margin:3px 0 6px!important;font-size:15px!important}
.chr-app .resource-component-card h2 a{color:#17365f;text-decoration:none}
.chr-app .resource-component-card>div>p{margin:0;color:#60758a;font-size:9px;line-height:1.5}
.chr-app .resource-component-link{display:inline-block;margin-top:10px;color:#0f67cf;text-decoration:none;font-size:8px;font-weight:850}
.chr-app .resource-component-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.chr-app .resource-component-split>div{padding:10px;border:1px solid #e1e9ef;border-radius:9px;background:#f8fbfd}
.chr-app .resource-component-split strong{display:block;color:#385873;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.chr-app .resource-component-split p{margin:5px 0 0;color:#60758a;font-size:8px;line-height:1.45}

.chr-app .workflow-visual{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;margin-top:12px}
.chr-app .workflow-track{padding:18px;border:1px solid #dce6ef;border-radius:13px;background:#fff}
.chr-app .workflow-track article{display:grid;grid-template-columns:38px 1fr;gap:11px;position:relative;padding:0 0 17px}
.chr-app .workflow-track article:not(:last-child):after{content:"";position:absolute;left:18px;top:38px;bottom:0;width:2px;background:#dce8f1}
.chr-app .workflow-track article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0f67cf;color:#fff;font-size:9px;font-weight:900;z-index:1}
.chr-app .workflow-track h2{margin:1px 0 4px!important;font-size:14px!important}
.chr-app .workflow-track p{margin:0!important;color:#60758a!important;font-size:9px!important;line-height:1.45}
.chr-app .workflow-side{align-self:start;padding:16px;border-radius:13px;background:#0d3158;color:#fff}
.chr-app .workflow-side .ref-kicker{color:#9fd0f2!important}
.chr-app .workflow-side article{padding:10px 0;border-top:1px solid rgba(255,255,255,.13)}
.chr-app .workflow-side article:first-of-type{border-top:0}
.chr-app .workflow-side strong{font-size:10px}.chr-app .workflow-side p{margin:3px 0!important;color:#d7e4ee!important;font-size:8px!important}.chr-app .workflow-side small{display:block;color:#9fb8cb;font-size:7px;line-height:1.4}
.chr-app .workflow-side .btn{margin-top:10px;background:#fff!important;color:#0d3158!important;border-color:#fff!important}
.chr-app .resource-callout{margin-top:12px;padding:18px;border:1px solid #d8e5ee;border-radius:13px;background:linear-gradient(115deg,#f8fbff,#eef6fb)}
.chr-app .resource-callout h2{margin:0 0 6px!important;font-size:19px!important}.chr-app .resource-callout p:not(.ref-kicker){margin:0;color:#60758a;font-size:9px;line-height:1.5}.chr-app .resource-callout a{display:inline-block;margin-top:9px;font-size:8px;font-weight:850;text-decoration:none}

/* Dark mode for built-out components */
html[data-chr-theme="dark"] .resource-component-card,
html[data-chr-theme="dark"] .workflow-track{background:#141e28!important;border-color:#2f3e4c!important}
html[data-chr-theme="dark"] .resource-component-card h2 a,
html[data-chr-theme="dark"] .workflow-track h2{color:#eef4f8!important}
html[data-chr-theme="dark"] .resource-component-card>div>p,
html[data-chr-theme="dark"] .resource-component-split p,
html[data-chr-theme="dark"] .workflow-track p{color:#bdcbd6!important}
html[data-chr-theme="dark"] .resource-component-split>div{background:#18242e!important;border-color:#31414f!important}
html[data-chr-theme="dark"] .resource-component-split strong{color:#d7e1e8!important}
html[data-chr-theme="dark"] .workflow-track article:not(:last-child):after{background:#31414f!important}
html[data-chr-theme="dark"] .workflow-side{background:#0c2239!important}
html[data-chr-theme="dark"] .resource-callout{background:linear-gradient(115deg,#121c25,#15212b)!important;border-color:#304252!important}
html[data-chr-theme="dark"] .resource-callout h2{color:#eef4f8!important}
html[data-chr-theme="dark"] .resource-callout p:not(.ref-kicker){color:#bdcbd6!important}

@media(max-width:900px){.chr-app .resource-component-grid,.chr-app .resource-component-split,.chr-app .workflow-visual{grid-template-columns:1fr}}
