.learning-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.learning-map a{display:block;background:#111d2b;border:1px solid #2d4059;border-radius:12px;padding:15px;color:#fff;font-weight:700;text-decoration:none}.learning-map a span{display:block;color:#9bb0ce;font-size:12px;font-weight:500;margin-top:3px}.learning-map a:hover{border-color:#4f9cff;transform:translateY(-1px)}.visual-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}.legend-card{background:linear-gradient(145deg,#14243a,#0f1825);border:1px solid #315172;border-radius:14px;padding:22px}.legend-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #233248}.legend-row:last-child{border-bottom:0}.legend-symbol{width:62px;min-width:62px;height:42px;display:grid;place-items:center;border-radius:9px;background:#0d1520;color:#fff;font-size:23px;font-weight:800}.legend-copy strong{display:block}.legend-copy span{display:block;color:#9bb0ce;font-size:13px}.visual-steps{display:grid;gap:20px;margin-top:22px}.visual-step{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;background:#192434;border:1px solid #233248;border-radius:16px;padding:22px;scroll-margin-top:90px}.visual-step:nth-child(even) .step-figure{order:2}.step-figure{margin:0;background:#0d141e;border:1px solid #2c3d54;border-radius:13px;overflow:hidden}.step-figure img{display:block;width:100%;height:auto}.step-figure figcaption{color:#8fa4c1;font-size:12px;padding:10px 13px;border-top:1px solid #233248}.step-copy{min-width:0}.step-number{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:10px;background:#1973f0;color:#fff;font-weight:800;margin-bottom:12px}.step-copy h2{font-size:clamp(24px,3vw,32px);margin:0 0 10px}.step-copy p{color:#9bb0ce;margin:0 0 14px}.calculation{display:block;background:#0d1520;border:1px solid #2b3f59;border-radius:10px;padding:13px 15px;color:#dceaff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;overflow-x:auto}.why-box{border-left:4px solid #34d399;background:#10251f;border-radius:8px;padding:13px 15px;color:#c9f7e6;margin-top:14px}.watch-box{border-left:4px solid #f59e0b;background:#2a2212;border-radius:8px;padding:13px 15px;color:#fde6a7;margin-top:14px}.mini-check{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mini-check span{background:#111d2b;border:1px solid #2d4059;border-radius:999px;padding:6px 10px;color:#cfe0f8;font-size:12px}.practice-strip{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:linear-gradient(135deg,#173763,#14243a);border:1px solid #315172;border-radius:16px;padding:24px;margin:24px 0}.practice-strip h2{margin:0 0 7px}.practice-strip p{margin:0;color:#c3d4eb}.practice-actions{display:flex;gap:10px;flex-wrap:wrap}.quick-check{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-check article{background:#111d2b;border:1px solid #233248;border-radius:12px;padding:17px}.quick-check h3{margin:0 0 7px;font-size:17px}.quick-check p{margin:0;color:#9bb0ce;font-size:13px}.formula-highlight{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;background:#0d1520;border-radius:6px;padding:2px 6px}.tutorial-toc{position:sticky;top:76px;z-index:8;background:rgba(16,24,34,.95);backdrop-filter:blur(10px);border:1px solid #233248;border-radius:12px;padding:10px;margin:18px 0 24px;display:flex;gap:7px;overflow-x:auto}.tutorial-toc a{white-space:nowrap;color:#bcd0eb;background:#111d2b;border:1px solid #233248;border-radius:8px;padding:7px 10px;font-size:12px;text-decoration:none}.tutorial-toc a:hover{color:#fff;border-color:#4f9cff}.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer;color:#fff;border:1px solid #2d4059;border-radius:8px;padding:7px 10px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{display:grid;gap:8px;padding:12px 0 4px}.mobile-menu a{color:#cfe0f8}.mobile-menu[open] summary{border-color:#4f9cff}@media(max-width:820px){.visual-intro,.visual-step{grid-template-columns:1fr}.visual-step:nth-child(even) .step-figure{order:0}.learning-map{grid-template-columns:1fr 1fr}.practice-strip{grid-template-columns:1fr}.quick-check{grid-template-columns:1fr 1fr}}@media(max-width:700px){.tutorial-toc{top:68px;margin-left:-4px;margin-right:-4px}.learning-map,.quick-check{grid-template-columns:1fr}.visual-step{padding:16px;gap:16px}.step-copy h2{font-size:24px}.practice-actions .button{width:100%}.header-inner{flex-direction:row!important;align-items:center!important;padding-top:10px!important;padding-bottom:10px!important}.header-inner>.nav{display:none}.mobile-menu{display:block}}