.tutorial-surface{color:#293e36;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f8f2;min-height:75vh;font-family:inherit}.t-shell{width:min(1160px,100% - 48px);margin:auto}.t-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:90px 0 70px;display:grid}.t-eyebrow{color:#587464;letter-spacing:.12em;margin:0 0 18px;font-size:13px;font-weight:600}.t-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,4.6vw,64px);font-weight:500;line-height:1.3}.t-intro{color:#607066;max-width:640px;margin:24px 0;font-size:17px;line-height:1.9}.t-button{color:#fff;cursor:pointer;background:#395e4d;border:1px solid #395e4d;border-radius:8px;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:12px 22px;font-size:14px;line-height:1.5;display:inline-flex}.t-button:hover{filter:brightness(.94)}.t-secondary{color:#395e4d;background:0 0;border-color:#c0ccbe}.t-button:focus-visible,.tutorial-surface a:focus-visible,.t-dialog button:focus-visible{outline-offset:4px;outline:3px solid #ae7547}.t-hero-art{background:#e9eee3;border-radius:48% 48% 8px 8px;justify-content:center;align-items:center;height:350px;display:flex;position:relative;overflow:hidden}.t-ball{background:repeating-linear-gradient(5deg,#0000 0 12px,#ffffff26 13px,#4c654422 15px),radial-gradient(circle at 30% 25%,#d2dcbe,#9aad86 55%,#63775a);border-radius:50%;width:220px;height:220px;display:block;transform:rotate(-18deg);box-shadow:18px 35px 26px -20px #485b4b66}.t-art-caption{color:#5d6e58;letter-spacing:.1em;font-size:12px;position:absolute;bottom:25px}.t-section{border-top:1px solid #dce2d6;padding:42px 0 60px;scroll-margin-top:100px}.t-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.t-section h2,.t-dialog h2{margin:0;font-size:26px;font-weight:500}.t-search,.t-dialog input{color:#293e36;background:#fff;border:1px solid #c5cfc0;border-radius:8px;max-width:100%;padding:13px 15px;font-size:15px}.t-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.t-category-card{background:#fff;border:1px solid #e0e5d9;border-radius:12px;transition:transform .2s;overflow:hidden}.t-category-card:hover{transform:translateY(-3px)}.t-category-visual{background:#e8edde;justify-content:center;align-items:center;height:200px;display:flex;position:relative}.t-category-visual>span:first-child{color:#586b4e;font-size:12px;position:absolute;top:20px;left:22px}.t-category-visual .t-ball{width:125px;height:125px}.t-card-copy{padding:24px}.t-card-copy h3{justify-content:space-between;margin:0 0 12px;font-size:24px;display:flex}.t-card-copy p:not(.t-eyebrow){color:#637165;margin-bottom:24px;font-size:14px;line-height:1.9}.t-card-copy small{color:#53644f}.t-principles{border-top:1px solid #dce2d6;grid-template-columns:repeat(3,1fr);gap:32px;padding:40px 0 65px;display:grid}.t-principles b{font-size:14px;font-weight:500}.t-principles p{color:#667263;margin-top:12px;font-size:13px;line-height:1.8}.t-detail{padding-top:32px;padding-bottom:60px}.t-breadcrumb{color:#687766;flex-wrap:wrap;gap:12px;margin-bottom:50px;font-size:13px;display:flex}.t-detail-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px;display:flex}.t-detail h1{font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.3}.t-detail-heading .t-button{flex-shrink:0}.t-empty{text-align:center;background:#edf1e7;border-radius:12px;padding:55px 24px}.t-empty h3{margin-bottom:12px;font-size:24px}.t-empty p{color:#61715f;margin-bottom:24px;line-height:1.9}.t-notice{color:#5f6f5b;background:#edf0e7;border-radius:8px;padding:20px 24px;font-size:14px;line-height:1.9}.t-back{padding-top:32px;font-size:14px;display:inline-block}.t-video-row{border-bottom:1px solid #dce2d6;align-items:center;gap:24px;padding:22px 8px;display:flex}.t-video-row>div{flex:1}.t-video-row h3{font-size:19px;font-weight:500}.t-video-row p{color:#61715f;margin-top:8px;font-size:14px}.t-video-row img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:144px;height:81px}.t-video-number{color:#788671}.t-current{background:#edf1e7}.t-player{background:#18251e;border-radius:12px;position:relative;overflow:hidden}.t-player video{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;width:100%;max-height:70vh;display:block}.t-player-status{color:#fff;pointer-events:none;background:#18251ed9;border-radius:6px;padding:8px 14px;font-size:13px;position:absolute;top:16px;left:16px}.t-player-controls{flex-wrap:wrap;align-items:center;gap:24px;padding:18px 0;font-size:14px;display:flex}.t-player-controls select{color:#293e36;background:#fff;border:1px solid #bac8b5;border-radius:6px;min-height:44px;margin-left:6px;padding:10px}.t-player-controls>span,.t-muted{color:#687864;font-size:13px}.t-chapters{padding:20px 0}.t-chapters .t-button{margin:8px 8px 8px 0}.t-dialog{color:#293e36;text-align:center;background:#f8faf5;border:0;border-radius:16px;width:min(440px,100% - 32px);max-height:90dvh;padding:36px 26px 22px;position:fixed;overflow:auto}.t-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#152b226b}.t-close{color:#445d4d;width:44px;height:44px;font-size:28px;position:absolute;top:8px;right:10px}.t-dialog .t-eyebrow{margin-top:12px}.t-qr{-o-object-fit:contain;object-fit:contain;width:256px;max-width:100%;height:256px;margin:18px auto}.t-dialog p:not(.t-eyebrow){color:#5a6c5d;margin:12px 0;font-size:13px;line-height:1.8}.t-dialog input{width:100%;font-size:14px}.t-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.tutorial-header{color:#293e36!important;background:#f7f8f2f5!important;border-color:#dce2d6!important}.tutorial-header nav{background:0 0!important}.tutorial-header nav a{color:#506349!important;border-color:#dce2d6!important}.tutorial-header nav a:hover{color:#a23435!important}.tutorial-header nav a.text-white{color:#263e30!important}body:has(.tutorial-surface){background:#f7f8f2!important}body:has(.tutorial-surface) .site-footer{color:#4d624f!important;background:#eef1e8!important;border-color:#dce2d6!important}:is(body:has(.tutorial-surface) .site-footer .text-aocg-muted,body:has(.tutorial-surface) .site-footer .footer-title){color:#5f6e5b!important}@media (max-width:800px){.t-shell{width:calc(100% - 36px)}.t-hero{grid-template-columns:1fr 1fr;gap:28px;padding:48px 0}.t-hero-art{height:290px}.t-hero-art .t-ball{width:165px;height:165px}.t-grid{grid-template-columns:repeat(2,1fr)}.t-detail-heading{flex-direction:column;align-items:flex-start}.t-principles{gap:18px}.t-video-row{gap:12px}.t-video-row img{width:100px;height:65px}}@media (max-width:560px){.t-hero{grid-template-columns:1fr;padding-top:40px}.t-hero h1{font-size:40px}.t-hero-art{border-radius:12px;height:230px}.t-hero-art .t-ball{width:145px;height:145px}.t-art-caption{font-size:11px;bottom:15px;right:16px}.t-intro{font-size:15px}.t-section-heading{flex-direction:column;align-items:flex-start}.t-search{width:100%}.t-grid{grid-template-columns:1fr}.t-principles{grid-template-columns:1fr;gap:26px}.t-section{padding:30px 0}.t-detail{padding-top:24px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.t-breadcrumb{margin-bottom:30px}.t-video-number{display:none}.t-video-row{flex-wrap:wrap}.t-video-row>span:last-child{font-size:12px}.t-video-row h3{font-size:16px}.t-video-row p{display:none}.t-player-controls{gap:12px}.t-player-controls>span{width:100%}.t-dialog{padding:32px 18px 20px}.t-actions .t-button{padding:10px 14px}}@media (prefers-reduced-motion:reduce){.t-category-card{transition:none}.t-category-card:hover{transform:none}}@media (min-width:768px) and (max-width:1279px){body:has(.tutorial-surface) .footer-shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}