[data-interactive="stock-yield"] { border:1px solid var(--rule); border-radius:.5rem; padding:1rem; min-width:0; overflow-wrap:anywhere; }
[data-interactive="stock-yield"] [hidden],
[data-interactive="stock-yield"][data-sy-ready] > .sy-fallback { display:none !important; }
[data-interactive="stock-yield"] .sy-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin:.8rem 0; }
[data-interactive="stock-yield"] label { display:block; font-weight:650; }
[data-interactive="stock-yield"] label small { display:block; font-weight:400; color:var(--ink-soft); }
[data-interactive="stock-yield"] :is(input,select,button) { font:inherit; color:var(--ink); background:var(--surface); border:1px solid var(--rule); border-radius:.25rem; min-height:44px; box-sizing:border-box; max-width:100%; padding:.4rem .55rem; }
[data-interactive="stock-yield"] :is(input,select) { display:block; width:100%; min-width:0; margin-top:.25rem; }
[data-interactive="stock-yield"] :is(button,summary) { cursor:pointer; }
[data-interactive="stock-yield"] :is(input,select,button,summary,[tabindex]):focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
[data-interactive="stock-yield"] .sy-actions { display:flex; flex-wrap:wrap; gap:.5rem; align-items:end; margin:.6rem 0; }
[data-interactive="stock-yield"] .sy-actions label { flex:1 1 15rem; }
[data-interactive="stock-yield"] .sy-result { border-top:1px solid var(--rule); margin-top:.8rem; padding-top:.8rem; }
[data-interactive="stock-yield"] .sy-headline { font-size:1.15em; font-weight:750; margin:0 0 .5rem; }
[data-interactive="stock-yield"] .sy-legend { display:flex; flex-wrap:wrap; gap:.4rem 1rem; font-size:.9em; margin:.5rem 0; }
[data-interactive="stock-yield"] .sy-swatch { display:inline-block; width:1rem; height:.7rem; border:1px solid var(--ink); margin-right:.3rem; }
[data-interactive="stock-yield"] .sy-blank { fill:var(--surface-2); stroke:var(--ink); stroke-width:.8; background:var(--surface-2); }
[data-interactive="stock-yield"] .sy-kerf { fill:var(--accent); background:var(--accent); }
[data-interactive="stock-yield"] .sy-trim { fill:var(--ink-soft); background:var(--ink-soft); }
[data-interactive="stock-yield"] .sy-offcut { fill:var(--gold,#D9B65A); background:var(--gold,#D9B65A); }
[data-interactive="stock-yield"] .sy-outline { fill:none; stroke:var(--ink); stroke-width:1; }
[data-interactive="stock-yield"] .sy-scroll { overflow-x:auto; margin:.4rem 0; border:1px solid var(--rule); background:var(--surface); }
[data-interactive="stock-yield"] .sy-scroll svg { display:block; width:100%; min-width:720px; max-width:none; height:auto; }
[data-interactive="stock-yield"] svg text { fill:var(--ink); font:20px sans-serif; }
[data-interactive="stock-yield"] .sy-balance { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; margin:.7rem 0; }
[data-interactive="stock-yield"] .sy-balance > div { border:1px solid var(--rule); padding:.5rem; background:var(--surface); }
[data-interactive="stock-yield"] .sy-balance dt { color:var(--ink-soft); font-size:.9em; }
[data-interactive="stock-yield"] .sy-balance dd { margin:0; font-weight:700; }
[data-interactive="stock-yield"] .sy-equation { font-variant-numeric:tabular-nums; background:var(--surface-2); padding:.6rem; }
[data-interactive="stock-yield"] .sy-error { border-left:4px solid var(--accent); padding:.6rem; font-weight:650; }
[data-interactive="stock-yield"] .sy-position-list { padding-left:1.6rem; font-variant-numeric:tabular-nums; }
[data-interactive="stock-yield"] details > summary { min-height:44px; padding:.5rem 0; }
[data-interactive="stock-yield"] .sy-settings { border-block:1px solid var(--rule); margin:.7rem 0; }
@media (max-width:48rem) {
  [data-interactive="stock-yield"] .sy-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-interactive="stock-yield"] .sy-balance { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:24rem) {
  [data-interactive="stock-yield"] { padding:.7rem; }
}
@media print {
  [data-interactive="stock-yield"] :is(.sy-settings,.sy-controls,.sy-actions,.sy-exercise,.sy-scroll-hint,.sy-position-details) { display:none !important; }
  [data-interactive="stock-yield"] .sy-scroll { overflow:visible; }
  [data-interactive="stock-yield"] .sy-scroll svg { min-width:0; width:100%; }
  [data-interactive="stock-yield"] .sy-balance { grid-template-columns:repeat(4,minmax(0,1fr)); }
}