.reading-width{max-width:780px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.guide-grid>*{min-width:0}.guide-note{border-left:2px solid var(--amber);padding:4px 0 4px 20px;color:var(--muted)}.guide-grid p,.guide-copy p{max-width:75ch}.contract-ticket{border:1px solid var(--edge);background:var(--panel);padding:24px}.contract-ticket .ticket-title{font:1.3rem/1.4 Consolas,monospace}.ticket-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.ticket-fields small,.lab-result small{display:block;color:var(--muted);font-size:.8rem}.ticket-fields strong{font:1.2rem/1.5 Consolas,monospace}.lab-controls{display:grid;gap:20px}.lab-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.9rem}.lab-controls input{grid-column:1/-1;width:100%;accent-color:var(--amber)}.lab-controls select{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--edge);padding:8px}.lab-controls output{font-family:Consolas,monospace}.lab-result{display:flex;gap:25px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--edge);margin-top:24px}.lab-result strong{font:1.35rem/1.5 Consolas,monospace}.lab-result [data-sign=negative]{color:var(--put)}.lab-result [data-sign=positive]{color:var(--call)}.visual svg{display:block;width:100%;height:auto}.visual svg text{fill:var(--muted);font:13px Consolas,monospace}.visual .grid{stroke:var(--edge);fill:none}.payoff-line{stroke:var(--call);stroke-width:3;fill:none}.selected-line{stroke:var(--amber);stroke-dasharray:4 5}.visual circle{fill:var(--amber)}.base-bar{fill:var(--price);opacity:.8}.changed-bar{fill:var(--call);opacity:.8}.guide-table{width:100%;border-collapse:collapse;font-size:.9rem}.guide-table th,.guide-table td{padding:13px 12px;border-bottom:1px solid var(--edge);text-align:left;vertical-align:top}.table-scroll{overflow-x:auto}.guide-table th{color:var(--muted);font-weight:normal}.guide-table td:first-child{font-weight:bold}.greek-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.greek-grid article{border:1px solid var(--edge);padding:18px}.greek-grid output{font:.85rem/1.6 Consolas,monospace;color:var(--price)}.plain-button{padding:8px 15px;background:none;border:1px solid var(--edge);color:var(--text);font:inherit}.guide-faq details{padding:18px 0;border-bottom:1px solid var(--edge)}.guide-faq summary{cursor:pointer;font-weight:bold}.source-list{font-size:.85rem;color:var(--muted)}.workflow{counter-reset:steps;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.workflow li{counter-increment:steps;border-top:1px solid var(--edge);padding-top:16px}.workflow li:before{content:counter(steps,decimal-leading-zero);display:block;color:var(--muted);font:1rem Consolas,monospace;margin-bottom:12px}.workflow strong{display:block}.workflow p{font-size:.9rem;color:var(--muted)}
@media(max-width:760px){.guide-grid{grid-template-columns:1fr;gap:20px}.workflow{grid-template-columns:1fr}.greek-grid{grid-template-columns:1fr 1fr}.greek-grid article{padding:12px}.guide-table{font-size:.85rem}.guide-table th,.guide-table td{padding:10px 6px}.contract-ticket{padding:18px}.visual svg text{font-size:15px}.lab-result{gap:12px 20px}.lab-result strong{font-size:1.15rem}}

.visual svg text{font-size:16px}
@media(max-width:760px){.visual svg text{font-size:24px}}