@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation{position:relative;--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:0;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{display:inline-block;stroke:currentColor;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;visibility:hidden;width:0;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)){padding:.5em 1em}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid #00000026}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container:only-child{flex-grow:1}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:#0000;border:0;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-close{width:100%}.wp-block-navigation__responsive-close:focus{outline:0}.wp-block-navigation__responsive-dialog{position:relative}.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:"Font Awesome 5 Free";font-weight:900}.fa-arrow-down:before{content:""}.fa-arrow-up:before{content:""}.fa-book:before{content:""}.fa-broom:before{content:""}.fa-calculator:before{content:""}.fa-chart-bar:before{content:""}.fa-chart-pie:before{content:""}.fa-cogs:before{content:""}.fa-copy:before{content:""}.fa-exchange-alt:before{content:""}.fa-history:before{content:""}.fa-info-circle:before{content:""}.fa-link:before{content:""}.fa-list-ol:before{content:""}.fa-moon:before{content:""}.fa-not-equal:before{content:""}.fa-percentage:before{content:""}.fa-question:before{content:""}.fa-question-circle:before{content:""}.fa-search:before{content:""}.fa-sync-alt:before{content:""}.fa-tasks:before{content:""}.fa-trash:before{content:""}@font-face{font-display:swap;font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.eot);src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.eot?#iefix)format("embedded-opentype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.woff2)format("woff2"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.woff)format("woff"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.ttf)format("truetype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-brands-400.svg#fontawesome)format("svg")}@font-face{font-display:swap;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.eot);src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.eot?#iefix)format("embedded-opentype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.woff2)format("woff2"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.woff)format("woff"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.ttf)format("truetype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-regular-400.svg#fontawesome)format("svg")}@font-face{font-display:swap;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.eot);src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.eot?#iefix)format("embedded-opentype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.woff2)format("woff2"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.woff)format("woff"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.ttf)format("truetype"),url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/webfonts/fa-solid-900.svg#fontawesome)format("svg")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Poppins-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Poppins-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Poppins-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Poppins-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Poppins-ExtraBold.woff)format("woff")}@font-face{font-display:swap;font-family:"OpenSans";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/OpenSans-Regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/Roboto-Regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"PlayfairDisplay";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/plugins/ymc-smart-filter/includes/assets/fonts/PlayfairDisplay-Regular.woff2)format("woff2")}a{text-decoration-thickness:1px!important;text-underline-offset:.1em}:where(.wp-site-blocks :focus){outline-width:2px;outline-style:solid}.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child){margin-bottom:3px}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{outline-offset:4px}.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content{outline-offset:0}h1,h2,h3,h4,p{text-wrap:pretty}.percentage-calculator-container{--primary-color:#2E7D94;--primary-light:#6FA6B5;--primary-dark:#265F70;--secondary-color:#10b981;--secondary-light:#34d399;--secondary-dark:#059669;--accent-color:#f59e0b;--accent-light:#fbbf24;--accent-dark:#d97706;--danger-color:#ef4444;--danger-light:#f87171;--danger-dark:#dc2626;--info-color:#3b82f6;--info-light:#60a5fa;--info-dark:#2563eb;--text-color:#1f2937;--text-light:#6b7280;--text-lighter:#9ca3af;--bg-color:#f9fafb;--card-bg:#ffffff;--border-color:#e5e7eb;--border-dark:#d1d5db;--shadow-color:rgba(0, 0, 0, 0.1);--shadow-dark:rgba(0, 0, 0, 0.15);--positive-color:#10b981;--positive-bg:#ecfdf5;--positive-border:#a7f3d0;--negative-color:#ef4444;--negative-bg:#fef2f2;--negative-border:#fecaca;--neutral-color:#3b82f6;--neutral-bg:#eff6ff;--neutral-border:#bfdbfe;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--font-sm:0.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--transition:all 0.2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:1080px;width:100%;margin:20px auto;padding:var(--space-xl);background-color:var(--bg-color);color:var(--text-color);border-radius:var(--radius-xl);box-shadow:0 4px 6px var(--shadow-color);transition:var(--transition);border:1px solid var(--border-color)}.header-section,.title-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.header-section{position:relative;margin-bottom:var(--space-xl);text-align:center;box-sizing:border-box}.title-wrapper{width:100%;padding:10px 0}.header-section h1{margin:0;font-size:var(--font-3xl);font-weight:800;color:var(--primary-color);display:flex;align-items:center;gap:var(--space-sm);text-transform:uppercase}.header-section h1 i{font-size:var(--font-2xl)}.credit-line,.footer-credit{color:var(--text-light);font-weight:400;text-align:center}.credit-line{font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.footer-credit{font-size:14px;margin-top:20px}.footer-link{color:var(--text-light);text-decoration:none}.footer-link:hover{text-decoration:underline}:root{--text-light:#d1d5db}.subtitle{margin:var(--space-xs)0 0;color:var(--text-light);font-size:var(--font-md);font-weight:400;text-align:center}.header-controls{position:absolute;top:0;right:0;display:flex;gap:var(--space-sm);align-items:center}.help-btn,.mode-toggle button{background:0 0;border:0;color:var(--primary-color);font-size:var(--font-xl);cursor:pointer;transition:var(--transition);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.help-btn:hover,.mode-toggle button:hover{background-color:rgba(0,0,0,.05)}.tabs-container{margin-bottom:var(--space-xl);position:relative}.tabs-scroll{overflow-x:auto;padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch}.tabs{display:inline-flex;border-bottom:1px solid var(--border-color);min-width:100%}.tab-btn{padding:var(--space-md) var(--space-lg);background:0 0;border:0;border-bottom:3px solid transparent;font-size:var(--font-md);font-weight:600;color:var(--text-light);cursor:pointer;transition:var(--transition);white-space:nowrap;display:flex;align-items:center;gap:var(--space-sm)}.tab-btn i{font-size:var(--font-lg)}.tab-btn.active,.tab-btn:hover{color:var(--primary-color)}.tab-btn.active{border-bottom:3px solid var(--primary-color)}.tab-content{display:none;animation:.3s fadeIn}.tab-content.active{display:block}.calculation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-bottom:var(--space-xl)}.wide-box{grid-column:span 2}.calculation-box{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:0 2px 4px var(--shadow-color);transition:var(--transition);border:1px solid var(--border-color);box-sizing:border-box}.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.box-header h3,.input-line input{font-weight:500;color:var(--text-color)}.box-header h3,.info-btn{font-size:var(--font-lg);display:flex;align-items:center}.box-header h3{margin:0;gap:var(--space-sm)}.box-header h3 i{font-size:var(--font-md);text-align:center}.info-btn{background:0 0;border:0;color:var(--text-light);cursor:pointer;transition:var(--transition);width:24px;height:24px;justify-content:center}.box-header h3 i,.info-btn:hover{color:var(--primary-color)}.input-group{margin-bottom:var(--space-lg)}.input-group label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-sm);font-weight:500;color:var(--text-light)}.input-row{display:flex;gap:var(--space-lg);margin-bottom:15px}.input-row .input-group{flex:1;margin-bottom:0}.input-line{display:flex;align-items:center;position:relative}.input-line input{flex:1;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-md);transition:var(--transition);background-color:var(--bg-color)}.input-line input[id$=Percent],.input-line input[id$=percent1],.input-line input[id$=percent2]{padding-right:calc(var(--space-md) + 30px)}.chain-operation input:focus,.chain-operation select:focus,.input-line input:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.input-suffix{position:absolute;right:calc(var(--space-md) + 15px);color:var(--text-light);font-size:var(--font-md);pointer-events:none}.calculate-btn,select,textarea{transition:var(--transition);width:100%}textarea{min-height:100px;box-sizing:border-box;resize:vertical}.calculate-btn,select{cursor:pointer}select,textarea{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);background-color:var(--bg-color)}.calculate-btn{background:linear-gradient(135deg,var(--primary-color)0,var(--primary-light) 100%);color:#fff;border:0;border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);font-weight:600;margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.calculate-btn:hover{background:linear-gradient(135deg,var(--primary-dark)0,var(--primary-color) 100%);transform:translateY(-1px);box-shadow:0 4px 6px var(--shadow-dark)}.calculate-btn:active{transform:translateY(0)}.calculate-btn,.calculate-btn i,select,textarea{font-size:var(--font-md)}.result-container{margin-top:var(--space-lg)}.result-box{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-md);min-height:30px;color:var(--text-color);font-size:var(--font-lg);font-weight:500;transition:var(--transition);margin-bottom:var(--space-sm);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-xs)}.result-box:empty::before,.result-box:not(.positive):not(.negative):not(.neutral){content:"Result will appear here";color:var(--text-lighter);font-weight:400;font-style:italic;display:flex;justify-content:center;align-items:center;height:100%;width:100%;text-align:center;box-sizing:border-box}.formula-display{font-size:var(--font-sm);color:var(--text-light);padding:var(--space-sm);border-radius:var(--radius-sm);background-color:rgba(79,70,229,.05);line-height:1.5;text-align:center;box-sizing:border-box}.formula-display:empty::before{content:"Calculation will appear here";color:var(--text-lighter);font-weight:400;font-style:italic;display:block;text-align:center}.chain-operation{display:flex;align-items:center;gap:var(--space-sm);position:relative}.chain-operation input,.chain-operation select{flex:1;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-md);color:var(--text-color);transition:var(--transition);background-color:var(--bg-color)}.chain-operation select{max-width:140px;cursor:pointer}.chain-operation input{padding-right:calc(var(--space-md) + 30px);font-weight:500}.chain-operation .input-suffix{position:absolute;right:calc(var(--space-md) + 15px);color:var(--text-light);font-size:var(--font-md);pointer-events:none}#visual-tab .visual-grid{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);align-items:stretch}.chart-container{width:100%;height:300px;margin-top:var(--space-lg);position:relative}.chart-summary{margin-top:var(--space-md);font-size:var(--font-sm);color:var(--text-light);text-align:center}.batch-results-container{max-height:200px;overflow-y:auto;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-color);margin-top:var(--space-sm)}.utility-buttons{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl)}.clear-btn,.copy-btn,.history-btn{padding:var(--space-md) var(--space-xl);border:0;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:var(--font-md);cursor:pointer;transition:var(--transition);box-shadow:0 2px 4px var(--shadow-color);display:flex;align-items:center;gap:var(--space-sm)}.clear-btn{background:linear-gradient(135deg,var(--danger-color)0,var(--danger-light) 100%)}.copy-btn{background:linear-gradient(135deg,var(--secondary-color)0,var(--secondary-light) 100%)}.history-btn{background:linear-gradient(135deg,var(--primary-color)0,var(--primary-light) 100%)}.clear-btn:hover{background:linear-gradient(135deg,var(--danger-dark)0,var(--danger-color) 100%)}.clear-btn:hover,.copy-btn:hover,.history-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px var(--shadow-dark)}.copy-btn:hover{background:linear-gradient(135deg,var(--secondary-dark)0,var(--secondary-color) 100%)}.history-btn:hover{background:linear-gradient(135deg,var(--primary-color)0,var(--primary-color) 100%)}.help-modal,.history-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;justify-content:center;align-items:center}.modal-content{background-color:var(--card-bg);padding:var(--space-xl);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 4px 12px var(--shadow-dark)}.close-btn,.modal-content h3{display:flex;align-items:center}.modal-content h3{margin-top:0;margin-bottom:var(--space-lg);color:var(--primary-color);gap:var(--space-sm)}.close-btn{position:absolute;top:var(--space-md);right:var(--space-md);font-size:var(--font-2xl);cursor:pointer;color:var(--text-light);transition:var(--transition);width:32px;height:32px;justify-content:center;border-radius:50%}.close-btn:hover{background-color:rgba(0,0,0,.05);color:var(--text-color)}.history-list{margin:var(--space-lg)0}.clear-history-btn{background:linear-gradient(135deg,var(--danger-color)0,var(--danger-light) 100%);color:#fff;border:0;border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:var(--transition);width:100%;margin-top:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.clear-history-btn:hover{background:linear-gradient(135deg,var(--danger-dark)0,var(--danger-color) 100%);transform:translateY(-1px);box-shadow:0 4px 6px var(--shadow-dark)}.help-content{line-height:1.6}.formulas-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.formula-item{background-color:rgba(79,70,229,.05);padding:var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.formula,.formula-item h4{margin-bottom:var(--space-sm)}.formula-item h4{margin-top:0;font-size:var(--font-md);color:var(--text-color)}.formula{font-family:"Courier New",Courier,monospace;font-size:var(--font-sm);color:var(--primary-color);background-color:var(--bg-color);padding:var(--space-sm);border-radius:var(--radius-sm);overflow-x:auto}.formula-example{font-size:var(--font-sm);color:var(--text-light);font-style:italic}#visual-tab .chart-container{height:250px}@media (max-width:1024px){.calculation-grid{grid-template-columns:1fr}.wide-box{grid-column:span 1}.formulas-container{grid-template-columns:1fr}}@media (max-width:768px){.percentage-calculator-container{padding:var(--space-lg);margin:var(--space-md) auto;width:calc(100% - var(--space-lg)*2)}.header-section{padding:0 var(--space-md)}.header-section,.subtitle,.title-wrapper{text-align:center;width:100%}.title-wrapper{flex-direction:column;align-items:center}.header-section h1,.header-section h1 i{font-size:var(--font-xl);align-items:center}.header-section h1,.title-wrapper{justify-content:center;margin:0 auto;padding:0;display:flex}.header-section h1{width:100%;flex-wrap:wrap;gap:var(--space-sm);box-sizing:border-box}.header-section h1 i{margin:0;position:static;display:inline-flex}.subtitle{margin:var(--space-xs) auto 0;display:block;font-size:.7rem}.header-controls{position:static;margin-top:var(--space-md);justify-content:center;width:100%}.tab-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-sm)}.calculation-grid{grid-template-columns:1fr;gap:var(--space-lg);width:100%}.wide-box{grid-column:span 1}.calculation-box{padding:var(--space-lg);box-sizing:border-box}.chain-operation,.input-row{flex-direction:column;width:100%}.input-row{gap:var(--space-md)}.chain-operation{align-items:stretch}.chain-operation select{max-width:100%}#visual-tab .visual-grid,.formulas-container{grid-template-columns:1fr;width:100%}.utility-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);width:100%;justify-items:stretch}.utility-buttons button:nth-child(3):last-child{grid-column:span 2;width:50%;margin:0 auto}.utility-buttons button{width:100%;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md)}.modal-content{width:calc(100% - var(--space-2xl));padding:var(--space-lg);box-sizing:border-box}.input-group,.input-line,.tab-content{width:100%}.result-container{width:100%;text-align:center}.result-box{text-align:center;flex-direction:column}.formula-display{text-align:center;width:100%}}