:root{--bg-main:#0b0f19;--bg-card:#111827;--bg-input:#1f2937;--border-color:#374151;--text-main:#f9fafb;--text-muted:#9ca3af;--text-label:#d1d5db;--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f640;--accent:#06b6d4;--card-shadow:0 10px 25px -5px #0006, 0 8px 10px -6px #0006}[data-theme=light]{--bg-main:#f8fafc;--bg-card:#fff;--bg-input:#f1f5f9;--border-color:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--text-label:#334155;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:#2563eb26;--accent:#0284c7;--card-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(at 20% 20%,#3b82f614 0,#0000 50%),radial-gradient(at 80% 80%,#06b6d414 0,#0000 50%);flex-direction:column;align-items:center;width:100%;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}.site-nav{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:100;width:100%;transition:background-color .3s,border-color .3s;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:12px 16px;display:flex;position:relative}.brand-logo{color:var(--text-main);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand-logo .highlight-text{color:var(--accent)}.logo-icon{flex-shrink:0}.nav-right-controls{align-items:center;gap:10px;display:flex}.nav-links{align-items:center;gap:14px;display:flex}.nav-link{color:var(--text-muted);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s}.nav-link:hover,.nav-link.active{color:var(--primary);background:#3b82f614}.mobile-menu-btn{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;transition:all .2s;display:none}.mobile-menu-btn:hover{border-color:var(--primary);color:var(--primary)}.container{box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:24px 16px}.portal-hero{text-align:center;margin-bottom:32px}.portal-hero h1{margin-top:10px;margin-bottom:10px;font-size:clamp(1.6rem,5vw,2.5rem);font-weight:800;line-height:1.2}.portal-hero p{color:var(--text-muted);max-width:680px;margin:0 auto;font-size:clamp(.9rem,2.5vw,1.05rem)}.tools-directory-section{margin-bottom:30px}.section-title{margin-bottom:20px}.section-title h2{font-size:1.35rem;font-weight:700}.section-title p{color:var(--text-muted);font-size:.875rem}.tools-portal-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.single-tool-grid{grid-template-columns:1fr;max-width:100%}.portal-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);color:var(--text-main);border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.featured-card{background:linear-gradient(145deg, var(--bg-card) 0%, #3b82f60a 100%);border-color:#3b82f666;padding:24px}.featured-card h3{font-size:1.25rem}.portal-card.active:hover{border-color:var(--primary);box-shadow:0 12px 28px -6px var(--primary-glow);transform:translateY(-3px)}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-icon{font-size:1.5rem}.status-badge{border-radius:12px;padding:2px 10px;font-size:.725rem;font-weight:600}.status-badge.active{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.portal-card h3{color:var(--text-main);margin-bottom:8px;font-size:1.1rem;font-weight:700}.portal-card p{color:var(--text-muted);margin-bottom:16px;font-size:.85rem;line-height:1.45}.card-action{color:var(--primary);font-size:.85rem;font-weight:600}.roadmap-section{width:100%;margin-top:10px;margin-bottom:40px}.roadmap-card{background:var(--bg-card);border:1px dashed var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;padding:24px}.roadmap-header{margin-bottom:12px}.roadmap-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;background:#06b6d41f;border:1px solid #06b6d44d;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.roadmap-header h3{color:var(--text-main);font-size:1.15rem;font-weight:700}.roadmap-desc{color:var(--text-muted);margin-bottom:16px;font-size:.9rem;line-height:1.55}.roadmap-tags{flex-wrap:wrap;gap:10px;display:flex}.roadmap-tag{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:20px;padding:6px 14px;font-size:.825rem;font-weight:500}header{text-align:center;width:100%;margin-bottom:24px}.header-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex}.badge{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#06b6d41f;border:1px solid #06b6d44d;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.theme-toggle-btn{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:auto;min-height:34px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.theme-toggle-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.theme-icon{font-size:1rem;line-height:1}header h1{color:var(--text-main);word-wrap:break-word;margin-bottom:8px;font-size:clamp(1.4rem,4.5vw,2.25rem);font-weight:700;line-height:1.25}header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:clamp(.85rem,2.5vw,1rem)}.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);box-sizing:border-box;border-radius:16px;width:100%;margin-bottom:28px;padding:24px;transition:background-color .3s,border-color .3s}.full-width{width:100%;margin-bottom:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;width:100%;display:grid}.input-group{flex-direction:column;width:100%;display:flex}.input-group label{color:var(--text-label);margin-bottom:6px;font-size:.875rem;font-weight:600}.input-with-unit{gap:8px;width:100%;max-width:100%;display:flex}.input-with-unit input{flex:55%;min-width:0}.input-with-unit select{text-overflow:ellipsis;white-space:nowrap;flex:0 0 45%;min-width:0;max-width:45%;overflow:hidden}.static-unit{background:var(--bg-input);border:1px solid var(--border-color);min-width:0;max-width:45%;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-radius:10px;flex:0 0 45%;justify-content:center;align-items:center;min-height:46px;padding:0 8px;font-size:.85rem;font-weight:600;display:flex;overflow:hidden}.input-group input,.input-group select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);box-sizing:border-box;border-radius:10px;width:100%;min-height:46px;padding:12px;font-size:16px;transition:all .2s}.input-group select{cursor:pointer}.input-group input:focus,.input-group select:focus,.unit-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.action-buttons-group{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.primary-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;cursor:pointer;box-sizing:border-box;border:none;border-radius:10px;flex:65%;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #3b82f659}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.secondary-btn{border:1px solid var(--border-color);background:var(--bg-input);min-height:48px;color:var(--text-main);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.secondary-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.results-title-box h2{color:var(--text-main);font-size:1.2rem;font-weight:600}.results-title-box .subtitle{color:var(--text-muted);margin-top:2px;font-size:.825rem}.print-btn{min-height:38px;padding:6px 14px;font-size:.825rem}.results{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;width:100%;margin-bottom:32px;display:grid}.result-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);box-sizing:border-box;border-radius:14px;flex-direction:column;justify-content:space-between;width:100%;padding:16px;transition:transform .2s,border-color .2s,background-color .3s;display:flex;overflow:hidden}.result-card:hover{border-color:#3b82f666;transform:translateY(-2px)}.result-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;word-break:break-word;margin-bottom:8px;font-size:.775rem;font-weight:600}.result-card h2{color:var(--text-main);word-break:break-word;overflow-wrap:anywhere;margin-bottom:8px;font-size:clamp(1.15rem,3.5vw,1.45rem);font-weight:700}.static-label{color:var(--accent);font-size:.775rem;font-weight:500}.unit-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--accent);cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;border-radius:8px;width:100%;max-width:100%;min-height:36px;margin-top:4px;padding:6px 8px;font-size:.8rem;font-weight:500;transition:all .2s}.unit-select:hover{border-color:var(--accent)}.result-card.highlight{background:linear-gradient(145deg, var(--bg-card) 0%, #06b6d40d 100%);border-color:#06b6d466}.result-card.highlight h2{color:var(--accent)}.result-card.key-metric{background:linear-gradient(145deg, var(--bg-card) 0%, #3b82f614 100%);border-color:#3b82f680}.result-card.key-metric h2{color:var(--primary)}.chart-card{margin-bottom:36px;padding:24px}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.chart-title h2{color:var(--text-main);font-size:1.25rem;font-weight:700}.chart-title .subtitle{color:var(--text-muted);margin-top:2px;font-size:.825rem}.chart-tabs{background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;gap:8px;padding:4px;display:flex}.chart-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.chart-tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.canvas-container{border:1px solid var(--border-color);border-radius:12px;width:100%;height:380px;position:relative;overflow:hidden}#steamChart{width:100%;height:100%;display:block}.chart-legend{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:16px;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-color{border-radius:3px;width:12px;height:12px;display:inline-block}.legend-color.liquid{background:#3b82f6}.legend-color.vapor{background:#06b6d4}.legend-color.state{background:#38bdf8;border-radius:50%;box-shadow:0 0 6px #38bdf8}.toast-popup{color:#38bdf8;opacity:0;z-index:9999;pointer-events:none;background:#0f172a;border:1px solid #0284c7;border-radius:10px;padding:12px 20px;font-size:.875rem;font-weight:600;transition:all .3s;position:fixed;bottom:24px;right:24px;transform:translateY(20px);box-shadow:0 10px 25px #0006}.toast-popup.show{opacity:1;transform:translateY(0)}.article-section{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;margin-top:36px;margin-bottom:30px;padding:32px}.article-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.article-header h2{color:var(--text-main);margin-bottom:6px;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:800}.article-meta{color:var(--accent);font-size:.85rem;font-weight:500}.article-content h3{color:var(--text-main);margin-top:28px;margin-bottom:12px;font-size:1.25rem;font-weight:700}.article-content p{color:var(--text-muted);margin-bottom:14px;font-size:.95rem;line-height:1.65}.article-content ul{color:var(--text-muted);margin-bottom:20px;margin-left:20px;font-size:.925rem}.article-content li{margin-bottom:8px}.guide-steps-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:20px 0;display:grid}.step-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;padding:18px;position:relative}.step-card h4{color:var(--text-main);margin-bottom:6px;font-size:.975rem;font-weight:700}.step-card p{margin-bottom:0;font-size:.85rem;line-height:1.45}.table-responsive{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;margin:24px 0;overflow-x:auto;box-shadow:0 4px 12px #00000026}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.875rem}.data-table th{background:var(--bg-input);color:var(--text-main);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border-color);padding:14px 16px;font-size:.85rem;font-weight:700}.data-table th:first-child{width:28%;min-width:150px}.data-table th:nth-child(2){text-align:center;width:14%;min-width:75px}.data-table th:nth-child(3){width:58%;min-width:250px}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-muted);vertical-align:middle;padding:14px 16px;line-height:1.55}.data-table td:nth-child(2){text-align:center;color:var(--accent);font-size:.95rem;font-weight:700}.data-table tbody tr:nth-child(2n) td{background:#ffffff04}.data-table tbody tr:hover td{color:var(--text-main);background:#3b82f60f}.data-table tr:last-child td{border-bottom:none}.uncommon-units-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:20px 0;display:grid}.unit-desc-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;padding:16px}.unit-code{color:var(--accent);background:#06b6d41f;border:1px solid #06b6d440;border-radius:8px;margin-bottom:8px;padding:2px 8px;font-size:.725rem;font-weight:700;display:inline-block}.unit-desc-card h4{color:var(--text-main);margin-bottom:6px;font-size:.95rem;font-weight:700}.unit-desc-card p{margin-bottom:0;font-size:.825rem;line-height:1.45}.info-box{border-left:4px solid var(--primary);color:var(--text-main);background:#3b82f614;border-radius:0 10px 10px 0;margin:20px 0;padding:14px 18px;font-size:.925rem}.region-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:20px 0;display:grid}.region-info-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;padding:16px}.reg-num{color:var(--primary);background:#3b82f626;border-radius:10px;margin-bottom:8px;padding:2px 8px;font-size:.725rem;font-weight:700;display:inline-block}.region-info-card h4{color:var(--text-main);margin-bottom:4px;font-size:.95rem;font-weight:700}.region-info-card p{margin-bottom:0;font-size:.825rem;line-height:1.4}.faq-container{flex-direction:column;gap:14px;margin-top:20px;display:flex}.faq-item{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;padding:20px}.faq-item h4{color:var(--text-main);margin-bottom:8px;font-size:1rem;font-weight:700}.faq-item p{margin-bottom:0;font-size:.9rem;line-height:1.55}.site-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);width:100%;margin-top:auto;padding:24px 0;font-size:.85rem}.footer-link{color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent);text-decoration:underline}.privacy-page,.contact-page{margin-top:20px}.contact-info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.contact-card{background:var(--bg-input);border:1px solid var(--border-color);text-align:center;border-radius:14px;padding:20px}.contact-icon{margin-bottom:10px;font-size:2rem;display:block}.contact-card h3{color:var(--text-main);margin-bottom:6px;font-size:1.1rem;font-weight:700}.contact-card p{color:var(--text-muted);margin-bottom:8px;font-size:.875rem}.contact-email-link{color:var(--primary);font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.contact-email-link:hover{color:var(--accent);text-decoration:underline}.form-container-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;padding:24px}.form-container-card h2{color:var(--text-main);margin-bottom:4px;font-size:1.25rem;font-weight:700}.form-subtext{color:var(--text-muted);margin-bottom:20px;font-size:.875rem}.google-form-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;overflow:hidden}.google-form-wrapper iframe{border:none;width:100%}.author-profile-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;margin:20px 0;padding:24px}.author-header{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;margin-bottom:18px;padding-bottom:16px;display:flex}.author-icon{background:#3b82f626;border-radius:50%;padding:10px;font-size:2.5rem;line-height:1}.author-header h3{color:var(--text-main);margin-bottom:2px;font-size:1.3rem;font-weight:700}.author-title{color:var(--primary);margin-bottom:0;font-size:.875rem;font-weight:600}.author-details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:18px;display:grid}.author-detail-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px}.author-detail-item strong{color:var(--text-main);margin-bottom:4px;font-size:.9rem;display:block}.author-detail-item p{color:var(--text-muted);margin-bottom:0;font-size:.85rem;line-height:1.45}.card-item-title{color:var(--text-main);margin-bottom:6px;font-size:.95rem;font-weight:700}.formula-box{background:var(--bg-card);border:1px solid var(--primary);color:var(--text-main);box-shadow:var(--card-shadow);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:14px 0;padding:14px 18px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600;display:flex}.math-fraction{vertical-align:middle;flex-direction:column;align-items:center;padding:0 4px;display:inline-flex}.math-fraction .numerator{border-bottom:2px solid var(--primary);text-align:center;width:100%;margin-bottom:2px;padding-bottom:2px}.math-fraction .denominator{text-align:center;width:100%}.step-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:8px;font-size:.9rem;font-weight:700;display:inline-flex}.seo-tags-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.seo-tag{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);letter-spacing:.02em;border-radius:20px;padding:5px 12px;font-size:.775rem;font-weight:600;box-shadow:0 1px 3px #0000000a}.collaboration-banner{background:linear-gradient(135deg,#3b82f612,#10b98112);border:1px solid #3b82f640;border-radius:14px;margin:20px 0;padding:20px}.collab-header{margin-bottom:10px}.collab-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#3b82f61f;border-radius:20px;margin-bottom:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.collab-header h4{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.collab-desc{color:var(--text-muted);margin-bottom:16px;font-size:.9rem;line-height:1.5}.collab-tags-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.collab-tag{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 1px 3px #0000000d}.tag-icon{font-size:1.2rem}.full-width-item{grid-column:1/-1}.author-quote{border-left:4px solid var(--primary);color:var(--text-main);background:#3b82f614;border-radius:0 10px 10px 0;margin-bottom:0;padding:12px 16px;font-size:.9rem}@media (width<=768px){.mobile-menu-btn{display:inline-flex}.nav-links{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);z-index:999;border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;margin-top:6px;padding:12px;display:none;position:absolute;top:100%;left:16px;right:16px}.nav-links.mobile-open{animation:.2s forwards fadeInDown;display:flex}.nav-link{border-radius:10px;padding:12px 16px;font-size:.95rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media (width<=600px){.header-top{flex-direction:column;gap:8px}.theme-toggle-btn{border-radius:16px;min-height:32px;padding:4px 10px;font-size:.75rem}.theme-toggle-btn .theme-text{display:none}.article-section{border-radius:14px;padding:20px 14px}.canvas-container{height:280px}.chart-header{flex-direction:column;align-items:flex-start}.chart-tabs{width:100%}.chart-tab-btn{text-align:center;flex:1}.action-buttons-group{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.primary-btn{min-height:48px;font-size:1.025rem;font-weight:700;box-shadow:0 4px 14px #3b82f659}header{margin-bottom:10px}header .header-top{margin-bottom:2px}header h1{margin-bottom:2px;font-size:1.25rem}header p{margin-bottom:4px;font-size:.8rem;line-height:1.35}.seo-tags-bar{display:none}}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:12px;width:100%;position:relative;overflow-x:auto;box-shadow:inset -10px 0 10px -10px #00000026}@media (width<=768px){.container{padding:16px 12px}.tools-portal-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{border-radius:14px;padding:18px 14px}.results{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.result-card{border-radius:12px;padding:14px 10px}.result-card h2{font-size:1.2rem}.data-table th,.data-table td{padding:10px 12px;font-size:.8rem}}@media (width<=480px){.nav-container{gap:8px;padding:10px}.brand-logo{font-size:1rem}.tools-portal-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr;gap:12px}.input-with-unit{gap:6px}.input-with-unit select{flex:0 0 45%;max-width:45%;padding-left:6px;padding-right:6px;font-size:13px}.results{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px}.result-card{padding:10px 8px}.result-card span{letter-spacing:.02em;font-size:.68rem}.result-card h2{font-size:1.05rem}.unit-select{min-height:32px;padding:4px;font-size:.725rem}}@media (width<=340px){.results{grid-template-columns:1fr}}@media print{body{color:#000!important;background:#fff!important}.site-nav,.theme-toggle-btn,.action-buttons-group,.chart-tabs,.print-btn,.article-section,.site-footer{display:none!important}.container{max-width:100%!important;padding:0!important}.card{page-break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #cbd5e1!important}.results{grid-template-columns:repeat(3,1fr)!important}.result-card{background:#f8fafc!important;border:1px solid #cbd5e1!important}.canvas-container{border:1px solid #cbd5e1!important;height:300px!important}}