.ytm-hero{text-align:center;padding:2rem 1rem 1rem}.ytm-hero h1{letter-spacing:-.03em;color:#111;margin:0 0 .35rem;font-size:1.9rem;font-weight:800}.ytm-hero p{color:#64748b;margin:0;font-size:1rem}.ytm-hero nav{color:#94a3b8;margin-bottom:.75rem;font-size:.82rem}.calc-center{max-width:620px;margin:0 auto;padding:0 1rem 2rem}.content-wrap{max-width:900px;margin:0 auto;padding:0 1rem 3.5rem}.card,.content-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 1px 4px #0000000a}.content-card h2{color:#111;margin:0 0 .8rem;font-size:1.05rem;font-weight:700}.content-card p{color:#444;margin:0 0 .7rem;font-size:.93rem;line-height:1.75}.content-card p:last-child{margin-bottom:0}.mode-wrap{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1.25rem;display:grid}.mode-btn{color:#64748b;cursor:pointer;text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:.55rem;font-size:.85rem;font-weight:600;transition:all .15s}.mode-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.input-group{margin-bottom:1rem}.input-group label{color:#374151;margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}.input-group input{color:#111;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:.65rem .9rem;font-family:inherit;font-size:1rem;transition:border-color .15s}.input-group input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}.calc-btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-bottom:1rem;padding:.8rem;font-size:1rem;font-weight:700;transition:background .15s}.calc-btn:hover{background:#1d4ed8}.answer-hero{text-align:center;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 60%,#3b82f6 100%);border-radius:14px;margin-bottom:1rem;padding:1.75rem 1.5rem 1.25rem;display:none;box-shadow:0 6px 24px #2563eb38}.answer-hero.show{display:block}.a-label{color:#ffffffa6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem;font-size:.68rem;font-weight:700}.a-value{color:#fff;letter-spacing:-.02em;font-size:2.8rem;font-weight:900;line-height:1}.a-unit{color:#fffc;margin-top:.3rem;font-size:1rem;font-weight:600}.a-sub{color:#ffffffb3;margin-top:.4rem;font-size:.85rem}.stats-row{grid-template-columns:1fr 1fr;gap:.55rem;display:none}.stats-row.show{display:grid}.stat-box{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:.85rem .75rem}.stat-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.62rem;font-weight:700;display:block}.stat-val{color:#1e293b;font-size:.95rem;font-weight:800;display:block}.formula-box{text-align:center;color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;margin:.6rem 0 1rem;padding:.85rem 1rem;font-family:monospace;font-size:.95rem;font-weight:800}.ref-tbl{border-collapse:collapse;width:100%;font-size:.875rem}.ref-tbl th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:.6rem .85rem;font-size:.68rem;font-weight:700}.ref-tbl td{color:#374151;border-bottom:1px solid #f3f4f6;padding:.65rem .85rem}.ref-tbl tr:last-child td{border-bottom:none}.ref-tbl tbody tr:hover td{background:#f8faff}.ref-tbl a{color:var(--blue);font-weight:600;text-decoration:none}.ref-tbl a:hover{text-decoration:underline}.faq-item{border-bottom:1px solid #f3f4f6;padding:.9rem 0}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h3{color:#111;margin:0 0 .35rem;font-size:.9rem;font-weight:700}.faq-item p{color:#555;margin:0;font-size:.865rem;line-height:1.65}.next-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.next-card{border:1px solid #e5e7eb;border-top:3px solid var(--blue);background:#fff;border-radius:10px;padding:1rem;text-decoration:none;display:block}.next-card:hover{text-decoration:none;box-shadow:0 4px 12px #00000014}.next-tag{text-transform:uppercase;letter-spacing:.07em;color:var(--blue);margin-bottom:.3rem;font-size:.68rem;font-weight:700;display:block}.next-card h3{color:#111;margin:0 0 .25rem;font-size:.88rem;font-weight:700}.next-card p{color:#64748b;margin:0;font-size:.78rem;line-height:1.5}@media (width<=768px){.a-value{font-size:2.1rem}.next-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.next-grid{grid-template-columns:1fr}}
