.tutorial-hero{padding-top:36px;padding-bottom:44px}
.tutorial-hero nav{margin-bottom:36px}
.tutorial-hero h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.08;max-width:950px}
.tutorial{max-width:900px;line-height:1.75;padding-top:28px}
.tutorial h2{font:700 clamp(1.5rem,3vw,2rem)/1.2 Georgia,serif;margin-top:44px}
.tutorial h3{font-size:1.1rem;margin-top:28px;line-height:1.35}
.tutorial li{margin-bottom:8px}.tutorial ul{padding-left:24px}
.tutorial-table{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.tutorial-table:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.tutorial-table table{min-width:650px;font-size:.92rem;line-height:1.45}
.tutorial-table caption{text-align:left;padding:14px 12px;font-weight:700;color:var(--muted)}
.tutorial-table tbody th{text-transform:none;letter-spacing:normal;font-size:inherit;background:transparent}
.tutorial-table tfoot th{font-size:inherit;text-transform:none;letter-spacing:normal;background:#f7f1ee}
.scroll-hint{color:var(--muted);font-size:.88rem}
.tutorial-cta{display:inline-block;background:var(--green);color:#fff;padding:13px 18px;border-radius:10px;font-weight:750;text-decoration:none;line-height:1.4}
.tutorial .formula{overflow-wrap:anywhere}
.skip-link{position:absolute;top:8px;left:8px;transform:translateY(-200%);padding:12px;background:white;z-index:2}.skip-link:focus{transform:none}
@media print{.tutorial-hero nav,.tutorial-cta,.skip-link,.scroll-hint{display:none}.tutorial{max-width:none;padding:12px}.tutorial-table{overflow:visible;border:0}.tutorial-table table{min-width:0;font-size:9pt}.tutorial-table th,.tutorial-table td{padding:6px}.tutorial-hero{padding:12px}.tutorial-hero h1{font-size:26pt}.tutorial h2{break-after:avoid}}