.tut-callout{background:var(--k-lemon);border:2.5px solid var(--k-ink);border-radius:var(--r-lg);box-shadow:5px 5px 0 var(--k-ink);padding:18px 22px;margin:24px 0 32px}.tut-callout-title{font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--k-ink);margin-bottom:6px}.tut-callout p{margin:0;font-size:15.5px;color:var(--k-ink);line-height:1.5}.tut-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:20px 0 40px}.tut-tier-grid-single{grid-template-columns:1fr;max-width:560px}.tut-tier{background:var(--k-white);border:3px solid var(--k-ink);border-radius:var(--r-lg);box-shadow:6px 6px 0 var(--k-ink);padding:22px 24px;position:relative}.tut-tier-1{background:color-mix(in srgb,var(--k-coral, #ff6b6b) 12%,var(--k-white))}.tut-tier-2{background:color-mix(in srgb,var(--k-lemon, #ffe066) 18%,var(--k-white))}.tut-tier-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tut-tier-head h3{margin:0;font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.02em}.tut-tier-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.05em;background:var(--k-ink);color:var(--k-white);padding:4px 8px;border-radius:6px}.tut-tier-badge-inline{font-size:10px;padding:2px 6px;margin-right:6px;vertical-align:middle}.tut-tier-desc{margin:0 0 8px;font-size:14.5px;color:var(--k-ink);opacity:.82}.tut-tier-action{display:block;background:var(--k-ink);color:var(--k-cream);padding:10px 14px;border-radius:8px;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.02em;margin-bottom:12px}.tut-tier-action:before{content:"▸ ";color:var(--k-lemon);font-weight:800}.tut-tier-note{margin:0 0 14px;font-size:13.5px;color:var(--k-muted);line-height:1.5}.tut-tier-ex-title{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--k-muted);margin-bottom:6px}.tut-tier-examples ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.tut-tier-examples li{font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}.tut-tier-examples code{background:var(--k-white);border:1.5px solid var(--k-ink);padding:3px 8px;border-radius:6px;font-family:var(--font-mono);font-size:12.5px;color:var(--k-ink)}.tut-flag{font-size:15px;opacity:.8}@media(max-width:800px){.tut-tier-grid{grid-template-columns:1fr}}.tut-steps{counter-reset:step;padding-left:0;list-style:none;margin:12px 0 24px}.tut-steps>li{counter-increment:step;margin-bottom:12px;font-size:15.5px;line-height:1.65;color:var(--k-ink)}.tut-steps>li:before{content:counter(step);display:inline-block;min-width:22px;height:22px;line-height:22px;padding:0 6px;margin-right:10px;background:var(--k-ink);color:var(--k-lemon);font-family:var(--font-mono);font-size:12px;font-weight:800;border-radius:5px;text-align:center;vertical-align:1px}.tut-steps code{background:var(--k-cream);padding:1px 6px;border-radius:4px;font-size:13px}.tut-lang-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 26px}.tut-lang-stat{background:var(--k-white);border:2.5px solid var(--k-ink);border-radius:var(--r-lg);box-shadow:4px 4px 0 var(--k-ink);padding:16px 14px;text-align:center}.tut-lang-stat-n{font-family:var(--font-display);font-size:34px;font-weight:800;color:var(--k-ink);letter-spacing:-.02em;line-height:1}.tut-lang-stat-l{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--k-muted);margin-top:6px;text-transform:uppercase}@media(max-width:700px){.tut-lang-summary{grid-template-columns:repeat(2,1fr)}}.tut-lang-chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:18px 0 36px}.tut-lang-chip{display:block;background:var(--k-white);border:2px solid var(--k-ink);border-radius:10px;padding:8px 12px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,background .15s}.tut-lang-chip:hover{background:var(--k-lemon);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--k-ink)}.tut-lang-chip-code{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:800;background:var(--k-ink);color:var(--k-lemon);padding:2px 5px;border-radius:4px;margin-bottom:4px}.tut-lang-chip-native{display:block;font-weight:700;font-size:14px;color:var(--k-ink);line-height:1.15}.tut-lang-chip-en{display:block;font-size:11.5px;color:var(--k-muted);margin-top:1px}.tut-lang-cards{display:flex;flex-direction:column;gap:12px;margin:12px 0 32px}.tut-lang-card{background:var(--k-white);border:2.5px solid var(--k-ink);border-radius:var(--r-lg);box-shadow:5px 5px 0 var(--k-ink);overflow:hidden}.tut-lang-card>summary{display:grid;grid-template-columns:60px 1.2fr 1fr auto auto 24px;gap:14px;align-items:center;padding:14px 18px;cursor:pointer;list-style:none;font-size:14.5px}.tut-lang-card>summary::-webkit-details-marker{display:none}.tut-lang-card>summary:hover{background:var(--k-cream)}.tut-lang-card[open]>summary{border-bottom:2px solid var(--k-ink);background:var(--k-cream)}.tut-lang-card-code{font-family:var(--font-mono);font-size:11px;font-weight:800;background:var(--k-ink);color:var(--k-lemon);padding:3px 6px;border-radius:5px;text-align:center}.tut-lang-card-native{font-weight:700;color:var(--k-ink);font-size:15px}.tut-lang-card-en{font-size:13px;color:var(--k-muted)}.tut-lang-card-group{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 7px;border-radius:5px;letter-spacing:.04em}.tut-lang-card-group-A{background:color-mix(in srgb,var(--k-coral, #ff6b6b) 20%,var(--k-white));color:var(--k-ink)}.tut-lang-card-group-B{background:color-mix(in srgb,var(--k-green, #7cffa5) 25%,var(--k-white));color:var(--k-ink)}.tut-lang-card-count{font-family:var(--font-mono);font-size:12px;font-weight:800;color:var(--k-muted);min-width:22px;text-align:right}.tut-lang-card-caret{font-size:14px;color:var(--k-muted);transition:transform .2s}.tut-lang-card[open] .tut-lang-card-caret{transform:rotate(180deg)}.tut-lang-card-body{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:18px 22px 22px}.tut-lang-card-body-single{grid-template-columns:1fr}.tut-lang-col-h{font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--k-ink);margin-bottom:8px;display:flex;align-items:center}.tut-phrase-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.tut-phrase-list code{background:var(--k-cream);border:1.5px solid var(--k-ink);padding:4px 9px;border-radius:6px;font-family:var(--font-mono);font-size:12.5px;color:var(--k-ink);display:inline-block}.tut-empty{font-size:12.5px;color:var(--k-muted);font-style:italic}@media(max-width:800px){.tut-lang-card>summary{grid-template-columns:48px 1fr auto 20px;row-gap:4px}.tut-lang-card-en,.tut-lang-card-group{display:none}.tut-lang-card-body{grid-template-columns:1fr;gap:16px}}.tut-note{background:var(--k-cream);border-left:4px solid var(--k-ink);padding:10px 14px;margin:12px 0 24px;font-size:14px;color:var(--k-muted)}.tut-cta{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:var(--k-ink);color:var(--k-white);border-radius:var(--r-lg);padding:24px 28px;margin:40px 0 0}.tut-cta b{font-family:var(--font-display);font-size:20px;font-weight:800}.tut-cta p{margin:6px 0 0;font-size:14.5px;color:color-mix(in srgb,var(--k-white) 78%,transparent)}.tut-cta-btn{background:var(--k-lemon);color:var(--k-ink);border:2.5px solid var(--k-lemon);border-radius:10px;padding:12px 20px;font-family:var(--font-display);font-size:15px;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .15s}.tut-cta-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--k-white)}@media(max-width:700px){.tut-cta{grid-template-columns:1fr}}