body.seo-body{background:#F5FBF7}.seo-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.seo-nav__in{min-height:70px;display:flex;align-items:center;gap:24px}.seo-nav__links{margin-left:auto;display:flex;gap:18px;font-weight:700;font-size:14px}.seo-hero{padding:58px 0 34px;text-align:center;background:linear-gradient(180deg,#EAF9F0,transparent)}.seo-hero h1{font-size:clamp(34px,6vw,58px);max-width:900px;margin:8px auto 14px}.seo-hero p{max-width:760px;margin:0 auto;color:var(--muted)}.seo-breadcrumb{font-size:13px;color:var(--muted)}.seo-layout{display:grid;grid-template-columns:minmax(0,1fr)300px;gap:26px;align-items:start;padding-bottom:70px}.seo-article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,50px);box-shadow:0 4px 0 var(--line)}.seo-article h2{margin:42px 0 16px;font-size:27px;scroll-margin-top:100px}.seo-article>h2:first-child{margin-top:0}.seo-article h3{margin:32px 0 14px;font-size:21px}.seo-article>p{margin-bottom:20px}.formula-box{background:#0B2117;color:#D8FFE6;border-radius:15px;padding:17px 20px;font:600 15px var(--fm);overflow:auto;margin:18px 0 22px}.formula-box b{color:#66EA97}.syntax{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 24px}.syntax span{padding:7px 10px;border-radius:9px;background:var(--blue-soft);font:600 13px var(--fm)}.example-table{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:14px}.example-table th{background:var(--green);color:#fff;text-align:left}.example-table th,.example-table td{padding:10px;border-bottom:1px solid var(--line)}.seo-tip{background:var(--amber-soft);border-left:5px solid var(--amber);padding:15px 18px;border-radius:11px;margin:24px 0 34px}.seo-exercise{background:var(--green-tint);border:2px solid #BCECCF;border-radius:18px;padding:22px;margin:20px 0 46px}.seo-exercise input{width:100%;border:2px solid var(--line);border-radius:12px;padding:12px;font:600 15px var(--fm);margin:12px 0}.seo-exercise [data-result]{min-height:28px;font-weight:700;margin-top:8px}.seo-exercise+.seo-article h2{margin-top:48px}.seo-side{position:sticky;top:92px;display:grid;gap:16px}.seo-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.seo-card h3{font-size:18px}.seo-card a:not(.btn){display:block;padding:7px 0;color:var(--green-dd);font-weight:700;font-size:13px}.function-grid,.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:30px 0 70px}.function-card,.template-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;transition:.18s}.function-card:hover,.template-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.function-card code{color:var(--green-dd);font-weight:800}.function-card p,.template-card p{font-size:14px}.template-card__ico{font-size:38px}.seo-footer{background:#0B2117;color:#C8DACE;padding:30px 0}.seo-footer .wrap{display:flex;justify-content:space-between;gap:20px}.seo-footer a{color:#fff}.download-list{display:grid;gap:16px;margin-top:24px}.download-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.download-row i{font-size:34px;font-style:normal}.download-row p{margin:2px 0}.download-row small{color:var(--muted)}
@media(prefers-reduced-motion:no-preference){.seo-hero>*{animation:seoRise .55s var(--ease) both}.seo-article{animation:seoRise .5s .08s var(--ease) both}.seo-side>*{animation:seoRise .5s .16s var(--ease) both}.seo-exercise{transition:transform .2s var(--ease),box-shadow .2s}.seo-exercise:focus-within{transform:translateY(-2px);box-shadow:0 10px 26px rgba(8,145,58,.1)}.seo-exercise [data-result]:not(:empty){animation:seoPop .28s var(--ease)}.function-card,.template-card,.download-row{animation:seoRise .42s var(--ease) both}.btn{position:relative;overflow:hidden}.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28),transparent 70%);transform:translateX(-110%)}.btn:hover::after{animation:seoShine .65s ease}}@keyframes seoRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes seoPop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes seoShine{to{transform:translateX(110%)}}
@media(max-width:900px){.seo-layout{grid-template-columns:1fr}.seo-side{position:static}.function-grid,.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.seo-nav__links{display:none}.seo-hero{padding-top:38px}.seo-article{padding:22px}.function-grid,.template-grid{grid-template-columns:1fr}.download-row{grid-template-columns:auto 1fr}.download-row .btn{grid-column:1/-1}.seo-footer .wrap{display:block}}

