.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid #2d4059;border-radius:8px;padding:7px 10px;color:#fff}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:16px;top:58px;min-width:220px;background:#111d2b;border:1px solid #2d4059;border-radius:12px;padding:10px;box-shadow:0 18px 45px rgba(0,0,0,.35);display:grid;gap:5px}.mobile-menu nav a{padding:9px 10px;border-radius:7px;color:#cfe0f8}.mobile-menu nav a:hover{background:#192434;color:#fff}.result-learning{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#10251f;border:1px solid rgba(52,211,153,.28);border-radius:11px;padding:14px 16px;margin-top:12px}.result-learning strong{display:block;color:#d6ffef}.result-learning span{display:block;color:#9dd7c3;font-size:12px;margin-top:2px}.result-guide-link{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;background:#167a58;color:#fff;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:800}.result-guide-link[hidden]{display:none}.visual-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.visual-preview-card{background:#192434;border:1px solid #233248;border-radius:14px;overflow:hidden;transition:.2s}.visual-preview-card:hover{transform:translateY(-2px);border-color:#416992}.visual-preview-card img{width:100%;height:auto;display:block;background:#0f1722}.visual-preview-copy{padding:16px}.visual-preview-copy .step-label{color:#6ca9ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.visual-preview-copy h3{margin:6px 0 6px;font-size:18px}.visual-preview-copy p{margin:0;color:#9bb0ce;font-size:13px}.visual-tutorial-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#173763,#14243a);border:1px solid #315172;border-radius:14px;padding:20px;margin-top:18px}.visual-tutorial-cta h3{margin:0 0 5px}.visual-tutorial-cta p{margin:0;color:#bcd0e9;font-size:13px}.tutorial-button{display:inline-flex;align-items:center;gap:6px;background:#1973f0;color:#fff;border-radius:9px;padding:10px 14px;font-weight:800;white-space:nowrap}.input-help{display:flex;gap:8px;flex-wrap:wrap;margin:9px 2px 0;color:#7f95b3;font-size:12px}.input-help a{color:#78adff}.source-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.source-badge.local,.source-badge.reviewed{background:rgba(52,211,153,.11);color:#a7f3d0;border:1px solid rgba(52,211,153,.25)}.source-badge.basic{background:rgba(96,165,250,.11);color:#bfdbfe;border:1px solid rgba(96,165,250,.28)}.source-badge.external{background:rgba(245,158,11,.11);color:#fde6a7;border:1px solid rgba(245,158,11,.25)}.result-support-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-top:12px;border-radius:10px;border:1px solid #2d4059;background:#111d2b}.result-support-note .material-symbols-outlined{font-size:21px;flex:0 0 auto}.result-support-note strong{display:block;color:#fff;font-size:13px}.result-support-note span:not(.material-symbols-outlined){display:block;color:#9bb0ce;font-size:12px;line-height:1.55;margin-top:3px}.result-support-note a{display:inline-block;color:#7db3ff;font-size:12px;font-weight:700;margin-top:5px}.result-support-note.reviewed{background:rgba(16,72,54,.35);border-color:rgba(52,211,153,.28)}.result-support-note.reviewed .material-symbols-outlined{color:#6ee7b7}.result-support-note.basic{background:rgba(30,64,114,.3);border-color:rgba(96,165,250,.3)}.result-support-note.basic .material-symbols-outlined{color:#93c5fd}.result-support-note.external{background:rgba(96,58,10,.28);border-color:rgba(245,158,11,.28)}.result-support-note.external .material-symbols-outlined{color:#fbbf24}.example-card{color:#fff}.example-formula{color:#fff}.tutorial-button{font-size:0}.tutorial-button .material-symbols-outlined{display:none}.tutorial-button::before{content:"menu_book";font-family:"Material Symbols Outlined";font-size:20px;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}.tutorial-button::after{content:"Open illustrated guide";font-family:Lexend,Arial,sans-serif;font-size:14px;line-height:1.4}@media(max-width:900px){.visual-preview{grid-template-columns:1fr 1fr}.visual-preview-card:last-child{grid-column:1/-1}}@media(max-width:700px){.main-nav{display:none!important}.mobile-menu{display:block;position:relative}.visual-preview{grid-template-columns:1fr}.visual-preview-card:last-child{grid-column:auto}.visual-tutorial-cta,.result-learning{align-items:flex-start;flex-direction:column}.result-guide-link,.tutorial-button{width:100%;justify-content:center}.header-inner{position:relative}.result-support-note{padding:12px}}