tutorial-page{max-width:1120px;padding-bottom:72px}.tutorial-hero{margin:18px 0 32px;padding:clamp(26px,5vw,56px);border:1px solid #d9eee1;border-radius:20px;background:radial-gradient(ellipse at 85% 12%,#c9efd780,transparent 45%),linear-gradient(120deg,#f0faf3,#fff)}.tutorial-hero h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.8px}.eyebrow{margin-bottom:12px;color:#198553;font-weight:700;font-size:12px;letter-spacing:1.3px}.tutorial-page .lead{max-width:850px;margin-top:14px;color:#536c61;font-size:17px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 18px}.button-secondary{color:#15583a;background:#e6f5eb;border:1px solid #cce8d6}.button-secondary:hover{color:#0b5136;background:#d7efdf}.notice{margin-top:18px;padding:13px 16px;border-left:3px solid #e0a83b;background:#fff8e8;color:#6b5a35}.tutorial-section,.lesson{margin:24px 0;padding:clamp(20px,3.5vw,34px);border:1px solid #dfede5;border-radius:14px;background:#fff}.tutorial-section h2,.lesson h2{margin-bottom:14px;color:#0b5136;font-size:23px}.tutorial-section p,.tutorial-section li,.lesson p,.lesson li{color:#53675d;line-height:1.85}.overview-grid,.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.overview-grid>div,.meta-grid>div{padding:17px;border-radius:10px;background:#f2f8f4}.overview-grid h3{margin-bottom:6px;color:#15583a}.overview-grid p{font-size:13px}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-grid b,.meta-grid span{display:block}.meta-grid span{margin-top:5px;color:#53675d;font-size:13px}.tutorial-page pre{overflow:auto;max-width:100%;margin:15px 0;padding:17px;border-radius:9px;background:#12251c;color:#e7f5eb;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.tutorial-page code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lesson-card{display:flex;min-width:0;flex-direction:column;gap:8px;padding:17px;border:1px solid #e0eee5;border-radius:11px;background:#fbfefc;transition:transform .15s,border-color .15s}.lesson-card:hover{transform:translateY(-2px);border-color:#91cba7}.lesson-card span{color:#198553;font-size:11px;font-weight:700}.lesson-card strong{color:#173f2c;font-size:15px}.lesson-card p{flex:1;font-size:12px;line-height:1.7}.lesson-card b{color:#198553;font-size:12px}.tutorial-section .detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.tutorial-section .detail-actions a,.lesson section a{color:#198553;text-decoration:underline;text-underline-offset:3px}.lesson section{margin-top:30px}.lesson section h2{font-size:20px}.lesson section ul{padding-left:22px}.lesson-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:34px;padding-top:18px;border-top:1px solid #dfede5}.lesson-nav a{color:#187c4d;font-weight:650}.lesson-nav .button{color:white}.lesson-nav>*{min-width:0}
@media(max-width:800px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.tutorial-page .lead{font-size:15px}}
@media(max-width:540px){.tutorial-hero{padding:24px 20px}.tutorial-hero h1{font-size:30px}.lesson-grid,.meta-grid{grid-template-columns:1fr}.lesson-nav{flex-wrap:wrap;justify-content:center}.lesson-nav>*{flex:1 1 auto;text-align:center}.lesson-nav .button{flex-basis:100%}.tutorial-section,.lesson{padding:20px}.tutorial-page pre{font-size:11px}}
.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lesson section a.button,.lesson section a.button:hover{color:#fff;text-decoration:none}
@media(max-width:600px){.lesson-grid{grid-template-columns:1fr}}

.official-doc-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:18px}.official-doc-links a{display:inline-block;max-width:100%;color:#167b4c;line-height:1.7;text-decoration:none}.official-doc-links a+a:before{content:"·";display:inline-block;margin-right:18px;color:#9aada1}.official-doc-links a:hover{color:#0b5136;text-decoration:underline;text-underline-offset:3px}
.version-summary{display:grid;gap:8px;margin:12px 0 18px;padding-left:22px;color:#53675d;line-height:1.8}.version-summary li{padding-left:3px}.version-summary strong{color:#294d3a}