@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Source+Serif+4:wght@600;700&display=swap";:root{--navy:#14213d;--indigo:#4f46e5;--blue:#2563eb;--teal:#14b8a6;--amber:#f59e0b;--bg:#f8fafc;--surface:#fff;--ink:#14213d;--muted:#526275;--border:#dde4ee;--content:1180px;--radius:18px;--shadow:0 18px 50px #14213d18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);margin:0;font:16px/1.65 DM Sans,system-ui,sans-serif}h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;line-height:1.1}h1{letter-spacing:-.045em;margin:.25rem 0 1rem;font-size:clamp(2.7rem,6vw,5.7rem)}h2{letter-spacing:-.03em;font-size:clamp(2rem,4vw,3.3rem)}h3{font-size:1.35rem}a{color:var(--blue)}button,input{font:inherit}.skip-link{z-index:99;background:#fff;padding:.7rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-main{width:min(calc(100% - 40px),var(--content));margin:auto}.site-header{z-index:30;border-bottom:1px solid var(--border);backdrop-filter:blur(14px);background:#ffffffed;position:sticky;top:0}.header-inner{width:min(calc(100% - 40px),var(--content));justify-content:space-between;align-items:center;height:76px;margin:auto;display:flex}.brand img{width:min(310px,52vw);height:auto;display:block}.desktop-nav{gap:1.4rem;display:flex}.desktop-nav a{color:var(--ink);font-size:.9rem;font-weight:700;text-decoration:none}.mobile-menu{display:none}.hero,.tool-hero{grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3.5rem,8vw,7rem) 0;display:grid}.eyebrow{color:var(--indigo);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:800}.hero-intro,.tool-hero p{color:var(--muted);font-size:1.15rem}.hero-formula,.formula-box{color:#fff;background:var(--navy);border-left:5px solid var(--teal);border-radius:10px;margin-top:1.5rem;padding:1rem 1.2rem;font:600 1.05rem ui-monospace,monospace}.lcd-calculator{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:1.35rem}.mode-tabs,.method-tabs{background:#eef2ff;border-radius:11px;gap:.35rem;padding:.3rem;display:flex}.mode-tabs button,.method-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;padding:.6rem;font-weight:800}.mode-tabs .active,.method-tabs .active{color:#fff;background:var(--indigo)}[data-fraction-fields]{grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1rem 0;display:grid}.fraction-input{border:1px solid var(--border);background:#f8fafc;border-radius:13px;gap:.3rem;padding:1rem;display:grid;position:relative}.fraction-input label{color:var(--muted);gap:.2rem;font-size:.72rem;font-weight:700;display:grid}.fraction-input input,.denominator-only input{text-align:center;width:100%;color:var(--navy);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem;font-size:1.1rem;font-weight:800}.fraction-rule{border-top:2px solid var(--navy)}.fraction-input [data-remove]{color:#94a3b8;background:0 0;border:0;position:absolute;top:.2rem;right:.35rem}.denominator-only{gap:.4rem;margin:1rem 0;font-weight:700;display:grid}.calc-controls,.preset-row{flex-wrap:wrap;gap:.45rem;margin:.75rem 0;display:flex}.calc-controls button,.preset-row button{border:1px solid var(--border);color:var(--indigo);background:#fff;border-radius:8px;padding:.45rem .65rem;font-size:.78rem;font-weight:800}.calc-error{color:#b91c1c;min-height:1.4em}.lcd-result{color:#fff;background:linear-gradient(135deg,var(--navy),#263d6a);border-radius:14px;padding:1.1rem}.lcd-result>span{font-size:.8rem}.lcd-result>strong{color:#fbbf24;font:700 3.5rem/1 "Source Serif 4";display:block}.lcd-result p{margin:.25rem 0}.equivalent-list{grid-template-columns:repeat(2,1fr);gap:.4rem;margin-top:.6rem;display:grid}.equivalent-list p{background:#ffffff12;border-radius:6px;padding:.45rem;font-size:.82rem}.method-tabs{margin-top:1rem}.method-panel,.fraction-visual{border:1px solid var(--border);background:#f8fafc;border-radius:12px;margin-top:.7rem;padding:1rem}.method-panel h3,.fraction-visual h3{margin:.1rem 0 .6rem}.bar-row{margin:.7rem 0}.bar-row>span{font-weight:700;display:block}.segment-bar{grid-template-columns:repeat(var(--parts),1fr);border:1px solid #94a3b8;height:24px;margin-top:.25rem;display:grid}.segment-bar i{border-right:1px solid #cbd5e1}.segment-bar i.filled{background:var(--teal)}.section-block{border-top:1px solid var(--border);padding:clamp(4rem,8vw,7rem) 0}.fact-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.fact-grid article,.comparison-grid article{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.25rem}.fact-grid p,.comparison-grid p{color:var(--muted)}.steps-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.steps-grid article{border-top:4px solid var(--indigo);background:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 8px 22px #14213d0c}.steps-grid b{color:var(--indigo);font-size:1.5rem}.split-section{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.split-section>article{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.5rem}.factor-map{color:#fff;background:var(--navy);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem;display:grid}.factor-map article{background:#ffffff12;border-radius:10px;justify-content:space-between;padding:1rem;display:flex}.factor-map span{color:#fbbf24;font-size:1.5rem}.factor-map>strong{text-align:center;color:#5eead4;grid-column:1/-1}.worked-example{color:#fff;background:var(--navy);border-radius:var(--radius);padding:2rem}.worked-example strong{color:#fbbf24;font:700 3rem "Source Serif 4";display:block}.comparison-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}thead{color:#fff;background:var(--navy)}.tool-card-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.tool-card-grid a{min-height:220px;color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.3rem;text-decoration:none;position:relative}.tool-card-grid a:hover{border-color:var(--indigo);transform:translateY(-3px)}.tool-card-grid span{color:var(--indigo);text-transform:uppercase;font-size:.72rem;font-weight:800}.tool-card-grid p{color:var(--muted)}.tool-card-grid b{color:var(--indigo);font-size:1.5rem;position:absolute;bottom:1rem;right:1.2rem}.faq-section details{border-bottom:1px solid var(--border);padding:1rem 0}.faq-section summary{cursor:pointer;font-weight:800}.breadcrumbs{color:var(--muted);gap:.6rem;padding-top:1.5rem;font-size:.85rem;display:flex}.tool-hero h1{font-size:clamp(2.7rem,5vw,4.8rem)}.tool-visual{border-radius:var(--radius);background:linear-gradient(135deg,#eef2ff,#ecfeff);border:1px solid #c7d2fe;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;min-height:220px;padding:2rem;font-size:1.3rem;display:flex}.tool-visual span,.tool-visual strong{background:#fff;border-radius:10px;padding:1rem}.tool-visual p{text-align:center;color:var(--muted);flex-basis:100%}.content-shell,.article-shell{max-width:900px;min-height:55vh;margin:auto;padding:4rem 0}.page-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.5rem}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.blog-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden}.blog-card>div{padding:1.2rem}.blog-card img{width:100%}.site-footer{padding:4rem max(20px,calc((100vw - var(--content))/2));color:#cbd5e1;background:var(--navy)}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:2rem;display:grid}.footer-brand img{filter:brightness(0)invert();width:290px}.footer-grid h2{color:#fff;font-size:1.2rem}.footer-grid nav a{color:#cbd5e1;margin:.3rem 0;text-decoration:none;display:block}.language-switcher{border-top:1px solid #ffffff20;align-items:center;gap:.7rem;margin-top:2rem;padding-top:1.5rem;display:flex}.language-switcher select{padding:.5rem}.footer-bottom{border-top:1px solid #ffffff20;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;display:flex}@media (width<=1000px){.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{gap:4px;display:grid}.mobile-menu summary span{border-top:2px solid;width:25px;display:block}.mobile-menu nav{box-shadow:var(--shadow);background:#fff;padding:1rem;position:absolute;right:1rem}.mobile-menu nav a{padding:.4rem;display:block}.hero,.tool-hero{grid-template-columns:1fr}.fact-grid,.tool-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.site-main,.header-inner{width:min(calc(100% - 24px),var(--content))}h1{font-size:2.8rem}[data-fraction-fields],.split-section,.comparison-grid,.steps-grid,.footer-grid,.fact-grid,.tool-card-grid,.equivalent-list,.factor-map{grid-template-columns:1fr}.factor-map>strong{grid-column:1}.site-footer{padding:3rem 20px}.footer-bottom{flex-direction:column}.segment-bar{min-width:0}.method-tabs{overflow-x:auto}.method-tabs button{min-width:110px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.hero>*,.tool-hero>*{min-width:0}.content-shell,.page-card{overflow-wrap:anywhere;min-width:0}.special-fields,.denominator-fields,.mixed-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.special-fields label,.denominator-fields label,.mixed-fields label{color:var(--muted);gap:.3rem;font-size:.78rem;font-weight:800;display:grid}.special-fields input,.denominator-fields input,.mixed-fields input{border:1px solid var(--border);border-radius:8px;width:100%;min-width:0;padding:.65rem}.mixed-fields fieldset{border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.special-fractions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.specialized-tool>.primary-button,.specialized-result{margin-top:1rem}.specialized-result [data-tool-output]>strong{color:#fbbf24;font:700 2.3rem "Source Serif 4";display:block}.tool-live-visual{background:#eef2ff;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;min-height:120px;margin-top:.8rem;padding:1rem;display:flex}.tool-live-visual span,.tool-live-visual strong{background:#fff;border-radius:8px;padding:.55rem}.tool-live-visual ol{width:100%;margin:0}.tool-live-visual b{color:var(--indigo)}@media (width<=650px){.special-fields,.denominator-fields,.mixed-fields,.special-fractions,.mixed-fields fieldset{grid-template-columns:1fr}}