/* Existing Harper casing palette and components, scoped to the worksheet. */
#case-studio{background:#f4f1eb;border:1px solid #c8c0b8;border-top:4px solid #583c58;padding:20px;margin:24px 0;scroll-margin-top:130px;color:#292725}
#case-studio [hidden]{display:none}
#case-studio h3{font-size:24px;line-height:1.2;margin:0 0 12px;color:#4f294b}
#case-studio h4{font-size:19px;line-height:1.35;margin:0 0 16px}
#case-studio p{max-width:none;line-height:1.55;margin:0 0 12px}
#case-studio .small{font-size:13px;color:#57534e}
#case-studio .cs-controls{display:grid;grid-template-columns:minmax(200px,2fr) minmax(110px,1fr) auto auto;gap:12px;align-items:end;margin:20px 0 12px}
#case-studio label{display:block;font-size:14px;font-weight:600;margin:0}
#case-studio select,#case-studio input[type=text],#case-studio input[type=number],#case-studio textarea{display:block;width:100%;box-sizing:border-box;min-height:44px;font:16px/1.4 system-ui,sans-serif;padding:10px 12px;margin-top:8px;border:1px solid #aaa39b;border-radius:4px;background:#fff;color:#292725}
#case-studio select{appearance:auto;background:#e9e6e1}
#case-studio button{min-height:44px;min-width:44px;padding:10px 16px;font-size:14px;line-height:1.4;white-space:normal;cursor:pointer}
#case-studio .cs-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}
#case-studio .cs-tabs button{background:#fff;color:#4f294b;border:1px solid #aa99a8;border-radius:4px}
#case-studio .cs-tabs button[aria-pressed=true]{background:#583c58;color:#fff;border-color:#583c58}
#case-studio .cs-tabs button:focus-visible,#case-studio a:focus-visible,#case-studio button:focus-visible{outline:3px solid #315b70;outline-offset:3px}
#case-studio .cs-sheet{background:#fff;padding:20px;border:1px solid #c8c0b8;min-width:0}
#case-studio .cs-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}
#case-studio .cs-split>*{min-width:0}
#case-studio .cs-table-wrap{overflow:auto;border:1px solid #c8c0b8;margin:16px 0;max-width:100%}
#case-studio table{width:100%;min-width:420px;border-collapse:collapse;margin:0;font-size:14px}
#case-studio caption{text-align:left;padding:12px;background:#e7edf0;color:#294b5e;font-weight:700}
#case-studio th,#case-studio td{padding:12px;text-align:left;border-bottom:1px solid #ddd6ce;vertical-align:top;white-space:normal;line-height:1.45}
#case-studio thead th{background:#f1f3f4;color:#292725}
#case-studio tbody th{font-weight:500}
#case-studio tbody tr:last-child>*{border-bottom:0}
#case-studio td{font-variant-numeric:tabular-nums}
#case-studio .cs-chart{padding:16px;background:#e8edf0;border-left:3px solid #315b70;margin:16px 0}
#case-studio .cs-chart-title{font-weight:600}
#case-studio .cs-bar-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(60px,1.2fr) 48px;gap:12px;align-items:center;margin:14px 0;font-size:13px}
#case-studio .cs-track{background:#d2dce1;height:14px;display:block}
#case-studio .cs-bar{display:block;background:#315b70;height:100%}
#case-studio .cs-bar[data-color="1"]{background:#865f22}
#case-studio .cs-bar[data-color="2"]{background:#674769}
#case-studio .cs-bar-row strong{text-align:right;font-variant-numeric:tabular-nums}
#case-studio .cs-callout{background:#eee4d4;border-left:3px solid #866323;padding:16px;margin:16px 0}
#case-studio .cs-answer-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:end;margin:20px 0 12px}
#case-studio .cs-feedback:not(:empty){padding:16px;background:#e5eee8;color:#244630;border-left:3px solid #416a50}
#case-studio .cs-feedback[data-state=retry],#case-studio .cs-feedback[data-state=invalid]{background:#f0e5d2;color:#61451b;border-left-color:#866323}
#case-studio details{padding:0;border:1px solid #c8c0b8;background:#fff;margin:16px 0}
#case-studio summary{padding:16px;font-size:15px;line-height:1.45;text-align:left;justify-content:flex-start}
#case-studio .cs-detail{padding:0 16px 16px}
#case-studio .cs-takeaway{background:#eee4d4;padding:16px}
#case-studio .cs-review{display:grid;gap:12px;margin:16px 0}
#case-studio .cs-review label{display:flex;gap:12px;align-items:center;min-height:44px;font-weight:400}
#case-studio input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#583c58}
#case-studio input[type=range]{width:100%;min-height:44px;margin:8px 0;accent-color:#583c58}
#case-studio .cs-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0}
#case-studio .cs-source-result{border-top:1px solid #c8c0b8;padding:16px 0}
#case-studio .cs-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
#case-studio .cs-links a,#case-studio #cs-resources a,#case-studio #cs-lens a{display:inline-flex;align-items:center;min-height:44px;margin-right:12px}
#case-studio #cs-lens{background:#e8e3ed;border-left:3px solid #674769;padding:16px;margin-top:20px}
@media(max-width:900px){#case-studio .cs-controls{grid-template-columns:1fr 1fr}#case-studio .cs-split{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#case-studio{padding:16px}#case-studio h3{font-size:22px}#case-studio h4{font-size:18px}#case-studio .cs-sheet{padding:16px}#case-studio .cs-controls,#case-studio .cs-settings{grid-template-columns:1fr}#case-studio .cs-answer-row{grid-template-columns:1fr}#case-studio .cs-bar-row{grid-template-columns:minmax(85px,1fr) minmax(40px,1fr) 38px;gap:8px}}

#case-studio .cs-context{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;background:#e9e1ef;padding:16px;margin:16px 0}#case-studio :focus-visible{outline:3px solid #800000;outline-offset:3px}