.main-nav{gap:22px;margin-left:0;align-items:center}
.main-nav .nav-item{white-space:nowrap;height:100%}
.main-nav .nav-print{height:44px;padding:0 18px;border:1px solid #d5edc9;border-radius:9px;background:#c1ddb4;color:#102b30;font-weight:750;gap:9px;box-shadow:0 3px 18px #b2dbad15}
.nav-print svg{width:19px;height:19px}
.main-nav .nav-print:hover{background:#d4edc9;transform:translateY(-1px)}
.main-nav .nav-print:focus-visible{outline:3px solid #f6db9b;outline-offset:4px}
.tutorial-section{margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}
.tutorial-section h3{font-size:19px;margin:0 0 12px;color:var(--cream)}
.tutorial-section p,.tutorial-section li,.tutorial-fees dd{font-size:14px;line-height:1.75;color:#b6c9cc}
.tutorial-section strong{color:var(--cream)}
.tutorial-section ol{padding-left:23px;margin:12px 0}
.tutorial-section li{padding-left:5px;margin:9px 0}
.tutorial-example{padding:18px 20px;border-radius:10px;background:#c1ddb40a;border:1px solid #c1ddb430;margin:17px 0}
.tutorial-example p:last-child{margin-bottom:0}
.tutorial-fees{margin:0}
.tutorial-fees>div{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
.tutorial-fees dt{font-size:14px;font-weight:650;padding-top:3px}
.tutorial-fees dd{margin:0}
.tutorial-section details{border-bottom:1px solid var(--line);padding:14px 0}
.tutorial-section summary{cursor:pointer;font-size:14px;font-weight:650;line-height:1.5}
.tutorial-section details p{margin-bottom:0}
@media(max-width:1200px){
 .main-nav{position:fixed;bottom:0;left:0;right:0;height:64px;z-index:20;margin:0;display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr 1fr;gap:8px;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));height:calc(64px + env(safe-area-inset-bottom));background:#081e28f5;border-top:1px solid var(--line);backdrop-filter:blur(16px)}
 .main-nav .nav-item{min-width:0;justify-content:center;font-size:12px;padding:0}
 .main-nav .nav-item.active:after{bottom:0;left:25%;right:25%}
 .main-nav .nav-print{height:46px;padding:0 10px;gap:6px;font-size:12px}
 .site-footer{margin-bottom:calc(64px + env(safe-area-inset-bottom))}
}
@media(max-width:420px){
 .main-nav{gap:3px;padding-left:6px;padding-right:6px;grid-template-columns:1fr 1fr 1.6fr 1fr 1fr}
 .main-nav .nav-item{font-size:11px}
 .main-nav .nav-print{font-size:11px;padding:0 6px;gap:4px}
 .nav-print svg{width:15px;height:15px;flex-shrink:0}
 .tutorial-fees>div{grid-template-columns:1fr;gap:5px}
 .tutorial-example{padding:14px}
}
@media(max-width:360px){.main-nav .nav-print{padding:0 4px;font-size:10.5px}.nav-print svg{display:none}}
