/* Wide workspace on tablet; mobile keeps its original single-column flow. */
@media(min-width:768px){
 .page.liqi-page,.page.flying-page{width:100%;max-width:none;padding:24px max(28px,env(safe-area-inset-right)) 32px max(28px,env(safe-area-inset-left))}
 .liqi-page .workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
 .liqi-page .workspace>.compass-panel,.liqi-page .results{min-width:0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:0}
 .liqi-page .compass{max-width:440px;width:100%;margin:20px auto 14px}
 .liqi-page .instrument-top{font-size:14px}
 .liqi-page .readout strong{font-size:clamp(36px,4.2vw,54px)}
 .liqi-page .sensor-status{min-height:0;margin:12px 0 18px}
 .liqi-page .results{display:flex;flex-direction:column}
 .liqi-page .section-heading h2{font-size:24px}
 .liqi-page .chart-note{min-height:0;margin:10px 0 20px}
 .liqi-page .palaces{gap:9px;aspect-ratio:1;width:100%;margin:auto 0}
 .liqi-page .palace{min-height:0;min-width:0;padding:12px 5px;justify-content:center;gap:8px;border-radius:8px}
 .liqi-page .palace .name{font-size:16px}
 .liqi-page .palace .stars{font-size:clamp(27px,3.1vw,42px);letter-spacing:.035em}
 .liqi-page .palace .stars i{font-size:16px}
 .liqi-page .palace .meaning{font-size:14px}
 .liqi-page .legend{margin-top:18px;font-size:13px;gap:8px 16px}
 .liqi-page .basis{margin-top:8px}
 .liqi-page #palaceDetail{grid-column:1/-1;margin:0;padding:24px;border-radius:12px}
 .liqi-page #palaceDetail>h3{font-size:22px;margin-bottom:16px}
 .liqi-page .analysis-tabs{max-width:680px;margin-bottom:22px}
 .liqi-page .analysis-tabs button{min-height:44px;font-size:16px}
 .liqi-page .analysis-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 32px;align-items:start}
 .liqi-page .analysis-content>*{grid-column:1/-1;min-width:0}
 .liqi-page .analysis-content>.palace-score-chart{grid-column:1;margin:0;padding:0;border:0}
 .liqi-page .analysis-content>.element-summary{grid-column:2;margin:0}
 .liqi-page .score-title,.liqi-page .element-summary h4{font-size:18px;margin:0 0 12px}
 .liqi-page .score-row{grid-template-columns:88px 1fr 32px;gap:12px;font-size:15px;margin:14px 0}
 .liqi-page .score-track{height:10px;border-radius:4px}
 .liqi-page .element-table{font-size:14px;line-height:1.7}
 .liqi-page .element-table th,.liqi-page .element-table td{padding:11px 8px}
 .liqi-page #planStage{height:clamp(360px,42vw,610px)}
 .liqi-page .plan-empty{min-height:clamp(300px,35vw,480px)}
 .liqi-page .support-grid{margin-top:24px;gap:22px}
 .flying-page .yearbar{gap:12px}
 .flying-page .yearbar button,.flying-page .controls button{padding:10px 18px;font-size:16px}
 .flying-page .stage{width:min(100%,880px);margin:22px auto 20px;border-radius:16px}
 .flying-page #board{gap:10px}
 .flying-page .cell{border-radius:11px}
 .flying-page .cell .direction,.flying-page .cell .starname{font-size:clamp(16px,1.9vw,22px)}
 .flying-page .cell strong{font-size:clamp(42px,5.5vw,66px);line-height:1.2}
 .flying-page .cell.monthly strong{font-size:clamp(31px,4.2vw,48px)}
 .flying-page .cell.monthly strong small{font-size:clamp(14px,1.6vw,19px)}
 .flying-page .stage-label,.flying-page .heading{left:20px;font-size:15px}
 .flying-page .stage-label{top:15px}.flying-page .heading{bottom:15px}
 .flying-page #status{min-height:0;margin:12px 0 24px}
 .flying-page .month-panel{padding:18px 22px;margin:0 0 20px}
 .flying-page .month-controls{gap:16px}.flying-page .month-controls label{font-size:16px}
 .flying-page .room-panel{margin:20px 0;gap:14px}
 .flying-page #detail{padding:26px;border-radius:14px}
 .flying-page #detail .flying-detail-sections{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 34px}
 .flying-page #detail .flying-detail-sections>section{min-width:0;border-top:1px solid var(--line);margin-top:14px;padding-top:4px}
 .flying-page #detail h3{font-size:19px;margin:16px 0 10px}
}
@media(min-width:768px) and (max-width:900px){
 .page.liqi-page,.page.flying-page{padding-left:22px;padding-right:22px}
 .liqi-page .workspace{gap:16px}
 .liqi-page .workspace>.compass-panel,.liqi-page .results{padding:16px}
 .liqi-page .palace .stars{font-size:27px}
 .liqi-page .palace .meaning{font-size:13px}
 .liqi-page .analysis-content{gap:20px}
 .liqi-page .element-table{font-size:13px}
}