:root { --sl-ink:#18252c; --sl-muted:#5b6970; --sl-navy:#173746; --sl-blue:#176f8c; --sl-teal:#16867a; --sl-sand:#f1eee7; --sl-line:#d7e0e3; --sl-white:#fff; }
.slosh-capability { color:var(--sl-ink); background:#f7f9f9; min-height:70vh; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.cap-hero { padding:clamp(3.5rem,8vw,7rem) max(1.5rem,calc((100vw - 1180px)/2)); color:#fff; background:linear-gradient(120deg,rgba(16,45,58,.98),rgba(18,94,105,.92)),radial-gradient(circle at 80% 10%,#25a99a,#153746 60%); }
.cap-hero.compact { padding-top:3.5rem; padding-bottom:3.5rem; }
.cap-kicker,.section-label { margin:0 0 .65rem; text-transform:uppercase; letter-spacing:.14em; font-size:.75rem; font-weight:800; }
.cap-hero h1 { color:#fff; max-width:850px; margin:.1rem 0 .7rem; font-size:clamp(2.3rem,5vw,4.7rem); line-height:1.03; }
.cap-lede { max-width:820px; margin:0; font-size:clamp(1rem,2vw,1.3rem); color:#d9edef; }
.cap-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.7rem; }.button { display:inline-block; border:1px solid #b9d8dc; border-radius:4px; padding:.7rem 1rem; color:#fff; text-decoration:none; font-weight:700; }.button.primary { background:#fff; color:var(--sl-navy); }
.cap-nav,.capability-report-nav { display:flex; gap:.25rem; overflow:auto; padding:.8rem max(1.5rem,calc((100vw - 1180px)/2)); background:#fff; border-bottom:1px solid var(--sl-line); position:sticky; top:0; z-index:4; }
.cap-nav a,.capability-report-nav a { white-space:nowrap; padding:.5rem .72rem; border-radius:3px; color:#42565f; text-decoration:none; font-size:.88rem; font-weight:700; }.cap-nav a[aria-current="page"],.capability-report-nav a[aria-current="page"] { color:#fff; background:var(--sl-blue); }.capability-report-nav .nav-group-label { align-self:center; padding:0 .3rem; color:#7c8d95; font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }.capability-report-nav .nav-sep { align-self:center; flex:none; width:1px; height:1.4rem; background:var(--sl-line); margin:0 .3rem; }.capability-report-nav .nav-ext { margin-left:auto; }
.cap-section,.browser-shell { max-width:1180px; margin:0 auto; padding:clamp(2.5rem,6vw,5rem) 1.5rem; }.cap-section h2 { max-width:820px; margin:.25rem 0 1rem; font-size:clamp(1.6rem,3vw,2.5rem); line-height:1.15; }.section-label { color:var(--sl-teal); }.intro-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:3rem; }.decision-card { align-self:start; padding:1.5rem; border-top:5px solid var(--sl-teal); background:#fff; box-shadow:0 8px 30px rgba(20,52,64,.09); }.surface-grid,.tier-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.surface-grid article { padding:1.5rem; background:#fff; border:1px solid var(--sl-line); }.surface-grid article>span { color:var(--sl-teal); font-weight:800; }.surface-grid h3 { margin:.55rem 0; }.surface-grid a { color:var(--sl-blue); font-weight:800; }.evidence-note { display:grid; grid-template-columns:1fr 1fr; gap:2rem; background:var(--sl-sand); max-width:none; padding-left:max(1.5rem,calc((100vw - 1180px)/2)); padding-right:max(1.5rem,calc((100vw - 1180px)/2)); }.provenance { padding-top:2rem; }
.browser-shell { padding-top:2rem; }.browser-status { color:var(--sl-muted); }.browser-filters { display:grid; grid-template-columns:repeat(5,minmax(130px,1fr)); gap:.8rem; padding:1rem; background:#fff; border:1px solid var(--sl-line); }.browser-filters label { display:flex; flex-direction:column; gap:.3rem; font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }.browser-filters select,.browser-filters input { width:100%; min-height:42px; padding:.5rem; border:1px solid #9fb0b7; background:#fff; color:var(--sl-ink); }.browser-filters .search-filter { grid-column:span 2; }.browser-filters button { align-self:end; min-height:42px; border:1px solid var(--sl-blue); background:#fff; color:var(--sl-blue); font-weight:800; cursor:pointer; }.browser-summary { display:flex; justify-content:space-between; gap:1rem; margin:1.3rem 0 .8rem; color:var(--sl-muted); font-size:.85rem; }.case-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.case-card { overflow:hidden; background:#fff; border:1px solid var(--sl-line); box-shadow:0 4px 18px rgba(20,52,64,.06); }.case-media { aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; background:#dfe9eb; overflow:hidden; }.case-media img { width:100%; height:100%; object-fit:cover; }.case-media.no-media { padding:1rem; color:#52666e; text-align:center; background:repeating-linear-gradient(135deg,#edf2f2,#edf2f2 12px,#e4ebec 12px,#e4ebec 24px); }.case-body { padding:1rem 1.1rem 1.2rem; }.badges { display:flex; flex-wrap:wrap; gap:.35rem; margin-bottom:.7rem; }.badge { padding:.2rem .45rem; border-radius:2px; background:#e7eef0; font-size:.69rem; font-weight:850; text-transform:uppercase; letter-spacing:.04em; }.badge.standard { background:#d8ecf5; color:#0e5d78; }.badge.simple { background:#eee9dc; color:#715a1b; }.badge.qa-warning { background:#fde7d9; color:#8a390d; }.case-card h2 { margin:0; font-size:1.12rem; overflow-wrap:anywhere; }.case-subtitle { margin:.3rem 0 .8rem; color:var(--sl-muted); }.case-facts { display:grid; grid-template-columns:1fr 1fr; gap:.45rem; margin:.9rem 0; }.case-facts div { padding:.45rem; background:#f4f7f7; }.case-facts strong,.case-facts span { display:block; }.case-facts span { color:var(--sl-muted); font-size:.75rem; }.media-truth { min-height:2.5em; color:#50646d; font-size:.78rem; }.case-links { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:1rem; }.case-links a { padding:.42rem .6rem; border:1px solid var(--sl-blue); border-radius:3px; color:var(--sl-blue); text-decoration:none; font-size:.78rem; font-weight:800; }.case-links a.primary { background:var(--sl-blue); color:#fff; }.browser-alert,.browser-empty { padding:1rem; border-left:5px solid #ad4b1a; background:#fff0e7; }.browser-empty { text-align:center; }.browser-method { margin-top:3rem; padding:1.5rem; background:var(--sl-sand); }.tier-grid>div { padding:1rem; background:#fff; }.tier-grid p { margin:.3rem 0; }.browser-page[aria-busy="true"] .browser-filters { opacity:.55; pointer-events:none; }
@media(max-width:850px){.intro-grid,.evidence-note { grid-template-columns:1fr; }.case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.browser-filters { grid-template-columns:repeat(2,1fr); }.browser-filters .search-filter { grid-column:auto; }}
@media(max-width:560px){.surface-grid,.tier-grid,.case-grid,.browser-filters { grid-template-columns:1fr; }.browser-summary { flex-direction:column; }.cap-nav,.capability-report-nav { position:static; }}
@media print {.cap-nav,.capability-report-nav,.browser-filters,.cap-actions { display:none!important; }.case-grid { grid-template-columns:repeat(2,1fr); }.case-card { break-inside:avoid; box-shadow:none; }.cap-hero { padding:1.5rem; background:#fff; color:#000; }.cap-hero h1,.cap-lede { color:#000; }}

/* Engineering summary */
.summary-report{background:#eef3f5;color:#233342;line-height:1.62}.summary-hero{padding-bottom:2.7rem}.summary-verdict{display:flex;gap:.75rem 1.2rem;align-items:flex-start;max-width:900px;margin:1.4rem 0 0;padding:1rem 1.15rem;border-left:5px solid #49b9a8;background:rgba(255,255,255,.12)}.summary-verdict strong{white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.summary-report>.capability-report-nav,.summary-report>.cap-section,.summary-provenance{max-width:1120px;margin-left:auto;margin-right:auto}.summary-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:2rem;align-items:start}.summary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.summary-metrics div{padding:1rem;border:1px solid #d7e0e5;border-radius:8px;background:#f7fafb}.summary-metrics strong{display:block;color:#176b87;font-size:1.75rem;line-height:1.1}.summary-metrics span{display:block;color:#5d6d78;font-size:.85rem;margin-top:.25rem}.finding-list{display:grid;gap:1rem}.finding-list article{display:grid;grid-template-columns:42px 1fr;gap:1rem;border-top:1px solid #dce3e8;padding:1.25rem 0 0}.finding-list article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#176b87;color:#fff;font-weight:800}.finding-list h3{margin:0 0 .35rem}.finding-list p{margin:.35rem 0}.finding-use{color:#4f616c}.table-wrap{overflow-x:auto}.summary-table{width:100%;border-collapse:collapse}.summary-table caption{text-align:left;color:#5d6d78;margin-bottom:.6rem}.summary-table th,.summary-table td{padding:.75rem;border-bottom:1px solid #dce3e8;text-align:left}.summary-table th{background:#193747;color:#fff}.summary-table tr.highlight td{background:#edf8f5;font-weight:600}.source-note{color:#5d6d78;font-size:.9rem}.summary-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.summary-visual-grid figure{margin:0;border:1px solid #d7e0e5;border-radius:9px;overflow:hidden;background:#f7fafb}.summary-visual-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.summary-visual-grid figcaption{display:flex;justify-content:space-between;gap:.75rem;padding:.75rem 1rem}.summary-visual-grid figcaption span{color:#5d6d78;font-size:.82rem;text-align:right}.summary-columns,.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.summary-columns>div,.boundary-grid>div{padding:1rem;border-top:4px solid #176b87;background:#f7fafb}.summary-columns h3,.boundary-grid h3{margin-top:0}.boundary-grid{grid-template-columns:1fr 1fr}.boundary-grid ul{margin-bottom:0}.summary-verdict.final{max-width:none;color:#193747;background:#edf8f5;border:1px solid #b7ded5;border-left:5px solid #087f73}.summary-provenance{padding:1.2rem 1.5rem 3rem;color:#5d6d78;font-size:.85rem}.summary-provenance code{overflow-wrap:anywhere}
.response-figure{margin:0 0 1.5rem;padding:1.1rem 1.25rem 1rem;border:1px solid #d7e0e5;border-radius:9px;background:#f7fafb}.response-figure svg{width:100%;height:auto;display:block}.response-figure figcaption{color:#5d6d78;font-size:.85rem;margin-top:.5rem;max-width:70ch}
.hub-tier{margin-top:1.4rem}.hub-tier-label{display:flex;align-items:center;gap:.75rem;margin:0 0 .7rem;color:var(--sl-teal);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hub-tier-label::after{content:"";flex:1;height:1px;background:var(--sl-line)}.next-paths .surface-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.next-paths .surface-grid article .badge{display:inline-block;margin-bottom:.5rem}.next-paths .surface-grid article h3{margin:.1rem 0 .3rem}.next-paths .surface-grid article a{margin-top:auto;padding-top:.5rem}
@media(max-width:800px){.summary-intro,.summary-columns,.boundary-grid{grid-template-columns:1fr}.summary-visual-grid{grid-template-columns:1fr}.summary-verdict{display:block}.summary-verdict strong{display:block;margin-bottom:.35rem}.summary-visual-grid figcaption{display:block}.summary-visual-grid figcaption span{display:block;text-align:left;margin-top:.2rem}}