/* Bài học thư viện: cấu trúc giáo khoa trực quan cho người bắt đầu từ số 0. */
.seo-hero--lesson{padding-bottom:46px}.seo-hero--lesson .eyebrow{display:inline-block;margin-top:15px}.hero-outcomes{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-outcomes span{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #BCECCF;color:var(--green-dd);font-size:12.5px;font-weight:700}
.seo-lesson section{padding-top:8px;scroll-margin-top:88px}.seo-lesson section+section{border-top:1px solid var(--line);margin-top:46px;padding-top:46px}.lesson-kicker{display:inline-block;color:var(--green-dd);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.seo-lesson .lead{font-size:18px;line-height:1.8;color:var(--ink)}
.beginner-box{display:flex;gap:15px;align-items:flex-start;background:var(--blue-soft);border:1px solid #C8D9FF;border-radius:18px;padding:18px 20px;margin-bottom:40px}.beginner-box>span{font-size:29px}.beginner-box b{display:block;margin-bottom:4px}.beginner-box p{margin:0;font-size:14px;line-height:1.7}.beginner-box strong{color:var(--blue-d)}
.analogy{display:flex;gap:12px;align-items:flex-start;background:var(--amber-soft);border-radius:16px;padding:16px 18px;margin:20px 0}.analogy>span{font-size:24px}.analogy p{margin:0;line-height:1.7}
.learn-sheet{border:2px solid var(--line);border-radius:20px;overflow:hidden;margin:26px 0;box-shadow:0 5px 0 var(--line);background:#fff}.learn-sheet__top{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F8FAFC;border-bottom:1px solid var(--line)}.learn-sheet__top span{width:9px;height:9px;border-radius:50%;background:var(--coral)}.learn-sheet__top span:nth-child(2){background:var(--amber)}.learn-sheet__top span:nth-child(3){background:var(--green)}.learn-sheet__top b{font:600 11px var(--fm);color:var(--muted);margin-left:5px}.learn-sheet__fx{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}.learn-sheet__fx i{font:italic 800 13px var(--fm);color:var(--green-dd)}.learn-sheet__fx code{font:600 13px var(--fm);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-sheet__scroll{overflow-x:auto}.learn-sheet table{width:100%;border-collapse:collapse;min-width:480px;font-size:13px}.learn-sheet th,.learn-sheet td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;text-align:left}.learn-sheet thead th,.learn-sheet tbody th{background:#EEF2F6;color:var(--muted);font:700 11px var(--fm)}.learn-sheet td.is-focus{background:#FFF5DB;font-weight:700;box-shadow:inset 0 0 0 2px var(--amber)}.learn-sheet>p{margin:0;padding:15px 18px;background:var(--green-tint);font-size:14px;line-height:1.65}
.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.use-grid>div{padding:19px;border-radius:17px;background:var(--green-tint);border:1px solid #BCECCF}.use-grid>div+div{background:var(--coral-soft);border-color:#F5C3C5}.use-grid b{display:block;margin-bottom:9px;color:var(--green-dd)}.use-grid>div+div b{color:var(--coral-d)}.use-grid ul{margin:0;padding-left:20px}.use-grid li{margin:6px 0}.use-grid p{margin:0;font-size:14px;line-height:1.7}
.syntax-parts{display:grid;gap:10px;margin:18px 0}.syntax-parts>div{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:13px}.syntax-parts i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--blue-soft);color:var(--blue-d);font-style:normal;font-weight:800;flex:0 0 auto}.syntax-parts span{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%}.syntax-parts small{color:var(--muted);line-height:1.45}.syntax-parts code{background:var(--bg-2);padding:4px 7px;border-radius:7px;color:var(--violet-d);font-size:12px}.read-formula{border-left:5px solid var(--violet);background:var(--violet-soft);border-radius:0 14px 14px 0;padding:14px 17px}.read-formula p{margin:3px 0 0}
.learn-steps{display:grid;gap:11px;margin:20px 0}.learn-steps>div{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px}.learn-steps i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-style:normal;font-weight:800;flex:0 0 auto}.learn-steps p{margin:0;color:var(--ink)}
.mistake-card{display:flex;gap:14px;padding:18px;border-radius:17px;background:var(--amber-soft);border-left:5px solid var(--amber)}.mistake-card>span{font-size:27px}.mistake-card b{display:block}.mistake-card p{margin:5px 0 0;font-size:14px;line-height:1.65}.checklist{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:13px 16px}.checklist summary{font-weight:700;cursor:pointer}.checklist li{margin:8px 0;color:var(--ink-2)}
.seo-exercise>p{font-size:13.5px;margin:7px 0}.exercise-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.exercise-solution{margin-top:16px;padding:16px;border-radius:14px;background:#fff;border:1px dashed var(--line-2)}.exercise-solution ol{padding-left:22px}.exercise-solution li{margin:7px 0}.exercise-solution code{display:block;padding:11px;border-radius:10px;background:var(--ink);color:#8CEFB5;font:600 13px var(--fm);overflow:auto}.deep-cta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:24px;border-radius:22px;background:linear-gradient(135deg,#0C2A1D,#17452F);color:#fff}.deep-cta>span{font-size:38px}.deep-cta h2{color:#fff;margin-top:0}.deep-cta p{color:#D8E9DF}.lesson-toc a{border-left:3px solid transparent;padding-left:10px!important}.lesson-toc a:hover{border-left-color:var(--green);background:var(--green-tint)}
@media(max-width:700px){.use-grid{grid-template-columns:1fr}.syntax-parts span{grid-template-columns:1fr;gap:3px}.syntax-parts code{justify-self:start}.beginner-box{padding:15px}.deep-cta{grid-template-columns:1fr}.seo-lesson section+section{margin-top:34px;padding-top:34px}.seo-lesson .lead{font-size:16px}}

/* Product SEO: landing có trải nghiệm thật, không phải bài blog dài đơn thuần */
.product-seo{color:#10241A}.product-hero{padding:72px 0;background:linear-gradient(145deg,#F0FFF5 0,#F7FAFF 62%,#FFF8E9 100%);border-bottom:1px solid #DDEAE2}.product-hero__grid,.product-two{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:48px}.product-hero h1{max-width:800px;margin:10px 0 16px;font-size:clamp(42px,6vw,72px);line-height:.98}.product-hero p{max-width:690px;font-size:18px;line-height:1.7;color:#52685C}.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.library-search{display:flex;align-items:center;gap:10px;max-width:620px;margin:24px auto 0;background:#fff;border:2px solid #D7E4DC;border-radius:14px;padding:7px 12px;box-shadow:0 5px 0 #E2EBE5}.library-search input{min-width:0;flex:1;border:0;outline:0;padding:9px;background:transparent;font:15px var(--fb)}.library-search span{white-space:nowrap;color:var(--muted);font-size:12px;font-weight:700}
.product-exercise{background:#fff;border:1px solid #D5E2DA;border-radius:22px;padding:18px;box-shadow:0 10px 0 #E5ECE7,0 24px 50px rgba(20,60,38,.1)}.product-sheet{overflow:auto;border:1px solid #DCE5E0;border-radius:13px}.product-sheet__fx{display:flex;gap:10px;padding:9px 12px;background:#F7F9F8;border-bottom:1px solid #DCE5E0;font-family:var(--fm)}.product-sheet__fx i{color:#2B7FFF}.product-sheet table{width:100%;min-width:480px;border-collapse:collapse;font-size:12px}.product-sheet th,.product-sheet td{padding:10px;border:1px solid #E3E9E5;text-align:left}.product-sheet th{background:#EEF5F1}.product-exercise>p{margin:16px 0 10px;font-size:14px}.product-input{display:flex;gap:8px}.product-input input{min-width:0;flex:1;border:2px solid #D9E4DD;border-radius:11px;padding:11px;font:13px var(--fm)}.product-exercise [data-result]{min-height:24px;margin-top:10px;font-size:13px;font-weight:700}.is-correct{color:#078737!important}.is-error{color:#C72D37!important}
.product-section{padding:78px 0}.product-section--tint{background:#F2FAF5;border-block:1px solid #E0EBE4}.section-title{max-width:760px;margin:0 auto 38px;text-align:center}.section-title>span{color:#078737;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.section-title h2,.product-two h2{font-size:clamp(30px,4vw,46px);margin:8px 0 12px}.section-title p{color:#5E7066}.path-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.path-cards article,.feature-grid article,.compare-cards article,.beginner-steps article{background:#fff;border:1px solid #DDE7E1;border-radius:18px;padding:22px}.path-cards i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#DFF9E7;color:#078737;font-style:normal;font-weight:800}.path-cards h3{margin:20px 0 6px}.path-cards p,.feature-grid p,.compare-cards p,.beginner-steps p{color:#607167;line-height:1.6}.compare-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:820px;margin:auto}.compare-cards .is-pro{border-color:#10CF51;box-shadow:0 5px 0 #BCEFCF}.beginner-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.beginner-steps b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#10CF51;color:#fff;font-size:20px}.product-narrow{width:min(880px,92%);margin:auto}
.practice-builder{background:#fff;border:1px solid #D4E2D9;border-radius:22px;padding:24px;box-shadow:0 10px 0 #E3EBE6;display:grid;gap:14px}.practice-builder label{display:grid;gap:6px;font-weight:800;font-size:13px}.practice-builder select{width:100%;padding:12px;border:2px solid #DDE6E0;border-radius:11px;background:#fff;font:14px var(--fb)}.practice-builder [data-practice-result]{display:grid;gap:5px}.practice-builder [data-practice-result] a{margin-top:8px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-grid article>i{font-style:normal;font-size:32px}.score-preview{background:#102B1D;color:#fff;border-radius:26px;padding:34px;box-shadow:0 12px 0 #CEE7D7}.score-preview>span{color:#91D7AA;font-weight:800}.score-preview strong{display:block;font:800 76px var(--fh);line-height:1;margin:15px 0}.score-preview strong small{font-size:24px}.score-preview>div{height:14px;border-radius:99px;background:#365443;overflow:hidden}.score-preview>div i{display:block;height:100%;background:linear-gradient(90deg,#10CF51,#72E9A0);border-radius:inherit}.score-preview p{color:#C1D7C9;font-size:13px}
.formula-tool{display:grid;gap:13px;margin-top:28px;background:#fff;border:1px solid #D5E1D9;border-radius:22px;padding:24px;box-shadow:0 9px 0 #E2EBE5}.formula-tool label{font-weight:800}.formula-tool textarea{min-height:110px;resize:vertical;border:2px solid #D8E3DC;border-radius:12px;padding:14px;font:15px/1.6 var(--fm)}.formula-tool textarea:focus{outline:none;border-color:#10CF51;box-shadow:0 0 0 4px rgba(16,207,81,.12)}.formula-result{display:grid;gap:6px;min-height:24px;padding:0 2px}.formula-result b{font-size:17px}.formula-result span,.formula-result small{color:#425C4D}.privacy-note{font-size:12px!important}.check-list{display:grid;gap:12px;padding:0;list-style:none}.check-list li:before{content:'✓';color:#0AAC47;font-weight:900;margin-right:10px}.tool-example{background:#0D291A;color:#fff;border-radius:20px;padding:25px}.tool-example code{display:block;margin:14px 0;padding:12px;border-radius:10px;background:#193B28;color:#82EEAA;overflow:auto}.tool-example p{color:#BED2C5}
.skill-actions{display:grid;justify-items:start;gap:14px;margin-top:26px}.skill-privacy{display:flex;align-items:center;gap:10px;max-width:520px;padding:11px 14px;border:1px solid #CFE3D7;border-radius:13px;background:rgba(255,255,255,.72);color:#496156;font-size:12.5px;line-height:1.45}.skill-privacy>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#DFF8E8;font-style:normal}.skill-privacy>span{display:grid}.skill-privacy b{color:#173D2A;font-size:12.5px}

/* Formula Explainer: kết quả dài nhưng có phân cấp, accordion và chế độ đọc. */
.formula-hero .product-narrow{width:min(1040px,92%)}.formula-result--rich{gap:18px;margin-top:10px;color:#153326}.fx-result-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding-top:8px}.fx-valid{display:inline-flex!important;width:max-content;padding:5px 10px;border-radius:99px;background:#DFF8E8;color:#078737!important;font-weight:800;font-size:12px}.fx-result-head h2{font-size:28px;margin:12px 0 7px}.fx-result-head p{margin:0;max-width:760px;color:#425C4D;line-height:1.7}.fx-complexity{display:grid;min-width:168px;padding:14px;border-radius:16px;background:#102B1D;color:#fff}.fx-complexity small,.fx-complexity span{color:#BFD6C7!important}.fx-complexity b{font-size:20px}.fx-colored{display:flex;align-items:center;flex-wrap:wrap;overflow:auto;padding:14px;border:1px solid #D7E2DB;border-radius:13px;background:#F8FAF9;font:600 13px/1.7 var(--fm)}.fx-token{color:#263D31!important}.fx-token--func{color:#7A36C6!important;font-weight:800}.fx-token--ref,.fx-token--range{color:#1265C7!important}.fx-token--num{color:#B25600!important}.fx-token--str{color:#078737!important}.fx-token--op,.fx-token--sep{color:#9A3750!important}.fx-modes{display:flex;gap:6px;padding:5px;border-radius:13px;background:#EEF4F0;width:max-content;max-width:100%}.fx-modes button{border:0;border-radius:9px;background:transparent;padding:9px 13px;color:#4A6255;font:700 12.5px var(--fb);cursor:pointer}.fx-modes button.is-active{background:#fff;color:#087F39;box-shadow:0 2px 7px rgba(20,50,33,.12)}.fx-panel{display:none}.fx-panel.is-active{display:grid;gap:12px;animation:seoRise .25s var(--ease)}.fx-section{border:1px solid #D8E4DC;border-radius:16px;background:#fff;overflow:hidden}.fx-section>summary{cursor:pointer;padding:15px 18px;font-weight:800;list-style:none}.fx-section>summary::-webkit-details-marker{display:none}.fx-section>summary:after{content:'+';float:right;color:#078737;font-size:20px}.fx-section[open]>summary:after{content:'−'}.fx-section__body{display:grid;gap:12px;padding:2px 18px 18px;border-top:1px solid #EDF2EF}.fx-flow,.fx-flow ul{list-style:none;margin:0;padding:0}.fx-flow ul{margin:8px 0 2px 25px;padding-left:18px;border-left:2px solid #BFE8CE}.fx-flow li{position:relative;margin:8px 0}.fx-flow ul>li:before{content:'';position:absolute;left:-20px;top:16px;width:18px;border-top:2px solid #BFE8CE}.fx-flow__row{display:flex;gap:9px;align-items:flex-start;padding:9px 11px;border-radius:11px;background:#F2FAF5}.fx-flow__outcome>.fx-flow__row{background:#E4F7EB}.fx-flow__row b{display:inline-grid;place-items:center;min-width:46px;padding:3px 7px;border-radius:99px;background:#fff;color:#078737;font-size:11px}.fx-reading{display:grid;gap:7px}.fx-reading p{margin:0 0 0 calc(var(--level)*18px);padding:9px 12px;border-left:3px solid #73DB99;background:#F5FAF7;border-radius:0 9px 9px 0;font-size:14px;line-height:1.6}.fx-logic-card,.fx-fn-card,.fx-ref-card{display:grid;gap:7px;padding:14px;border:1px solid #E1E9E4;border-radius:13px}.fx-logic-card>small{color:#078737!important;font-weight:800}.fx-logic-card>code{overflow:auto;padding:9px;border-radius:9px;background:#102B1D;color:#8CEFB5;font:600 12px var(--fm)}.fx-logic-card p,.fx-fn-card p,.fx-ref-card p{margin:0;font-size:13.5px;line-height:1.6}.fx-fn-card>small{color:#64776C!important}.fx-arg{display:grid;grid-template-columns:145px minmax(100px,.7fr) minmax(160px,1fr);gap:10px;align-items:center;padding-top:7px;border-top:1px dashed #DFE7E2}.fx-arg>span{font-weight:700;font-size:12px}.fx-arg code,.fx-ref-card>code{color:#1D5DB2;font:700 12px var(--fm)}.fx-arg small{font-size:11.5px}.fx-ref-card ul,.fx-section__body>ul{margin:2px 0;padding-left:20px}.fx-ref-card li,.fx-section__body>ul li{margin:6px 0;line-height:1.55}.fx-op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fx-op-grid>div{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;background:#F4F8F5}.fx-op-grid code{min-width:40px;color:#9A3750;font-weight:800}.fx-ast{max-height:420px;overflow:auto;margin:0;padding:14px;border-radius:12px;background:#102119;color:#9AE9B7;font:12px/1.55 var(--fm)}.fx-error{display:grid;gap:7px;padding:16px;border-radius:13px;background:#FFF0F1;border:1px solid #F4C5C8;color:#9F2530}.fx-error p{margin:0;color:#75343A}.privacy-note{display:flex;align-items:center;gap:6px;color:#607268!important}
@media(max-width:980px){.product-hero__grid,.product-two{grid-template-columns:1fr}.path-cards{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.product-hero{padding:48px 0}.product-hero h1{font-size:42px}.product-hero__grid,.product-two{gap:28px}.path-cards,.feature-grid,.beginner-steps,.compare-cards{grid-template-columns:1fr}.product-input{flex-direction:column}.product-section{padding:54px 0}}
@media(max-width:700px){.fx-result-head{grid-template-columns:1fr}.fx-complexity{min-width:0}.fx-arg{grid-template-columns:1fr;gap:4px}.fx-op-grid{grid-template-columns:1fr}.fx-modes{width:100%}.fx-modes button{flex:1;padding-inline:7px}.formula-tool{padding:17px}.fx-flow ul{margin-left:12px}.fx-reading p{margin-left:calc(var(--level)*8px)}}