.book4d{margin:20px 0 26px;padding:16px 18px 14px;border:1px solid #2d4654;border-top:2px solid #b59a62;border-radius:5px;background:#0b1d2a;color:#e4ecee;}
.book4d header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:start;margin-bottom:8px;}
.book4d-kicker{grid-column:1/-1;margin:0;color:#d6b46e;font-size:10px;letter-spacing:.12em;font-weight:700;}
.book4d h3{margin:0;color:#f1f4f2;font:600 clamp(17px,2vw,21px)/1.3 Inter,system-ui,sans-serif;}
.book4d-question{max-width:390px;margin:1px 0 0;color:#b8c8ce;font-size:12px;line-height:1.5;text-align:right;}
.book4d-story{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:10px 0;padding:10px 12px;border:1px solid #304754;border-left:3px solid #d7b978;background:#102532;}
.book4d-story-kicker{margin:0;color:#d7b978;font-size:9px;font-weight:700;letter-spacing:.12em;}
.book4d-story h4{margin:3px 0;color:#e4ecee;font-size:13px;}
.book4d-story [data-book4d-story-body]{margin:0;color:#c6d3d7;font-size:11px;line-height:1.5;}
.book4d-story nav{display:flex;align-items:center;gap:6px;}
.book4d-story button{min-height:32px;padding:5px 8px;border:1px solid #71858f;border-radius:3px;background:#0b1926;color:#e4ecee;font:inherit;font-size:11px;cursor:pointer;}
.book4d-story button:disabled{opacity:.45;cursor:default;}
.book4d-story [data-book4d-story-count]{min-width:34px;color:#d7b978;font-size:11px;text-align:center;font-variant-numeric:tabular-nums;}
.book4d-story button:focus-visible{outline:3px solid #e1bd71;outline-offset:2px;}
.book4d-meta{display:flex;flex-wrap:wrap;gap:7px 15px;margin:8px 0 10px;color:#9eb2ba;font-size:11px;}
.book4d-controls{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;gap:10px;align-items:center;margin:8px 0;}
.book4d-controls button{min-height:38px;padding:7px 12px;border:1px solid #8c7950;border-radius:3px;background:#132e3d;color:#f4eee0;font:inherit;font-size:12px;font-weight:600;line-height:1.25;cursor:pointer;}
.book4d-controls button:hover{background:#1c3b4b;}
.book4d-controls button:focus-visible,.book4d input:focus-visible,.book4d summary:focus-visible{outline:3px solid #e1bd71;outline-offset:2px;}
.book4d-controls input[type=range]{width:100%;accent-color:#e1bd71;}
.book4d-output{min-width:0;max-width:260px;color:#f0d899;font-size:11px;font-variant-numeric:tabular-nums;text-align:left;line-height:1.4;overflow-wrap:anywhere;}
.book4d-plot{width:100%;height:clamp(340px,39vw,480px);min-height:340px;}

.book4d-status{min-height:1.4em;margin:3px 0;color:#aebdc1;font-size:11px;}
.book4d-link-status{margin:6px 0;padding:7px 9px;border-left:2px solid #55c4bd;background:#102532;color:#c6d3d7;font-size:11px;line-height:1.45;}
.book4d-equation{margin-top:9px;border-top:1px solid #253d4a;padding-top:8px;}
.book4d-equation summary,.book4d-values summary{color:#e2d2a9;font-size:12px;cursor:pointer;}
.book4d-equation p{margin:8px 0;color:#cad5d6;font-size:12px;line-height:1.55;}
.book4d-values{margin-top:9px;}
.book4d-values table{width:100%;border-collapse:collapse;font-size:11px;}
.book4d-values th,.book4d-values td{padding:6px 8px;border-bottom:1px solid #324754;text-align:right;}
.book4d-values th:first-child,.book4d-values td:first-child{text-align:left;}
.book4d-values th{color:#f0d899;}
@media(max-width:700px){.book4d{padding:13px 12px}.book4d header{grid-template-columns:1fr}.book4d-question{text-align:left;max-width:none}.book4d-controls{grid-template-columns:auto minmax(80px,1fr);gap:8px}.book4d-output{grid-column:1/-1;text-align:left}.book4d-plot{height:350px;min-height:330px}.book4d-story{grid-template-columns:1fr}.book4d-story nav{justify-content:flex-end}}