:root {--color-white: #ffffff;--color-bg: #f4f6f9;--color-bg-card: #ffffff;--color-bg-section: #f0f2f5;--color-border: #e2e6ec;--color-border-focus: #1e3a8a;--color-primary: #1e3a8a;--color-primary-dk: #1e3a8a;--color-primary-lt: #eff6ff;--color-primary-mid: #3b82f6;--color-text: #111827;--color-text-sec: #4b5563;--color-text-muted: #9ca3af;--color-text-link: #2563eb;--color-success: #059669;--color-success-lt: #ecfdf5;--color-error: #dc2626;--color-error-lt: #fef2f2;--color-warn: #d97706;--color-warn-lt: #fffbeb;--color-info-lt: #eff6ff;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .07);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 20px rgba(0, 0, 0, .09);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .10);--font: Arial, Helvetica, sans-serif;--max-w: 1250px;--header-h: 64px;}*,*::before,*::after {box-sizing: border-box;margin: 0;padding: 0;}html {scroll-behavior: smooth;font-size: 16px;}body {font-family: var(--font);font-size: 1rem;color: var(--color-text);background: var(--color-bg);line-height: 1.6;-webkit-font-smoothing: antialiased;}img {max-width: 100%;display: block;}a {color: var(--color-text-link);text-decoration: none;}a:hover {text-decoration: underline;}ul,ol {padding-left: 1.4rem;}button {font-family: var(--font);cursor: pointer;}.container {max-width: var(--max-w);margin: 0 auto;padding: 0 1.25rem;}.container--floating {max-width: 1150px;margin: 0 auto;padding: 0 5rem;}@media (max-width: 768px) {.container--floating {padding: 0 1rem;}}@media (max-width: 480px) {.container--floating {padding: 0 0.75rem;}}.section {padding: 3rem 0;}.section--grey {background: var(--color-bg-section);}.grid-2 {display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;}.grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;}.tool-layout-flex {display: flex;gap: 3rem;align-items: flex-start;margin-top: 2rem;}.tool-column {flex: 1;min-width: 320px;}.info-column {flex: 1;}@media (max-width: 960px) {.tool-layout-flex {flex-direction: column;gap: 2rem;}.tool-layout {flex-direction: column-reverse;gap: 2rem;}}.site-header {position: sticky;top: 0;z-index: 200;background: var(--color-white);border-bottom: 1px solid var(--color-border);box-shadow: var(--shadow-xs);height: var(--header-h);}.header-inner {display: flex;align-items: center;justify-content: space-between;height: var(--header-h);}.logo {display: flex;align-items: center;gap: .55rem;font-weight: 700;font-size: 1.15rem;color: var(--color-primary-dk);text-decoration: none;}@media (max-width: 480px) {.logo {font-size: 1rem;gap: 0.4rem;}}.logo__icon { margin-right: 12px; display: flex; background: #1e3a8a; padding: 5px; border-radius: 6px; color: white !important; }.logo:hover {text-decoration: none;}.site-nav {display: flex;align-items: center;gap: .15rem;flex-wrap: wrap;}.nav-link {font-size: .82rem;font-weight: 500;color: var(--color-text-sec);padding: .4rem .65rem;border-radius: var(--radius-sm);transition: background .15s, color .15s;white-space: nowrap;}.nav-link:hover,.nav-link.active {background: var(--color-primary-lt);color: var(--color-primary);text-decoration: none;}.nav-link.active {font-weight: 600;}.breadcrumb {padding: 0.75rem 0;font-size: 0.85rem;color: var(--color-text-muted);display: flex;align-items: center;gap: 0.4rem;margin-bottom: 1rem;}.breadcrumb a {color: var(--color-text-link);font-weight: 500;transition: color 0.2s;}.breadcrumb a:hover {color: var(--color-primary-dk);text-decoration: underline;}.breadcrumb span.divider {color: #cbd5e1;font-size: 0.9rem;font-weight: 400;user-select: none;}.breadcrumb span.active {color: #64748b;font-weight: 400;}.hero-strip {background: var(--color-white);border-bottom: 1px solid var(--color-border);padding: 2.25rem 0 2rem;}.hero-strip h1 {font-size: clamp(1.55rem, 3.5vw, 2.1rem);font-weight: 800;color: var(--color-primary-dk);line-height: 1.2;margin-bottom: .65rem;}.hero-strip .lead {font-size: 1.05rem;color: var(--color-text-sec);max-width: 660px;line-height: 1.7;}.table-wrap {overflow-x: auto;margin: 1.5rem 0 2.5rem;border-radius: var(--radius-md);border: 1px solid var(--color-border);}.data-table {width: 100%;border-collapse: collapse;font-size: .95rem;margin-bottom: 2rem;}.card {background: var(--color-bg-card);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);padding: 2.25rem;}.card--flat {box-shadow: none;}.card--highlight {border-color: var(--color-primary-mid);border-width: 2px;}.card__title {font-size: 1.15rem;font-weight: 700;color: var(--color-primary-dk);margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 1px solid var(--color-border);}.card__title .icon {display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;background: var(--color-primary-lt);border-radius: var(--radius-sm);color: var(--color-primary);font-size: .85rem;margin-right: .5rem;vertical-align: middle;}.calc-form {display: flex;flex-direction: column;gap: 1.5rem;}.form-group {display: flex;flex-direction: column;gap: .65rem;}.form-label {font-size: .875rem;font-weight: 600;color: var(--color-text);}.form-label small {font-weight: 400;color: var(--color-text-muted);font-size: .78rem;margin-left: .3rem;}.input-wrap {position: relative;}.calc-input {width: 100%;padding: .85rem 1.15rem;padding-right: 3.5rem;font-family: var(--font);font-size: 1.05rem;font-weight: 500;color: var(--color-text);background: var(--color-bg);border: 1.5px solid var(--color-border);border-radius: var(--radius-md);outline: none;transition: border-color .2s, box-shadow .2s;-moz-appearance: textfield;appearance: textfield;}.calc-input::-webkit-outer-spin-button,.calc-input::-webkit-inner-spin-button {-webkit-appearance: none;appearance: none;}.calc-input:focus {border-color: var(--color-border-focus);background: var(--color-white);box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);}.calc-input.is-error {border-color: var(--color-error);box-shadow: 0 0 0 3px rgba(220, 38, 38, .1);}.input-suffix {position: absolute;right: .85rem;top: 50%;transform: translateY(-50%);font-size: .85rem;font-weight: 600;color: var(--color-text-muted);pointer-events: none;}.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;}.form-hint {font-size: .78rem;color: var(--color-text-muted);margin-top: .2rem;}.calc-select {width: 100%;padding: .85rem 1.15rem;font-family: var(--font);font-size: 1.05rem;color: var(--color-text);background: var(--color-bg);border: 1.5px solid var(--color-border);border-radius: var(--radius-md);outline: none;cursor: pointer;transition: border-color .2s;}.calc-select:focus {border-color: var(--color-border-focus);}.btn {display: inline-flex;align-items: center;justify-content: center;gap: .45rem;padding: .75rem 1.5rem;font-family: var(--font);font-size: .95rem;font-weight: 600;border: none;border-radius: var(--radius-md);cursor: pointer;transition: background .2s, box-shadow .2s, transform .1s;white-space: nowrap;}.btn:active {transform: translateY(1px);}.btn--primary {background: var(--color-primary);color: #fff;box-shadow: 0 2px 8px rgba(29, 78, 216, .3);}.btn--primary:hover {background: var(--color-primary-dk);box-shadow: 0 4px 14px rgba(29, 78, 216, .35);}.btn--secondary {background: var(--color-bg);color: var(--color-text-sec);border: 1.5px solid var(--color-border);}.btn--secondary:hover {background: var(--color-border);}.btn--full {width: 100%;}.btn--sm {padding: .5rem 1rem;font-size: .85rem;}.btn--copy {background: transparent;border: 1px solid var(--color-border);color: var(--color-text-sec);padding: .35rem .7rem;font-size: .8rem;border-radius: var(--radius-sm);}.btn--copy:hover {background: var(--color-bg);}.calc-actions {display: flex;gap: .75rem;flex-wrap: wrap;margin-top: .5rem;}.result-box {margin-top: 2rem;background: var(--color-primary-lt);border: 1.5px solid #bfdbfe;border-radius: var(--radius-lg);padding: 2rem;display: none;}.result-box.visible {display: block;}.result-box.error {background: var(--color-error-lt);border-color: #fca5a5;}.result-box.success {background: var(--color-success-lt);border-color: #6ee7b7;}.result-label {font-size: .8rem;font-weight: 700;text-transform: uppercase;letter-spacing: .8px;color: var(--color-primary);margin-bottom: .4rem;}.result-box.error .result-label {color: var(--color-error);}.result-box.success .result-label {color: var(--color-success);}.result-value {font-size: 1.5rem;font-weight: 800;color: var(--color-primary-dk);line-height: 1.1;margin-bottom: .3rem;}.result-box.error .result-value {font-size: 1rem;font-weight: 500;color: var(--color-error);}.result-sub {font-size: .875rem;color: var(--color-text-sec);margin-top: .4rem;}.result-actions {margin-top: .85rem;display: flex;align-items: center;gap: .6rem;flex-wrap: wrap;}.formula-box {background: var(--color-bg);border: 1px solid var(--color-border);border-left: 4px solid var(--color-primary-mid);border-radius: var(--radius-md);padding: 1rem 1.25rem;margin: 1.25rem 0;}.formula-box__label {font-size: .75rem;font-weight: 700;text-transform: uppercase;letter-spacing: .8px;color: var(--color-primary);margin-bottom: .4rem;}.formula-box__text {font-family: 'Courier New', monospace;font-size: .95rem;font-weight: 600;color: var(--color-text);}.layout-with-sidebar {display: grid;grid-template-columns: 1fr 300px;gap: 2.5rem;align-items: flex-start;}.tool-section {margin-bottom: 4rem;scroll-margin-top: 100px;}.tool-section h2 {font-size: 1.6rem;font-weight: 800;color: var(--color-primary-dk);margin-bottom: 1.25rem;display: flex;align-items: center;gap: .75rem;}.tool-section h2::before {content: '';display: block;width: 6px;height: 1.8rem;background: var(--color-primary);border-radius: 3px;}.sentence-row {background: #f8fafc;border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: 2.5rem;margin-bottom: 1.5rem;transition: box-shadow .3s, border-color .3s;}.sentence-row:hover {border-color: var(--color-primary-mid);box-shadow: var(--shadow-md);}.sentence-line {display: flex;align-items: center;flex-wrap: wrap;gap: 1rem;font-size: 1.35rem;font-weight: 700;color: var(--color-text);}.sentence-input {width: 100px;padding: .6rem .75rem;border: 2px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-white);font-size: 1.25rem;font-weight: 600;text-align: center;color: var(--color-primary);transition: all .25s ease;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);}.sentence-input:focus {border-color: var(--color-primary-mid);box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1), inset 0 2px 4px rgba(0, 0, 0, 0.02);transform: translateY(-1px);}.sentence-select {padding: .6rem .5rem;border: 2px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-white);font-size: 1.1rem;font-weight: 700;color: var(--color-primary-dk);cursor: pointer;}.sentence-btn {width: 52px;height: 52px;background: linear-gradient(135deg, var(--color-primary-mid), var(--color-primary));color: #fff;border: none;border-radius: var(--radius-md);font-size: 1.5rem;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .25s ease;box-shadow: 0 4px 10px rgba(37, 99, 235, 0.25);}.sentence-btn:hover {transform: translateY(-2px);box-shadow: 0 6px 15px rgba(37, 99, 235, 0.35);}.sidebar-toc {position: sticky;top: 100px;background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: 1.5rem;box-shadow: var(--shadow-sm);}.sidebar-toc h4 {font-size: .85rem;font-weight: 800;text-transform: uppercase;letter-spacing: 1px;color: var(--color-text-muted);margin-bottom: 1rem;padding-bottom: .75rem;border-bottom: 1px solid var(--color-border);}.toc-list {list-style: none;padding: 0;display: flex;flex-direction: column;gap: .25rem;}.toc-link {display: block;padding: .6rem .75rem;font-size: .95rem;font-weight: 500;color: var(--color-text-sec);border-radius: var(--radius-sm);transition: background .15s, color .15s;}.toc-link:hover {background: var(--color-primary-lt);color: var(--color-primary);text-decoration: none;}.toc-link.active {background: var(--color-primary-lt);color: var(--color-primary);font-weight: 700;}@media (max-width: 960px) {.layout-with-sidebar {grid-template-columns: 1fr;}.sidebar-toc {display: none;}}.sentence-result {margin-top: 1.5rem;padding: 1rem 1.25rem;background: #f0fdfa;border: 1px solid #ccfbf1;border-radius: var(--radius-md);display: none;align-items: center;justify-content: space-between;gap: 1rem;animation: slideIn .3s ease-out;}@keyframes slideIn {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}.sentence-result.visible {display: flex;}.sentence-res-val {font-size: 1.25rem;font-weight: 500;color: #134e4a;}.sentence-res-val strong {color: #0d9488;font-weight: 700;}.sentence-res-copy {flex-shrink: 0;}.sentence-info {padding: 1rem 0;}.sentence-info p {font-size: 1.05rem;color: var(--color-text-sec);line-height: 1.7;}.quick-lesson {background: var(--color-white);border: 1px solid var(--color-border);border-left: 4px solid var(--color-primary);padding: 1.5rem;border-radius: var(--radius-md);margin-top: 1rem;}.quick-lesson h4 {font-size: .9rem;text-transform: uppercase;color: var(--color-primary);margin-bottom: .5rem;}@media (max-width: 640px) {.sentence-row {padding: 1.5rem;}.sentence-line {font-size: 1.15rem;}.sentence-input {width: 80px;font-size: 1.1rem;}}.steps {display: flex;flex-direction: column;gap: .6rem;margin-top: .75rem;}.step {display: flex;gap: .75rem;align-items: flex-start;font-size: .875rem;color: var(--color-text-sec);}.step__num {flex-shrink: 0;width: 22px;height: 22px;background: var(--color-primary);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: .7rem;font-weight: 700;margin-top: .1rem;}.step__text code {font-family: 'Courier New', monospace;font-size: .82rem;background: var(--color-bg);padding: .1rem .35rem;border-radius: 3px;border: 1px solid var(--color-border);color: var(--color-primary-dk);}.section-heading {margin-bottom: 1.5rem;}.section-heading h2 {font-size: clamp(1.2rem, 2.5vw, 1.6rem);font-weight: 700;color: var(--color-primary-dk);margin-bottom: .4rem;}.section-heading p {color: var(--color-text-sec);font-size: .95rem;}.prose h2 {font-size: 1.45rem;font-weight: 800;color: var(--color-primary-dk);margin: 2.5rem 0 1.25rem;padding-bottom: .6rem;border-bottom: 1px solid var(--color-border);}.prose h3 {font-size: 1.15rem;font-weight: 700;color: var(--color-text);margin: 2rem 0 .75rem;}.prose p {margin-bottom: 1.25rem;color: var(--color-text-sec);line-height: 1.8;}.prose ul,.prose ol {margin-bottom: 1.25rem;color: var(--color-text-sec);}.prose li {margin-bottom: .5rem;line-height: 1.8;}.prose strong {color: var(--color-text);font-weight: 600;}.prose .example-box {background: #f8fafc;border: 1px solid #e2e8f0;border-left: 4px solid #1e3a8a;border-radius: 8px;padding: 1.5rem;margin: 2rem 0;font-size: .95rem;box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);}.prose .example-box h3 {font-size: 1.25rem;color: #1e3a8a;margin-top: 0 !important;margin-bottom: 1.25rem;font-weight: 800;display: flex;align-items: center;gap: 8px;}.prose .example-box strong {color: inherit;}.faq {display: flex;flex-direction: column;gap: 1.5rem;}.faq-item {background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-md);overflow: hidden;}.faq-question {width: 100%;background: none;border: none;text-align: left;padding: 1.25rem 1.5rem;font-family: var(--font);font-size: 1.05rem;font-weight: 600;color: var(--color-text);cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 1.25rem;transition: background .15s;}.faq-question:hover {background: var(--color-bg);}.faq-icon {flex-shrink: 0;font-size: 1.2rem;color: var(--color-primary);transition: transform .25s;font-weight: 400;}.faq-item.open .faq-icon {transform: rotate(45deg);}.faq-answer {max-height: 0;overflow: hidden;transition: max-height .3s ease, padding .2s;}.faq-item.open .faq-answer {max-height: 600px;}.faq-answer-inner {padding: 0 1.5rem 1.25rem;font-size: 1rem;color: var(--color-text-sec);line-height: 1.8;border-top: 1px solid var(--color-border);padding-top: 1rem;}.link-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1rem;}.link-card {background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 1rem 1.1rem;display: flex;align-items: center;gap: .75rem;text-decoration: none;color: var(--color-text);transition: border-color .2s, box-shadow .2s, transform .15s;}.link-card:hover {border-color: var(--color-primary-mid);box-shadow: var(--shadow-sm);transform: translateY(-2px);text-decoration: none;color: var(--color-primary-dk);}.link-card__icon {width: 36px;height: 36px;background: var(--color-primary-lt);border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;font-size: 1rem;flex-shrink: 0;color: var(--color-primary);}.link-card__text {font-size: .875rem;font-weight: 600;line-height: 1.3;}.link-card__arrow {margin-left: auto;color: var(--color-text-muted);font-size: .85rem;}.info-box {border-radius: var(--radius-md);padding: 1.25rem 1.5rem;font-size: .95rem;line-height: 1.8;margin: 1.25rem 0;display: flex;gap: .85rem;align-items: flex-start;}.info-box--blue {background: var(--color-info-lt);border: 1px solid #bfdbfe;color: var(--color-primary-dk);}.info-box--green {background: var(--color-success-lt);border: 1px solid #6ee7b7;color: #065f46;}.info-box--yellow {background: var(--color-warn-lt);border: 1px solid #fde68a;color: #92400e;}.info-box__icon {font-size: 1.1rem;flex-shrink: 0;margin-top: .05rem;}.data-table {width: 100%;border-collapse: collapse;font-size: .9rem;}.data-table th {background: var(--color-bg);font-weight: 700;font-size: .8rem;text-transform: uppercase;letter-spacing: .5px;color: var(--color-text-sec);padding: .7rem 1rem;text-align: left;border-bottom: 2px solid var(--color-border);}.data-table td {padding: .7rem 1rem;border-bottom: 1px solid var(--color-border);color: var(--color-text-sec);}.data-table tr:last-child td {border-bottom: none;}.data-table tr:hover td {background: var(--color-bg);}.table-wrap {overflow-x: auto;border-radius: var(--radius-md);border: 1px solid var(--color-border);}.badge {display: inline-block;padding: .2rem .6rem;border-radius: 999px;font-size: .72rem;font-weight: 700;text-transform: uppercase;letter-spacing: .5px;}.badge--blue {background: var(--color-primary-lt);color: var(--color-primary);}.badge--green {background: var(--color-success-lt);color: var(--color-success);}.site-footer {background: #1e3a8a;color: #ffffff;padding: 4rem 0 3rem;margin-top: 0;text-align: center;}.footer-brand {display: flex;flex-direction: column;align-items: center;margin-bottom: 2rem;}.footer-brand .logo {color: #ffffff;font-size: 1.3rem;}.footer-brand .logo__icon { margin-right: 12px; display: flex; background: #1e3a8a; padding: 5px; border-radius: 6px; color: white !important; }.footer-links {display: flex;justify-content: center;gap: 2rem;list-style: none;padding: 0;margin-bottom: 2rem;}.footer-links a {font-size: .9rem;color: rgba(255, 255, 255, .8);text-decoration: none;transition: color .15s;}.footer-links a:hover {color: #ffffff;text-decoration: underline;}.footer-social {display: flex;justify-content: center;gap: 1.5rem;margin-bottom: 2rem;}.footer-social a {color: rgba(255, 255, 255, .6);transition: color 0.2s;}.footer-social a:hover {color: #ffffff;}.footer-copy {font-size: .85rem;color: rgba(255, 255, 255, .5);margin-top: 2rem;}.menu-toggle {display: none;background: none;border: none;font-size: 1.4rem;color: var(--color-text);cursor: pointer;}.scroll-top {position: fixed;bottom: 1.5rem;right: 1.5rem;width: 42px;height: 42px;background: var(--color-primary);color: #fff;border: none;border-radius: var(--radius-md);font-size: 1.1rem;cursor: pointer;opacity: 0;pointer-events: none;transition: opacity .25s, transform .25s;box-shadow: var(--shadow-md);z-index: 100;}.scroll-top.show {opacity: 1;pointer-events: auto;}.scroll-top:hover {background: var(--color-primary-dk);}.page-layout {display: grid;grid-template-columns: 1fr 340px;gap: 2rem;padding: 2rem 0 3rem;align-items: start;}.sidebar {display: flex;flex-direction: column;gap: 1.25rem;}.sidebar-card {background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: 1.5rem;}.sidebar-card__title {font-size: .85rem;font-weight: 700;text-transform: uppercase;letter-spacing: .5px;color: var(--color-text-muted);margin-bottom: 1rem;}.sidebar-links {display: flex;flex-direction: column;gap: .4rem;list-style: none;padding: 0;}.sidebar-links a {font-size: .875rem;color: var(--color-text-sec);padding: .4rem .6rem;border-radius: var(--radius-sm);display: block;transition: background .15s, color .15s;text-decoration: none;}.sidebar-links a:hover,.sidebar-links a.active {background: var(--color-primary-lt);color: var(--color-primary);text-decoration: none;}.mt-1 {margin-top: .5rem;}.mt-2 {margin-top: 1rem;}.mt-3 {margin-top: 1.5rem;}.tool-section {background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: 3rem;margin-bottom: 3.5rem;box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);transition: transform .3s ease, box-shadow .3s ease;}.tool-section:hover {box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.08);}.tool-section h2 {font-size: 1.8rem;font-weight: 800;color: var(--color-primary-dk);margin-bottom: 1.5rem;display: flex;align-items: center;gap: .75rem;}.tool-section h2::before {content: '';width: 6px;height: 32px;background: var(--color-primary);border-radius: 3px;}.sentence-row {background: #f8fafc;border: 2px dashed #cbd5e1;border-radius: var(--radius-md);padding: 2rem;margin-bottom: 2rem;}.mb-1 {margin-bottom: .5rem;}.mb-2 {margin-bottom: 1rem;}.mb-3 {margin-bottom: 1.5rem;}.text-center {text-align: center;}.text-sm {font-size: .875rem;}.text-muted {color: var(--color-text-muted);}.font-bold {font-weight: 700;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}.divider {border: none;border-top: 1px solid var(--color-border);margin: 1.5rem 0;}.tag-list {display: flex;flex-wrap: wrap;gap: .5rem;margin-top: .75rem;}@media (max-width: 1024px) {.page-layout {grid-template-columns: 1fr;}.sidebar {display: none;}.footer-grid {grid-template-columns: 1fr 1fr;gap: 1.5rem;}}@media (max-width: 768px) {.site-nav {display: none;flex-direction: column;position: absolute;top: var(--header-h);left: 0;right: 0;background: var(--color-white);border-bottom: 1px solid var(--color-border);padding: .75rem 1.25rem 1rem;gap: .25rem;box-shadow: var(--shadow-md);z-index: 199;}.site-nav.open {display: flex;}.menu-toggle {display: flex;}.grid-2,.grid-3 {grid-template-columns: 1fr;}.form-row {grid-template-columns: 1fr;}.footer-grid {grid-template-columns: 1fr;}.footer-bottom {flex-direction: column;text-align: center;}.link-grid {grid-template-columns: 1fr 1fr;}}@media (max-width: 480px) {:root {--header-h: 58px;}.hero-strip {padding: 1.5rem 0 1.25rem;}.card {padding: 1.5rem;}.link-grid {grid-template-columns: 1fr;}.result-value {font-size: 1.3rem;}}.seo-intro {font-size: 0.95rem;color: #4b5563;margin-bottom: 1.5rem;line-height: 1.5;}.seo-explanation {background-color: var(--color-bg-card);border-radius: var(--radius-lg);padding: 2rem;box-shadow: var(--shadow-sm);}.seo-explanation h2 {font-size: 1.75rem;margin-bottom: 1rem;color: var(--color-text);}.seo-explanation h3 {font-size: 1.25rem;margin-top: 2rem;margin-bottom: 0.75rem;color: var(--color-primary-dk);}.seo-explanation p {margin-bottom: 1.25rem;color: var(--color-text-sec);line-height: 1.6;}.table-responsive {width: 100%;margin-bottom: 1.5rem;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;}.seo-explanation .table tbody tr:hover {background-color: var(--color-bg);}.faq-container {background: var(--color-bg-section);padding: 2rem;border-radius: var(--radius-md);}.faq-container h2 {margin-top: 0;color: var(--color-text);}.faq-item {background: var(--color-bg-card);transition: all 0.2s;}.faq-item:hover {border-color: var(--color-primary-dk) !important;}.faq-item summary::-webkit-details-marker {display: none;}.faq-item summary::after {content: '+';float: right;font-size: 1.2rem;font-weight: bold;color: var(--primary-color);}.faq-item[open] summary::after {content: '-';}.end-of-page-cta {position: relative;overflow: hidden;}.end-of-page-cta::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg, #3b82f6, #8b5cf6);}.cta-btn {display: flex;align-items: center;background: #f8fafc;border: 1px solid #e2e6ec;border-radius: 12px;padding: 1.25rem 1.5rem;text-decoration: none;color: #1e3a8a;font-weight: 600;font-size: 1.15rem;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);text-align: left;}.cta-btn:hover {background: #ffffff;border-color: #cbd5e1;transform: translateY(-3px) scale(1.01);box-shadow: 0 12px 20px -8px rgba(37, 99, 235, 0.15);}.cta-btn:active {transform: translateY(0) scale(1.00);}.cta-icon {display: flex;align-items: center;justify-content: center;color: #3b82f6;background: #eff6ff;width: 48px;height: 48px;border-radius: 10px;margin-right: 1.5rem;flex-shrink: 0;transition: all 0.25s ease;}.cta-btn:hover .cta-icon {background: #3b82f6;color: #ffffff;}.cta-text {flex: 1;}.dark-theme {color-scheme: dark;--color-white: #1e293b;--color-bg: #0f172a;--color-bg-card: #1e293b;--color-bg-section: #0f172a;--color-border: #334155;--color-border-focus: #3b82f6;--color-text: #f8fafc;--color-text-sec: #cbd5e1;--color-text-muted: #94a3b8;--color-primary-dk: #60a5fa;--color-primary-lt: #1e3a8a;}.dark-theme .calc-input,.dark-theme .calc-select {color: #f8fafc !important;}.dark-theme .calc-input::placeholder {color: #94a3b8 !important;opacity: 1;}.theme-toggle {background: none;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;color: var(--color-text-sec);transition: background 0.2s, color 0.2s;margin-left: 0.5rem;}.theme-toggle:hover {background: var(--color-border);color: var(--color-text);}.goog-te-gadget-simple {background-color: var(--color-white) !important;border: 1px solid var(--color-border) !important;border-radius: var(--radius-sm) !important;padding: 0.2rem 0.5rem !important;font-family: var(--font) !important;}.goog-te-gadget-simple .goog-te-menu-value span {color: var(--color-text-sec) !important;}body {background-color: var(--color-bg);}.history-section {margin-top: 2rem;padding-top: 1.5rem;border-top: 1px solid var(--color-border);}.history-list {display: flex;flex-direction: column;gap: 0.75rem;max-height: 400px;overflow-y: auto;padding-right: 0.5rem;}.history-list::-webkit-scrollbar {width: 6px;}.history-list::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.05);border-radius: 10px;}.history-list::-webkit-scrollbar-thumb {background: var(--color-border);border-radius: 10px;}.history-item {background: #f8fafc;border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 0.85rem;transition: background 0.2s;}.history-item:hover {background: #f1f5f9;}.history-item-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.35rem;}.history-mode {font-size: 0.75rem;font-weight: 700;color: var(--color-primary-mid);text-transform: uppercase;}.history-time {font-size: 0.7rem;color: var(--color-text-muted);}.history-item-val {font-size: 1.1rem;font-weight: 700;color: var(--color-text);}.history-item-exp {font-size: 0.8rem;color: var(--color-text-sec);margin-top: 0.2rem;}.history-empty {font-size: 0.85rem;color: var(--color-text-muted);text-align: center;padding: 2rem 0;}.tool-header {display: flex;align-items: center;gap: 0.75rem;font-size: 1.55rem;font-weight: 800;color: var(--color-primary-dk);margin-bottom: 1.25rem;flex-wrap: wrap;}.tool-number {display: flex;align-items: center;justify-content: center;min-width: 32px;height: 32px;background: var(--color-primary);color: #fff;border-radius: var(--radius-sm);font-size: 0.95rem;font-weight: 700;flex-shrink: 0;}.tool-tagline {font-size: 1.1rem;font-weight: 400;color: var(--color-text-sec);margin-left: 0.25rem;}@media (max-width: 640px) {.tool-header {font-size: 1.35rem;}.tool-number {width: 28px;height: 28px;font-size: 0.85rem;}}.social-links {display: flex;align-items: center;justify-content: center;gap: 1.25rem;margin-bottom: 2rem;}.social-title {color: #4b5563;font-weight: 600;font-size: 1rem;margin-right: 0.5rem;}.smart-share-wrapper {margin-top: 1.5rem;display: flex;flex-direction: column;align-items: center;width: 100%;}.btn-smart-share {background: #ffffff;border: 1px solid var(--color-border);color: var(--color-primary-dk);padding: 0.6rem 1.2rem;border-radius: 99px;font-size: 0.95rem;font-weight: 600;display: inline-flex;align-items: center;cursor: pointer;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 4px rgba(0,0,0,0.02);}.btn-smart-share:hover {background: var(--color-primary-lt);border-color: var(--color-primary-mid);transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0,0,0,0.05);}.smart-share-icons {display: flex;gap: 0.85rem;margin-top: 1rem;opacity: 0;transform: translateY(-10px);pointer-events: none;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);height: 0;overflow: hidden;justify-content: center;}.smart-share-icons.open {opacity: 1;transform: translateY(0);pointer-events: auto;height: auto;overflow: visible;padding-bottom: 0.5rem;}.social-icon,.share-icon-btn {display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;color: white;text-decoration: none;transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink: 0;}.social-icon:hover,.share-icon-btn:hover {transform: scale(1.1);color: white;}.pinterest-icon { background-color: #E60023; }.x-icon { background-color: #000000; }.share-wa { background-color: #25D366; }.share-x { background-color: #000000; }.share-fb { background-color: #1877F2; }.share-li { background-color: #0077B5; }.share-icon-btn svg {width: 22px;height: 22px;fill: currentColor;}.sentence-btn {display: none !important;}.breadcrumb-nav {font-size: 0.85rem;color: #64748b;margin-bottom: 1rem;display: flex;gap: 0.4rem;align-items: center;font-weight: 500;}.breadcrumb-nav a {color: #3b82f6;text-decoration: none;}.breadcrumb-nav a:hover {text-decoration: underline;color: #1d4ed8;}.breadcrumb-nav .separator {color: #94a3b8;font-size: 0.8rem;}.breadcrumb-nav .current {color: #334155;}.back-link { display: none !important; }main, .main-content, #main, .container--narrow { margin-top: 0 !important;padding-top: 0 !important;}.site-header {border-bottom: none !important;margin-bottom: 0 !important;padding-bottom: 0 !important;}.hero-strip { border-top: none !important; border-bottom: none !important; margin-top: 0 !important;margin-bottom: 0 !important;}.all-grid, .popular-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.75rem 2rem;margin-top: 1rem;}@media (max-width: 900px) {.all-grid, .popular-grid { grid-template-columns: 1fr 1fr; }}@media (max-width: 600px) {.all-grid, .popular-grid { grid-template-columns: 1fr; }}.all-grid a, .popular-grid a {color: #1e3a8a;text-decoration: underline; font-weight: 500;font-size: 1rem; padding: 0;transition: color 0.15s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.all-grid a:hover, .popular-grid a:hover {color: #1e40af;}.floating-page > h1 { margin-top: 0.25rem !important; }.breadcrumb { margin-bottom: 0.5rem !important; padding-bottom: 0 !important; }.breadcrumb { margin-bottom: 0 !important; }.floating-page > h1 { margin-top: 0 !important; margin-bottom: 0.25rem !important; }.prose > h2:first-child, .prose > h2:first-of-type { margin-top: 0 !important; }.tool-layout { font-size: 0.9rem; }.prose p, .prose li { font-size: 0.9rem; line-height: 1.5; }.cs-card { font-size: 0.9rem; }.cs-input { font-size: 1.2rem !important; }.cs-op { font-size: 1.2rem !important; }.related-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 16px; padding: 1.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }.related-box h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 1.25rem; margin-top: 0; color: #0f172a; border-bottom: 2.5px solid #1e3a8a; padding-bottom: 0.6rem; display: inline-block; text-transform: none;}.related-box ul { list-style: none; padding: 0; margin: 0; }.related-box li { margin-bottom: 0.85rem; }.related-box li:last-child {margin-bottom: 0;}.related-box a { color: #1e3a8a; text-decoration: none; font-size: 0.95rem; font-weight: 700; transition: color 0.2s ease;}.related-box a:hover { text-decoration: underline; color: #1d4ed8; }@media (max-width: 768px) { .sidebar-column { flex: none; width: 100%; margin-top: 2rem; } }.prose h2 { font-size: 1.3rem !important; margin-bottom: 1rem !important; }.prose h3 { font-size: 1.15rem !important; }.page-container { overflow-x: hidden; display: flex;justify-content: center;max-width: 1600px;margin: 0 auto;gap: 30px;padding: 0 2rem;}.floating-page {flex: 1;min-width: 0;max-width: 1150px; margin: 0.5rem auto;padding: 2.5rem 3rem 4rem 3rem;background: rgba(255, 255, 255, 0.98);border: 1px solid rgba(226, 232, 240, 0.8);border-radius: 20px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08), 0 10px 20px -5px rgba(0, 0, 0, 0.03);backdrop-filter: blur(8px);}.site-header {position: sticky;top: 0;z-index: 200;background: #1e3a8a; border-bottom: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);height: 64px;padding: 0;}.header-inner {display: flex;align-items: center;justify-content: space-between;height: 64px;max-width: 1150px;margin: 0 auto;padding: 0 1.25rem;}.logo {display: flex;align-items: center;gap: .55rem;font-weight: 700;font-size: 1.25rem;color: #ffffff !important; text-decoration: none;}.hub-title {font-size: 2.25rem;font-weight: 800;color: #111827;margin: 0 0 1.5rem 0;letter-spacing: -0.025em;line-height: 1.1;}.floating-page {padding: 1.5rem 2.5rem 4rem 2.5rem !important;}.breadcrumb {margin-top: -1rem !important;margin-bottom: 0.5rem !important;}.floating-page h1 {margin-top: -0.9rem !important;margin-bottom: 0.35rem !important;padding: 0 !important;line-height: 1.1 !important;font-size: 1.5rem !important;font-weight: 600 !important;color: #111827 !important;}.tool-layout {display: grid !important;grid-template-columns: 1fr 280px !important;gap: 30px !important;align-items: flex-start !important;}.tool-layout .main-column, .tool-layout .main-content-wrapper {display: block !important;grid-column: 1 !important;}.tool-layout .tool-column {float: left !important;width: 350px !important;max-width: 350px !important;margin-right: 30px !important;margin-bottom: 20px !important;}.tool-layout .main-column .tool-column,.tool-layout .main-content-wrapper .tool-column {float: left !important;margin-right: 30px !important;margin-bottom: 20px !important;width: 350px !important;max-width: 350px !important;}.tool-layout .text-column {display: block !important;float: none !important;width: auto !important;max-width: 100% !important;}.tool-layout .text-column p,.tool-layout .text-column li {font-size: 1.1rem !important;line-height: 1.7 !important;}.tool-layout .sidebar-column {grid-column: 2 !important;order: 3 !important;width: 280px !important;max-width: 280px !important;margin-top: 480px !important;}@media (max-width: 768px) {.tool-layout {display: flex !important;flex-direction: column !important;gap: 2.5rem !important;}.main-column,.main-content-wrapper {display: flex !important;flex-direction: column !important;gap: 2rem !important;}.tool-column,.main-column .tool-column,.main-content-wrapper .tool-column {order: 1 !important;width: 100% !important;max-width: 100% !important;margin-right: 0 !important;margin-bottom: 0 !important;float: none !important;}.text-column,.main-column .text-column,.main-content-wrapper .text-column {order: 2 !important;width: 100% !important;max-width: 100% !important;}.sidebar-column {order: 3 !important;width: 100% !important;max-width: 100% !important;margin-top: 0 !important;}.floating-page {padding: 2rem !important;}}.side-ad {width: 160px;flex-shrink: 0;padding-top: 2rem;display: flex;flex-direction: column;gap: 20px;}.side-ad-box {height: 600px;background: #e2e8f0;border: 1px solid #cbd5e1;border-radius: 8px;display: flex;align-items: center;justify-content: center;color: #64748b;font-size: 0.8rem;text-transform: uppercase;writing-mode: vertical-rl;letter-spacing: 0.2em;text-align: center;padding: 10px 0;}.side-ad-box--half { height: 300px; }@media (max-width: 1500px) {.page-container { overflow-x: hidden;  padding: 0 20px; justify-content: center; }.side-ad { display: none; }}@media (max-width: 768px) {.floating-page { padding: 1.5rem 1.25rem; margin: 0.5rem 0; border-radius: 12px; }}.prose h2 { font-size: 1.3rem !important; margin-bottom: 1rem !important; }.prose h3 { font-size: 1.15rem !important; }.cs-card { background: #fbfbfb; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1);border: 1px solid #ccc;margin-bottom: 1.5rem;}.cs-header { background: #1e3a8a; color: #fff; padding: 0.75rem 1rem; font-weight: 700; font-size: 1.1rem; display: flex; align-items: center; justify-content: center;}.cs-body { padding: 1.5rem; }.cs-grid { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: center; }.cs-frac { display: flex; flex-direction: column; align-items: center; gap: 8px; }.cs-input { width: 70px; height: 45px; border: 1px solid #777; border-radius: 2px;text-align: center; font-size: 1.4rem; background: #fff;}.cs-line { width: 65px; height: 1px; background: #000; }.cs-op { padding: 6px 12px; font-size: 1.4rem; border: 1px solid #777; border-radius: 2px; cursor: pointer; background: #fff; }.cs-btns { display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; }.cs-btn { padding: 10px 20px; border-radius: 4px; font-weight: 400; cursor: pointer; border: 1px solid #ccc; font-size: 1rem;background: #fff; color: #333;}.cs-btn--primary { padding: 10px 30px; background: #1e3a8a !important; color: #fff !important; border-color: #172554; font-weight: 700; }.math-block { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; color: #000; margin: 2rem 0; flex-wrap: wrap; gap: 1rem; }.v-frac { display: inline-flex; flex-direction: column; align-items: center; vertical-align: middle; margin: 0 4px; }.v-num { padding: 0 4px; border-bottom: 2px solid #000; min-width: 15px; text-align: center; }.v-den { padding: 0 4px; min-width: 15px; text-align: center; }.related-box {background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 12px;padding: 1.5rem;}.related-box h3 {font-size: 1rem;font-weight: 800;color: #0f172a;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 2px solid #1e3a8a;}.related-box ul { list-style: none; padding: 0; margin: 0; }.related-box li { margin-bottom: 0.5rem; }.related-box a { color: #1e3a8a; text-decoration: none; font-weight: 600; font-size: 0.9rem; }.related-box a:hover { text-decoration: underline; }.floating-page .breadcrumb { margin-top: -1rem !important; margin-bottom: 0.5rem !important; padding-bottom: 0 !important; }.floating-page h1 { margin-top: -0.5rem !important; margin-bottom: 0.5rem !important; padding-top: 0 !important; line-height: 1.2 !important; }.floating-page .tool-layout { margin-top: 0 !important; }.calc-card { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 0; overflow: hidden; margin-bottom: 0.5rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }.calc-card-header { background: #1e3a8a; color: white; padding: 0.75rem 1rem; font-weight: 700; font-size: 1.1rem; text-align: center; }.calc-card-header h2 { margin: 0; font-size: inherit; font-weight: inherit; }.calc-content { padding: 1.5rem; }.bullet-list { list-style: disc; padding-left: 1.5rem; margin: 1.5rem 0; }.bullet-list li { display: list-item; margin-bottom: 1.25rem; color: #475569; }svg, iframe, video {max-width: 100%;height: auto;}.prose p, .prose li, .info-box, .result-box, .formula-box, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;word-wrap: break-word;}.table-wrap, .table-responsive, .data-table {max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}@media (max-width: 768px) {.nav-link, .toc-link, .sidebar-links a {min-height: 48px;display: flex;align-items: center;padding: 0.75rem 1rem !important;font-size: 1rem !important;}.btn--copy, .share-icon-btn, .social-icon, .theme-toggle {min-height: 48px;min-width: 48px;display: inline-flex;align-items: center;justify-content: center;}.calc-input, .sentence-input, .cs-input, .calc-select, .sentence-select, input, select, textarea {font-size: 16px !important;}.formula-box, .math-block, .cs-grid, .sentence-line, .sentence-row {overflow-x: auto;-webkit-overflow-scrolling: touch;max-width: 100vw;}.card, .calc-card, .cs-card, .floating-page {max-width: 100% !important;box-sizing: border-box;}.input-wrap, .form-group {max-width: 100%;}}
/* Mobile Back To Top Button */
.mobile-back-to-top { display: none; }
@media (max-width: 768px) {
  .mobile-back-to-top { display: flex; position: fixed; bottom: 20px; right: 20px; background: #1e3a8a; color: white; padding: 10px 15px; border-radius: 50px; text-decoration: none; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 1000; }
}

/* CRITICAL SPECIFICITY FIX FOR MOBILE LAYOUT */
@media (max-width: 1024px) {
    .tool-layout .main-column, .tool-layout .main-content-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }
    .tool-layout .main-column .tool-column, 
    .tool-layout .main-content-wrapper .tool-column,
    .tool-layout .tool-column {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 2rem !important;
        margin-left: 0 !important;
        order: 1 !important;
    }
    .tool-layout .main-column .text-column, 
    .tool-layout .main-content-wrapper .text-column,
    .tool-layout .text-column {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        order: 2 !important;
    }
}

/* HEADER AND MOBILE UX FIXES */
@media (max-width: 768px) {
    .page-container {
        padding: 0 10px !important;
        justify-content: flex-start !important; 
    }
    .floating-page {
        padding: 1.25rem 1rem !important;
        margin: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .breadcrumb {
        flex-wrap: wrap !important;
        font-size: 0.85rem !important;
        margin-top: 0 !important;
        margin-bottom: 0.5rem !important;
    }
    .floating-page h1, .hub-title {
        font-size: 1.5rem !important;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
        line-height: 1.2 !important;
    }
}

/* AGGRESSIVE SPECIFICITY OVERRIDES FOR MOBILE HEADER AND UX */
@media (max-width: 768px) {
    body .page-container {
        padding: 0 10px !important;
        justify-content: flex-start !important; 
    }
    body main.floating-page, body div.floating-page {
        padding: 1rem 1rem !important;
        margin: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body nav.breadcrumb, body div.breadcrumb {
        flex-wrap: wrap !important;
        font-size: 0.85rem !important;
        margin-top: 0 !important;
        margin-bottom: 0.5rem !important;
        white-space: normal !important;
    }
    body main.floating-page h1, body div.floating-page h1, body .hub-title {
        font-size: 1.5rem !important;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
        line-height: 1.2 !important;
    }
}

/* FAIL-SAFE MOBILE LAYOUT OVERRIDES */
@media (max-width: 1024px) {
    html body .floating-page .tool-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        gap: 2rem !important;
    }
    html body .floating-page .main-column {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        gap: 2rem !important;
    }
    html body .floating-page .tool-column,
    html body .floating-page .text-column,
    
      html body .floating-page h1 {
          word-break: break-word !important;
          overflow-wrap: break-word !important;
          font-size: 1.4rem !important;
      }
      html body .site-header .logo {
          white-space: nowrap !important;
          font-size: 1.1rem !important;
      }
      html body .floating-page .sidebar-column {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    html body .floating-page .tool-column {
        order: 1 !important;
    }
    html body .floating-page .text-column {
        order: 2 !important;
    }
    
      html body .floating-page h1 {
          word-break: break-word !important;
          overflow-wrap: break-word !important;
          font-size: 1.4rem !important;
      }
      html body .site-header .logo {
          white-space: nowrap !important;
          font-size: 1.1rem !important;
      }
      html body .floating-page .sidebar-column {
        order: 3 !important;
    }
    html body .cs-card,
    html body .calc-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
}

/* PREMIUM CALCULATOR CARD (Global) */
.cs-card { 
    background: #fbfbfb; 
    border-radius: 8px; 
    overflow: hidden; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid #ccc;
}
.cs-header { 
    background: #1e3a8a; 
    color: #fff; 
    padding: 0.75rem 1rem; 
    font-weight: 700; 
    font-size: 1.1rem; 
    text-align: center;
}
.cs-body {
    padding: 1rem;
}