:root{--tools-primary:#2563eb;--tools-primary-dark:#1e40af;--tools-secondary:#0ea5e9;--tools-accent:#f59e0b;--tools-text-dark:#1f2937;--tools-text-light:#6b7280;--tools-bg:#fff;--tools-bg-soft:#f9fafb;--tools-border:#e5e7eb;--tools-result-bg:#eff6ff;--tools-result-fg:#1e3a8a;--tools-radius:12px;--tools-radius-sm:8px;--tools-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--tools-shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--tools-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--tools-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1)}.tools-body *{box-sizing:border-box}.tools-body{background:var(--tools-bg);color:var(--tools-text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0}.tools-body a{color:inherit}.tools-container{margin:0 auto;max-width:1200px;padding:0 20px}.tools-header{background:var(--tools-bg);border-bottom:1px solid var(--tools-border);padding:16px 0}.tools-header-inner{align-items:center;display:flex;gap:16px;justify-content:space-between}.tools-brand{align-items:center;color:var(--tools-text-dark);display:flex;gap:12px;text-decoration:none}.tools-brand img{border-radius:8px;box-shadow:var(--tools-shadow-sm);height:36px;width:36px}.tools-brand-text{font-size:16px;font-weight:700}.tools-header-nav{align-items:center;display:flex;gap:24px}.tools-header-nav a{color:var(--tools-text-light);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.tools-header-nav a:hover{color:var(--tools-primary)}.tools-hero{background:linear-gradient(135deg,var(--tools-primary) 0,var(--tools-secondary) 100%);color:#fff;padding:56px 0 48px;text-align:center}.tools-hero h1{font-size:40px;font-weight:700;line-height:1.2;margin:0 0 12px}.tools-hero p{font-size:18px;margin:0 auto;max-width:700px;opacity:.95}.tools-page-hero{background:var(--tools-bg-soft);border-bottom:1px solid var(--tools-border);padding:32px 0 28px}.tools-page-hero h1{color:var(--tools-text-dark);font-size:32px;font-weight:700;line-height:1.2;margin:12px 0 10px}.tools-page-hero .lead{color:var(--tools-text-light);font-size:17px;margin:0;max-width:760px}.breadcrumbs{font-size:13px}.breadcrumbs,.breadcrumbs a{color:var(--tools-text-light)}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--tools-primary);text-decoration:underline}.breadcrumbs .sep{margin:0 6px;opacity:.5}.tool-section{padding:56px 0}.tool-section.alt{background:var(--tools-bg-soft)}.tool-section h2{color:var(--tools-text-dark);font-size:28px;font-weight:700;margin:0 0 24px;text-align:center}.tool-section .section-intro{color:var(--tools-text-light);font-size:17px;margin:0 auto 32px;max-width:720px;text-align:center}.calculator-card{background:var(--tools-bg);border-radius:16px;box-shadow:var(--tools-shadow-md);margin:0 auto;max-width:720px;padding:32px;transition:box-shadow .3s ease}.calculator-card:hover{box-shadow:var(--tools-shadow-lg)}.unit-switcher{display:inline-flex;margin-bottom:24px}.unit-switcher-btn{background:var(--tools-bg);border:1px solid var(--tools-border);color:var(--tools-text-dark);cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease}.unit-switcher-btn:first-child{border-radius:var(--tools-radius-sm) 0 0 var(--tools-radius-sm)}.unit-switcher-btn:last-child{border-left:0;border-radius:0 var(--tools-radius-sm) var(--tools-radius-sm) 0}.unit-switcher-btn:hover{background:var(--tools-bg-soft)}.unit-switcher-btn.active{background:var(--tools-primary);border-color:var(--tools-primary);color:#fff}.field{margin-bottom:20px}.field label{color:var(--tools-text-light);display:block;font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.field-input-row{align-items:center;display:flex;gap:10px}.field input,.field select{background:var(--tools-bg);border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm);color:var(--tools-text-dark);font-family:inherit;font-size:16px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.field input:focus,.field select:focus{border-color:var(--tools-primary);box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:none}.field .unit-suffix{color:var(--tools-text-light);font-size:14px;font-weight:600;min-width:40px}.result-block{background:linear-gradient(135deg,var(--tools-result-bg) 0,#dbeafe 100%);border:1px solid rgba(37,99,235,.15);border-radius:var(--tools-radius);color:var(--tools-result-fg);margin-top:28px;padding:24px}.result-primary-label{font-size:12px;font-weight:600;letter-spacing:.06em;opacity:.8;text-transform:uppercase}.result-primary-value-row{align-items:baseline;display:flex;gap:8px;margin-top:6px}.result-primary-value{font-size:42px;font-weight:800;line-height:1}.result-primary-unit{font-size:20px;font-weight:600;opacity:.75}.result-breakdown{list-style:none;margin:18px 0 0;padding:0}.result-breakdown-item{border-top:1px solid rgba(30,58,138,.15);display:flex;font-size:15px;justify-content:space-between;padding:8px 0}.breakdown-value{font-weight:700}.breakdown-unit{color:var(--tools-text-light);margin-left:4px}.tools-prose{color:var(--tools-text-dark);font-size:17px;line-height:1.7;margin:0 auto;max-width:760px}.tools-prose p{margin:0 0 16px}.faq-accordion{margin:0 auto;max-width:760px}.faq-accordion .faq-item{background:var(--tools-bg);border-radius:12px;box-shadow:var(--tools-shadow-sm);margin-bottom:12px;overflow:hidden;transition:box-shadow .2s ease}.faq-accordion .faq-item:hover{box-shadow:var(--tools-shadow-md)}.faq-question{align-items:center;background:transparent;border:0;color:var(--tools-text-dark);cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600;justify-content:space-between;padding:18px 24px;text-align:left;width:100%}.faq-question:after{color:var(--tools-primary);content:"+";font-size:22px;font-weight:400;transition:transform .2s ease}.faq-item.open .faq-question:after{transform:rotate(45deg)}.faq-answer{color:var(--tools-text-light);display:none;font-size:15px;line-height:1.7;padding:0 24px 18px}.faq-item.open .faq-answer{display:block}.related-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0 auto;max-width:1000px}.related-item{background:var(--tools-bg);border:1px solid var(--tools-border);border-radius:12px;color:var(--tools-text-dark);display:block;font-weight:600;padding:18px 20px;text-decoration:none;transition:all .25s ease}.related-item:hover{border-color:var(--tools-primary);box-shadow:var(--tools-shadow-md);transform:translateY(-4px)}.tools-listing{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1100px}.tools-listing .tool-card{background:var(--tools-bg);border-radius:16px;box-shadow:var(--tools-shadow-md);color:var(--tools-text-dark);display:block;padding:28px 24px;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.tools-listing .tool-card:hover{box-shadow:var(--tools-shadow-xl);transform:translateY(-6px)}.tools-listing .tool-card .icon{display:block;font-size:32px;margin-bottom:12px}.tools-listing .tool-card h3{color:var(--tools-text-dark);font-size:18px;font-weight:700;margin:0 0 8px}.tools-listing .tool-card p{color:var(--tools-text-light);font-size:14px;line-height:1.5;margin:0}.tools-listing .tool-card .arrow{color:var(--tools-primary);display:inline-block;font-size:14px;font-weight:600;margin-top:14px}.tools-categories{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1100px}.tools-categories .category-card{background:var(--tools-bg);border-radius:16px;box-shadow:var(--tools-shadow-md);color:var(--tools-text-dark);display:block;padding:28px 24px;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.tools-categories .category-card:hover{box-shadow:var(--tools-shadow-xl);transform:translateY(-6px)}.tools-categories .category-card .icon{display:block;font-size:40px;margin-bottom:14px}.tools-categories .category-card h3{font-size:18px;font-weight:700;margin:0 0 6px}.tools-categories .category-card .count{color:var(--tools-text-light);display:inline-block;font-size:13px;font-weight:600;margin-top:6px}.tools-empty{background:var(--tools-bg-soft);border:1px dashed var(--tools-border);border-radius:12px;color:var(--tools-text-light);font-size:15px;margin:0 auto;max-width:600px;padding:32px 16px;text-align:center}.tools-footer{background:var(--tools-text-dark);color:#fff;padding:36px 0;text-align:center}.tools-footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:12px}.tools-footer-links a{color:#fff;font-size:14px;text-decoration:none;transition:color .2s ease}.tools-footer-links a:hover{color:var(--tools-secondary)}.tools-footer-sep{opacity:.4}.tools-footer-copy{font-size:13px;margin:0;opacity:.7}@media (max-width:768px){.tools-hero h1{font-size:30px}.tools-hero{padding:40px 0 36px}.tools-page-hero h1{font-size:26px}.tool-section{padding:40px 0}.tool-section h2{font-size:24px}.calculator-card{border-radius:12px;padding:22px}.result-primary-value{font-size:34px}.tools-header-nav{gap:16px}.tools-header-nav a{font-size:13px}}@media (max-width:480px){.tools-hero h1{font-size:26px}.tools-page-hero h1{font-size:22px}.calculator-card{padding:18px}}.tools-language-selector{position:fixed;right:20px;top:20px;z-index:1000}.tools-language-selector .lang-btn{align-items:center;background:var(--tools-bg);border:1px solid var(--tools-border);border-radius:8px;box-shadow:var(--tools-shadow-md);color:var(--tools-text-dark);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.tools-language-selector .lang-btn:hover{box-shadow:var(--tools-shadow-lg);transform:translateY(-2px)}.tools-language-selector .globe-icon{font-size:18px}.tools-language-selector .lang-dropdown{background:var(--tools-bg);border:1px solid var(--tools-border);border-radius:8px;box-shadow:var(--tools-shadow-xl);display:none;flex-direction:column;margin-top:8px;max-height:400px;min-width:200px;overflow-y:auto;position:absolute;right:0;top:100%}.tools-language-selector .lang-dropdown.active{display:flex}.tools-language-selector .lang-dropdown a{color:var(--tools-text-dark);font-size:14px;padding:12px 16px;text-decoration:none;transition:background-color .2s ease}.tools-language-selector .lang-dropdown a:hover{background-color:var(--tools-bg-soft)}.tools-language-selector .lang-dropdown a:first-child{border-radius:8px 8px 0 0}.tools-language-selector .lang-dropdown a:last-child{border-radius:0 0 8px 8px}@media (max-width:600px){.tools-language-selector{right:12px;top:12px}.tools-language-selector .lang-btn{font-size:13px;padding:8px 12px}}