@font-face{font-family:'Inter';font-style:normal;font-weight:400;src:url('/assets/fonts/inter-400.woff2') format('woff2');font-display:optional;ascent-override:90%;descent-override:22%;line-gap-override:0%;size-adjust:107%}@font-face{font-family:'Inter';font-style:normal;font-weight:600;src:url('/assets/fonts/inter-600.woff2') format('woff2');font-display:optional;ascent-override:90%;descent-override:22%;line-gap-override:0%;size-adjust:107%}@font-face{font-family:'Inter';font-style:normal;font-weight:700;src:url('/assets/fonts/inter-700.woff2') format('woff2');font-display:optional;ascent-override:90%;descent-override:22%;line-gap-override:0%;size-adjust:107%}*, *::after, *::before {margin: 0;padding: 0;box-sizing: border-box;}:root {--header-height: 48px;}body {font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;background: #f4f4f9;color: #333;line-height: 1.6;min-height: 100vh;display: flex;flex-direction: column;width: 100%;min-width: 320px;overflow-x: hidden;font-weight: 400;}.container {max-width: 800px;margin: 0 auto;padding: 50px 10px;text-align: center;flex: 1;overflow-x: hidden;}h1 {font-size: 1.8rem;color: #2c3e50;margin-bottom: 8px;font-weight: 700;}h2 {font-size: 1.2rem;color: #2c3e50;margin-bottom: 8px;}p {font-size: 0.9rem;color: #666;margin-bottom: 12px;font-weight: 400;}.cta-links {font-size: 0.8rem;color: #666;margin-top: 10px;text-align: center;}.cta-links a {color: #3498e5;text-decoration: none;}.cta-links a:hover {text-decoration: underline;}header {position: sticky;top: 0;width: 100%;background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.1);z-index: 1000;padding: 8px 10px;min-height: var(--header-height);overflow: visible;height: auto;max-height: none;}header .nav-container {display: flex;justify-content: space-between;align-items: center;max-width: 800px;margin: 0 auto;overflow-x: auto;overflow-y: visible;white-space: nowrap;position: static;min-width: 0;height: auto;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;}header .nav-container .logo {font-size: 1.2rem;font-weight: 700;color: #2c3e50;text-decoration: none;flex-shrink: 0;}header .nav-container .nav-links {display: flex;gap: 4px;list-style: none;flex-shrink: 0;margin-left: 8px;flex-wrap: nowrap;overflow: visible;}header .nav-container .nav-links li a, header .nav-container .nav-links li button {font-size: 0.75rem;font-weight: 400;line-height: 1.4;color: #333;padding: 4px 8px;text-decoration: none;border-radius: 4px;background: none;cursor: pointer;transition: background 0.3s, color 0.3s;display: inline-flex;align-items: center;vertical-align: middle;margin: 0;box-sizing: border-box;border: 2px solid transparent;}header .nav-container .nav-links li a:hover, header .nav-container .nav-links li button:hover {background: #e0f0ff;color: #3498db;}header .nav-container .nav-links li a.active {font-weight: 600;color: #3498db;}header .nav-container .nav-links .nav-dropdown {position: relative;z-index: 199999;overflow: visible;}header .nav-container .nav-links .nav-dropdown .nav-dropdown-toggle {font-size: 0.75rem;font-weight: 400;line-height: 1.4;color: #333;padding: 4px 8px;background: none;border: 2px solid transparent;border-radius: 4px;cursor: pointer;display: inline-flex;align-items: center;vertical-align: middle;margin: 0;box-sizing: border-box;transition: background 0.3s, color 0.3s;}header .nav-container .nav-links .nav-dropdown .nav-dropdown-toggle:hover {background: #e0f0ff;color: #3498db;}header .nav-container .nav-links .nav-dropdown .nav-dropdown-toggle::after {content: '▼';font-size: 0.35rem;color: #333;margin-left: 6px;transition: transform 0.3s;}header .nav-container .nav-links .nav-dropdown .nav-dropdown-toggle[aria-expanded="true"]::after {transform: rotate(180deg);}.nav-dropdown-menu {display: none;position: fixed;background: #fff;border: 1px solid #ddd;box-shadow: 0 2px 4px rgba(0,0,0,0.1);border-radius: 4px;min-width: 240px;min-height: 50px;z-index: 200000;list-style: none;visibility: visible;opacity: 1;pointer-events: auto;clip-path: none;contain: none;margin: 0;padding: 0;}.nav-dropdown-menu.show {display: block;}.nav-dropdown-menu li a {display: block;padding: 6px 12px;font-size: 0.75rem;color: #333;text-decoration: none;font-weight: 400;}.nav-dropdown-menu li a:hover {background: #e0f0ff;color: #3498db;}.nav-dropdown-menu li a.active {color: #333;}.nav-dropdown-menu li a.active:hover {color: #3498db;background: #e0f0ff;}header .nav-container .search-container {display: flex;align-items: center;margin-left: auto;flex-shrink: 0;}header .nav-container .search-container input[type="text"] {display: none;padding: 4px 8px;font-size: 0.75rem;border: 1px solid #ddd;border-radius: 4px;outline: none;}header .nav-container .search-container input[type="text"]:focus {border-color: #51a8e0;}header .nav-container .search-container.active input[type="text"] {display: block;width: 120px;}header .nav-container .search-container button {background: none;border: none;cursor: pointer;padding: 4px;}header .nav-container .search-container button svg {width: 16px;height: 16px;fill: #333;}header .nav-container .search-container button:hover svg {fill: #3498db;}.main-box {background: #fff;border: 1px solid #ddd;border-radius: 12px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);padding: 30px;margin-bottom: 20px;max-width: 760px;margin-left: auto;margin-right: auto;}.main-box p:first-of-type a {color: #3498e5;text-decoration: none;}.main-box p:first-of-type a:hover {text-decoration: underline;}.calculator {max-width: 600px;margin: 0 auto 20px;padding: 20px;border: 1px solid #e0e0e0;border-radius: 8px;}.input-group {display: flex;flex-direction: column;gap: 12px;margin-bottom: 12px;}.input-group label {font-size: 0.9rem;color: #2c3e50;font-weight: 600;text-align: center;display: block;}input[type="number"], select {height: 36px;padding: 8px;font-size: 0.9rem;border: 1px solid #ddd;border-radius: 6px;width: 100%;box-sizing: border-box;}input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;}.input-group input[type="number"]:focus, .input-group select:focus {outline: none;border: 1px solid #3498e5;box-shadow: 0 0 0 3px rgba(52,152,229,0.3);}button.calculator-button {background: linear-gradient(to bottom, #3498e5, #2980b9);color: #fff;padding: 10px;border: none;border-radius: 6px;font-size: 0.9rem;font-weight: 600;cursor: pointer;width: 100%;max-width: 200px;}button.calculator-button:hover {background: linear-gradient(to bottom, #2a7fc1, #226e9f);}.results-box {max-width: 760px;margin: 0 auto 20px;}.note {font-size: 0.8rem;color: #666;margin: 10px 0;}.note[hidden] {display: none;}.calculator-links {font-size: 0.9rem;color: #666;max-width: 760px;margin: 0 auto 10px;text-align: center;}.calculator-links a {color: #3498e5;text-decoration: none;}.calculator-links a:hover {text-decoration: underline;}table {width: 100%;border-collapse: collapse;margin-top: 8px;border-radius: 8px;}td, th {padding: 8px;text-align: center;border-bottom: 1px solid #e0e0e0;}th {background: #3498e5;color: #fff;}footer {max-width: 800px;margin: 20px auto;padding: 10px;text-align: center;font-size: 0.8rem;color: #666;}footer a {color: #3498e5;text-decoration: none;}footer a:hover {text-decoration: underline;}.formula-list {background: #f5f5f5;border: 2px solid #ddd;border-radius: 8px;padding: 15px;margin: 0 auto 20px;max-width: 360px;box-shadow: 0 2px 4px rgba(0,0,0,0.05);}.formula-list ul {list-style: none;max-width: 460px;margin: 0;padding: 0;text-align: left;}.formula-list li {position: relative;font-size: 0.8rem;color: #333;margin-bottom: 4px;padding-left: 18px;line-height: 1.6;}.formula-list li span {position: absolute;left: 0;color: #3498e5;font-size: 0.8rem;top: 0.2rem;}.formula-list h2 {font-size: 0.95rem;color: #2c3e50;margin-bottom: 6px;font-weight: 600;}@media (min-width: 601px) {.container {padding: 60px 20px;}p {font-size: 1rem;}header .nav-container .logo {font-size: 1.3rem;}header {padding: 10px 20px;}header .nav-container .nav-links li a, header .nav-container .nav-links li button {font-size: 0.9rem;}header .nav-container .nav-links .nav-dropdown .nav-dropdown-toggle {font-size: 0.9rem;}.nav-dropdown-menu li a {font-size: 0.9rem;padding: 8px 16px;}header .nav-container .search-container input[type="text"] {font-size: 0.9rem;}header .nav-container .search-container.active input[type="text"] {width: 150px;}header .nav-container .search-container button svg {width: 18px;height: 18px;}.input-group {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}.input-group > div {display: flex;flex-direction: column;}footer {padding: 15px;}footer p {font-size: 0.9rem;}}@media (max-width: 600px) {:root {--header-height: 40px;}header .nav-container {padding: 0 4px;}header {padding: 4px 5px;}header .nav-container .nav-links {margin-left: 4px;}header .nav-container .search-container {margin-left: 8px;}header .nav-container .search-container.active input[type="text"] {width: 80px;}header .nav-container .search-container button svg {width: 14px;height: 14px;}.main-box {max-width: 100%;padding: 20px;}.nav-links li a, .nav-links li button {font-size: 0.7rem;padding: 4px 6px;}.nav-dropdown-toggle {font-size: 0.7rem;padding: 4px 8px;}.nav-dropdown-toggle::after {font-size: 0.35rem;margin-left: 6px;}.nav-dropdown:hover .nav-dropdown-menu {display: none;}.nav-dropdown-menu.is-active {position: fixed;top: var(--header-height);left: 0;width: 220px;}.calculator {padding: 15px;}.formula-list {max-width: 100%;padding: 10px;}.formula-list ul {max-width: 100%;text-align: left;}}.formula-item {margin-bottom: 24px;padding: 15px;background: #f5f5f5;border-radius: 8px;}.recommendation, .comparison {margin-bottom: 32px;}#accuracy-header + p + ul + p + ul {margin-bottom: 16px;}#choosing-header {margin-top: 24px;}.guide-figure {float: right;margin: 0 0 12px 12px;display: block;max-width: 200px;}.guide-image {max-width: 100%;height: auto;border-radius: 8px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);display: block;margin: 0 auto;}.graph {max-width: 100%;height: auto;margin: 12px auto;display: block;border-radius: 8px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.graph-caption {text-align: center;font-size: 0.8rem;color: #666;margin-top: 4px;margin-bottom: 0;clear: both;display: block;}@media (min-width: 601px) {.formula-item {padding: 20px;}}@media (max-width: 600px) {.formula-item {padding: 10px;}.recommendation, .comparison {margin-bottom: 24px;}#choosing-header {margin-top: 16px;}#accuracy-header + p + ul + p + ul {margin-bottom: 12px;}}.main-box h3 {font-size: 1.1rem;color: #2c3e50;margin-bottom: 8px;}.main-box ol {list-style-type: decimal;list-style-position: outside;margin: 12px 0 12px 40px;padding-left: 16px;}.main-box ol li {margin-bottom: 8px;}.table-wrapper {overflow-x: auto;width: 100%;box-sizing: border-box;}header .nav-container .nav-links * {font-family: inherit;}