.returns-viz{margin:40px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:28px;box-shadow:var(--shadow);font-size:15px;line-height:1.7}.returns-viz *{box-sizing:border-box}.book-main .returns-viz h3{font-size:23px;line-height:1.5;margin:8px 0 12px}.returns-viz p{margin:0}.rv-eyebrow{color:var(--muted);font-size:13px}.rv-heading>p:last-child{color:var(--muted)}.rv-presets{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.rv-presets button{min-height:48px;font-size:14px;padding:8px 12px}.rv-presets button[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary);box-shadow:var(--shadow)}.rv-controls{display:grid;grid-template-columns:1fr 1fr;gap:32px}.rv-control{min-width:0}.rv-control label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.rv-control output{font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;color:var(--primary)}.rv-control input{display:block;width:100%;height:48px;accent-color:var(--primary);margin:4px 0}.rv-bounds{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.rv-toolbar{display:flex;align-items:center;gap:16px;margin:24px 0}.rv-toolbar button{font-size:14px;flex-shrink:0}.rv-toolbar p{font-size:13px;color:var(--muted)}.rv-answer{border-top:1px solid var(--subtle-border);border-bottom:1px solid var(--subtle-border);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.rv-answer span{font-size:14px;color:var(--muted);display:block}.rv-answer strong{font-size:clamp(28px,3.5vw,40px);font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}.rv-answer small{font-size:15px;font-weight:400}.rv-answer p{font-size:14px}.rv-answer b{color:var(--primary);font-size:20px;white-space:nowrap}.rv-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 20px}.rv-charts figure{margin:0;min-width:0}.rv-charts figcaption strong{display:block;font-size:16px;font-weight:500}.rv-charts figcaption span{display:block;font-size:12px;color:var(--muted);margin:4px 0 12px}.rv-charts svg{display:block;width:100%;height:auto;overflow:visible;font-family:Roboto,Noto Sans Thai,sans-serif}.rv-grid{stroke:var(--subtle-border);stroke-width:1}.rv-zero{stroke:var(--muted);stroke-width:1.5}.rv-tick{font-size:18px;fill:var(--muted)}.rv-axis{font-size:21px;fill:var(--text)}.rv-value{font-size:21px;fill:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.rv-bar-0{fill:var(--muted)}.rv-bar-1,.rv-log-bar-0{fill:var(--primary)}.rv-bar-2,.rv-log-bar-1{fill:var(--comparison)}.rv-log-bar-2{fill:var(--text)}.rv-total-zero{stroke:var(--text);stroke-width:4}.rv-equations{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--subtle-border);padding-top:20px}.rv-equations>div{min-width:0}.rv-equations span{display:block;font-size:13px;color:var(--muted)}.rv-equations p{font-size:17px;font-variant-numeric:tabular-nums;margin:8px 0;overflow-wrap:anywhere}.rv-equations b{font-weight:500}.rv-equations small{display:block;font-size:13px;color:var(--muted)}.returns-viz .rv-pitfall{margin:24px 0;padding:16px;background:var(--surface-raised);border-radius:4px;font-size:14px}.rv-details summary{min-height:48px;padding:12px 0;cursor:pointer;font-size:14px}.returns-viz .table-scroll{margin:12px 0}.returns-viz .rv-note{margin-top:16px;font-size:12px;color:var(--muted);line-height:1.8}.return-figure{margin:36px 0}.return-figure .return-figure-scroll{overflow-x:auto;background:#fff;border:1px solid var(--subtle-border);border-radius:4px}.return-figure img{width:100%;height:auto;display:block;min-width:520px}.return-figure figcaption{font-size:14px;line-height:1.8;color:var(--muted);margin:12px 0}.return-figure figcaption a{white-space:nowrap}@media(max-width:650px){.returns-viz{padding:20px 16px}.rv-controls,.rv-charts,.rv-equations{grid-template-columns:1fr;gap:24px}.rv-toolbar,.rv-answer{align-items:flex-start;flex-direction:column;gap:12px}.rv-answer strong{font-size:34px}.rv-answer{padding:20px 0}.rv-presets button{flex:1 1 150px}.book-main .returns-viz h3{font-size:21px}.rv-charts svg{max-width:480px;margin:0 auto}.return-figure figcaption{font-size:13px}}@media print{.rv-controls,.rv-presets,.rv-toolbar{display:none}.returns-viz{break-inside:avoid;box-shadow:none}.return-figure{break-inside:avoid}.return-figure img{min-width:0}.rv-charts{grid-template-columns:1fr 1fr}}
