/* Tối ưu cho điện thoại (≤760px). Nạp sau style.css và theme.css nên ghi đè được cả hai. */
@media(max-width:760px){
 /* ô nhập 16px để iOS không tự phóng to khi chạm vào */
 input:not([type=radio]):not([type=checkbox]),select{font-size:16px;min-height:44px}
 select{height:44px;padding:10px 32px 10px 12px!important}
 .segments span{padding:10px 7px;font-size:13px}
 .check{font-size:12px}.check input{width:17px;height:17px}.annual-year .check input{width:17px;height:17px}
 .primary{min-height:50px;font-size:15px;margin-top:20px}
 .date-row{gap:8px}
 /* hero gọn hơn để vào form nhanh */
 .masthead{min-height:0;padding:28px 18px 60px}
 .masthead h1{font-size:54px;margin:14px 0 8px}
 .hero-subtitle{margin:12px 0 20px}
 .hero-cta{padding:13px 20px;font-size:13px}
 .hero-orbit{display:none}
 .floating-leaves{display:none}
 .feature-strip{padding:12px 0}
 .workspace-heading{padding:22px 0 12px}
 /* kết quả */
 .result.is-empty .result-empty{min-height:0;padding:28px 18px}
 .result-empty img{width:80px;height:80px}
 .result-toolbar{gap:8px;align-items:center}
 .result-toolbar>div:first-child{width:100%}
 .tools{width:100%;display:flex;flex-wrap:wrap;gap:8px}
 .tools button{flex:1 1 auto;justify-content:center;min-height:42px;font-size:13px}
 .view-toggle{display:flex;width:100%;border:1px solid #c9b48f;border-radius:4px;padding:3px;background:#f1e9d6;gap:3px}
 .view-toggle button{flex:1;border:0;background:transparent;color:#766b5a;min-height:36px;border-radius:3px;font-size:13px;padding:6px}
 .view-toggle button.active{background:#fffdf7;color:var(--red);font-weight:600;box-shadow:0 1px 3px #56432318}
 /* Chế độ "Vừa màn hình": toàn bộ lá số thu theo bề rộng màn hình (như tuvichanco.vn), phóng to bằng hai ngón tay */
 .chart-scroll{padding:6px;-webkit-overflow-scrolling:touch}
 .view-fit .chart-scroll{overflow:hidden}
 /* dựng lá số ở đúng bề rộng desktop (1000px) rồi thu nhỏ, như canvas 900px của tuvichanco.vn */
 .chart{width:1000px;min-width:1000px;max-width:none}
 .view-fit .chart{transform-origin:0 0}
 .view-fit .scroll-hint{display:none}
 .chart-bottom{flex-wrap:wrap;gap:8px}
 .legend{font-size:11px}.chart-bottom .check{font-size:11px}
 .help-questions summary{min-height:44px}
}
@media print{.view-toggle{display:none!important}}
@media print{.chart{transform:none!important;margin:0!important}.chart-scroll{overflow:visible!important}}