/* Guide-only layout. The shared slope renderer preserves the explorer's numbers. */
.eg-guide{--eg-line:var(--line,#d6dddd);color:var(--ink,#243438)}
.eg-guide .eg-purpose{margin:8px 0 16px;font-size:15px}
.eg-result{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:4px 0 18px;padding:12px 0;border-bottom:1px solid var(--eg-line);font-size:13px}
.eg-result>span{display:flex;align-items:baseline;gap:8px;color:var(--ink2)}
.eg-result b{font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums}
.eg-result .eo-inversionPlus b{color:var(--eo-color)}
.eg-block{margin:0 0 18px;padding:14px 16px;border:1px solid var(--eg-line);border-radius:10px;background:var(--surface,#fff)}
.eg-block h3{margin:0 0 9px;font-size:17px}
.eg-caption{margin:0 0 10px;color:var(--ink2,#59676c);font-size:13px}
.eg-table-scroll{overflow-x:auto}
.eg-census{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.eg-census th,.eg-census td{padding:5px 7px;text-align:right;border-bottom:1px solid var(--eg-line)}
.eg-census thead th{font-size:11px;font-weight:650;text-align:center}
.eg-census th:first-child{text-align:left}
.eg-census tbody th{font-weight:550}
.eg-census tbody tr:last-child>*{border-bottom:0}
.eg-census .eg-source{background:color-mix(in srgb,var(--ink) 4%,transparent)}
.eg-census .eg-pooled{color:var(--ink2,#59676c)}
.eg-census button{color:inherit;font:inherit;background:none;border:0;padding:3px 0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--eg-line);text-underline-offset:3px}
.eg-census button:hover{text-decoration-color:currentColor}
.eg-census small{font-size:10px;margin-left:6px;font-weight:400}
.eg-census .eg-count{display:block;min-width:28px;width:100%;text-align:center;font-weight:600}
.eg-census thead th[class],.eg-census .eg-count{color:var(--eo-color)}
.eg-scope{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:9px;color:var(--ink2,#59676c);font-size:11px}
.eg-family-row+.eg-family-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--eg-line)}
.eg-family-row>header{display:flex;align-items:baseline;gap:12px;margin:0 0 5px;padding:0}
.eg-family-row h4{margin:0;font-size:14px}
.eg-family-row>header>span,.eg-chart-meta{font-size:11px;color:var(--ink2,#59676c)}
.eg-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eg-chart-grid.eg-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}
.eg-chart{display:block;min-width:0;margin:0;padding:8px 9px 7px;border:1px solid var(--eg-line);border-radius:7px;background:var(--bg,#fff);color:inherit;text-align:left;font:inherit;cursor:pointer}
.eg-chart:hover{border-color:var(--accent,#407a88);box-shadow:0 0 0 1px var(--accent,#407a88)}
.eg-chart:focus-visible,.eg-census button:focus-visible{outline:2px solid var(--accent,#407a88);outline-offset:3px}
.eg-chart-head{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:13px;font-weight:600}
.eg-chart-head .eo-tag{font-size:10px;padding:2px 6px}
.eg-chart-meta{display:block;margin-top:3px}
.eg-chart .ep-slope-chart{width:100%;height:auto;max-width:440px;display:block;margin:0 auto}
.eg-chart .ep-slope-heading{font-size:16px;font-weight:600}
.eg-chart .ep-slope-value{font-size:16px}
.eg-chart-foot{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--ink2,#59676c)}
.eg-method{border:1px solid var(--eg-line);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--ink2,#59676c)}
.eg-method summary{cursor:pointer;color:var(--ink,#243438);font-weight:600}
.eg-method p{max-width:1000px;line-height:1.5;margin:12px 0}
.eg-denominators{border-collapse:collapse;min-width:430px;font-variant-numeric:tabular-nums}
.eg-denominators th,.eg-denominators td{border-bottom:1px solid var(--eg-line);padding:5px 14px;text-align:right}
.eg-denominators th:first-child{text-align:left}
@media(max-width:780px){.eg-block{padding:11px}.eg-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eg-family-row>header{flex-wrap:wrap;gap:4px 10px}.eg-scope{gap:4px 12px}.eg-method{overflow-x:auto}}
@media(max-width:510px){.eg-chart-grid,.eg-chart-grid.eg-two{grid-template-columns:1fr}.eg-chart{max-width:440px;width:100%}.eg-guide .eg-purpose{font-size:14px}}
.eg-outcome-key { display:flex; flex-wrap:wrap; gap:10px 20px; margin:0 0 12px; font-size:12px; color:var(--ink2); }
.eg-outcome-key>span { display:flex; align-items:center; gap:8px; }
.eg-chart-foot { flex-wrap:wrap; gap:5px 8px; }
.eg-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.eg-section-head h3{margin:0}
.eg-section-head label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink2)}
.eg-section-head select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--eg-line);border-radius:5px;padding:5px 8px}
.eg-coverage{margin-top:10px;margin-bottom:7px}
.eg-plot{display:block;width:100%;border:0;background:none;color:inherit;padding:0;font:inherit;text-align:left;cursor:pointer}
.eg-plot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.eg-chart .ep-slope-value{font-size:14px}
.eg-measure{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px}
.eg-measure label{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}
.eg-measure select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--eg-line);border-radius:5px;padding:5px 8px}
.eg-measure p{margin:0;font-size:13px;font-style:italic;color:var(--ink2)}