.dashboard-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:4cqw;flex:1;min-height:0;align-items:center}.phone-stage{display:flex;flex-direction:column;align-items:center;min-height:0}.phone{width:22cqw;height:39cqw;max-height:100%;background:var(--card);border:.45cqw solid var(--ink);border-radius:2.8cqw;box-shadow:5px 10px 24px #182c3320;padding:1cqw 1.25cqw .65cqw;display:flex;flex-direction:column;overflow:hidden;font-size:.9cqw;line-height:1.3}.phone-status{display:flex;justify-content:space-between;font-size:.7cqw;margin:0 .25cqw .7cqw;font-weight:650}.phone-brand{font-size:1cqw;font-weight:750;color:var(--petrol);display:flex;justify-content:space-between;align-items:center;flex:none;padding-bottom:.65cqw;border-bottom:1px solid var(--line)}.phone-brand>span{font-size:.55cqw;letter-spacing:.1em;font-weight:600}.phone-screen{flex:1;min-height:0;overflow:auto;padding-top:.7cqw}.phone-period{font-size:.72cqw;color:var(--muted);margin:0 0 .4cqw}.phone h2{font-size:1.6cqw;letter-spacing:-.02em;margin:.3cqw 0 .8cqw}.phone-kpi-label{font-size:.9cqw;margin:0}.phone .phone-kpi{font-size:3.1cqw;font-weight:750;letter-spacing:-.04em;margin:0;line-height:1.12}.phone .phone-trend{font-size:.76cqw;color:var(--petrol);margin:.4cqw 0 .8cqw}.phone-kpi-row{display:flex;gap:1.5cqw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.6cqw 0;margin:.5cqw 0}.phone-kpi-row p{margin:0;color:var(--muted);font-size:.73cqw}.phone-kpi-row b{display:block;font-size:1.3cqw;color:var(--ink);margin-bottom:.15cqw}.phone-chart{margin:.8cqw 0}.phone-chart>p{display:flex;justify-content:space-between;font-size:.8cqw;font-weight:650;margin-bottom:.4cqw}.phone-chart small{font-size:.7cqw;font-weight:400;color:var(--muted)}.phone-bars{height:7.4cqw;display:grid;grid-template-columns:repeat(7,1fr);gap:.45cqw}.day-column{display:flex;flex-direction:column;align-items:stretch;gap:.3cqw;text-align:center;font-size:.65cqw;color:var(--muted)}.bar-slot{height:6cqw;display:flex;align-items:flex-end;justify-content:center;gap:.14cqw;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent,transparent calc(3cqw - 1px),var(--line) 3cqw)}.bar{height:var(--bar);background:var(--petrol);width:80%;border-radius:3px 3px 0 0}.paired .bar{width:42%}.bar.previous{background:var(--muted);opacity:.6}.phone-primary{width:100%;margin:.5cqw 0;background:var(--petrol);color:var(--bg);border-color:var(--petrol);font-size:.84cqw;font-weight:650;border-radius:.65cqw;padding:.7cqw .45cqw}.phone-nav{border-top:1px solid var(--line);display:flex;gap:.2cqw;justify-content:space-between;padding-top:.65cqw;margin-top:auto;flex:none}.phone-nav button{font-size:.68cqw;border:0;padding:.55cqw .25cqw;background:transparent;flex:1;min-width:0}.phone-nav button[aria-pressed=true]{color:var(--petrol);background:var(--sage);font-weight:700}.phone-footnote{font-size:.72cqw;color:var(--muted);margin:.5cqw 0 0}.phone .phone-action-result,.phone .phone-caption{font-size:.73cqw;margin:.6cqw 0;line-height:1.4}.chart-key{display:flex;gap:.7cqw;font-size:.7cqw;flex-wrap:wrap;margin:1cqw 0}.chart-key span{display:flex;gap:.25cqw;align-items:center}.chart-key i{display:inline-block;width:.7cqw;height:.7cqw;background:var(--petrol);border-radius:2px}.chart-key span:nth-child(2) i{background:var(--muted);opacity:.6}.goal-track{height:1.1cqw;border-radius:10px;background:var(--line);overflow:hidden;margin:1.8cqw 0 .8cqw}.goal-track span{display:block;width:90%;height:100%;background:var(--petrol)}.phone-remaining{font-size:1cqw}.phone #phoneNote{font-size:.82cqw}.phone #phoneNote input{font-size:.82cqw}.phone #phoneNote button{font-size:.72cqw}.dashboard-explainer{padding:0 1cqw 0 0}.dashboard-tabs button{font-size:.95cqw}.dashboard-copy{margin-top:1.7cqw}.dashboard-copy h2{font-size:2.5cqw;margin-bottom:1.3cqw}.dashboard-copy>p{font-size:1.37cqw;margin:1em 0}.dashboard-links{display:flex;gap:.6cqw;margin:1.5cqw 0 .7cqw}.dashboard-links button{font-size:.95cqw}.dashboard-explainer>.small{font-size:.9cqw}.dashboard-table{width:100%;border-collapse:collapse;font-size:17px}.dashboard-table caption{text-align:left;color:var(--muted);margin:.6em 0}.dashboard-table td,.dashboard-table th{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line)}.large-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.large-pair figure{display:flex;flex-direction:column;align-items:center}.large-pair img{width:auto;max-height:72svh;max-width:100%;object-fit:contain;border-radius:10px;box-shadow:var(--shadow)}.large-pair figcaption{font-size:14px;text-align:center}.edit-check #editInvariant{font-size:1.05cqw;line-height:1.45}
@media(max-width:600px){.dashboard-layout{grid-template-columns:1fr;gap:24px}.phone{width:310px;height:580px;border:7px solid var(--ink);border-radius:35px;padding:15px 18px 12px;font-size:14px}.phone-status{font-size:11px;margin:0 4px 12px}.phone-brand{font-size:16px;padding-bottom:10px}.phone-brand>span{font-size:9px}.phone-screen{padding-top:10px}.phone-period{font-size:12px;margin-bottom:6px}.phone h2{font-size:24px;margin:5px 0 12px}.phone-kpi-label{font-size:14px}.phone .phone-kpi{font-size:46px}.phone .phone-trend{font-size:12px;margin:6px 0 12px}.phone-kpi-row{gap:24px;padding:10px 0;margin:8px 0}.phone-kpi-row p{font-size:12px}.phone-kpi-row b{font-size:20px;margin-bottom:3px}.phone-chart{margin:12px 0}.phone-chart>p{font-size:13px;margin-bottom:6px}.phone-chart small{font-size:11px}.phone-bars{height:115px;gap:7px}.day-column{font-size:10px;gap:5px}.bar-slot{height:95px;gap:2px;background:repeating-linear-gradient(to top,transparent,transparent 46px,var(--line) 47px)}.phone-primary{font-size:13px;padding:10px 7px;border-radius:9px;margin:8px 0}.phone-nav{gap:3px;padding-top:10px}.phone-nav button{font-size:11px;padding:9px 4px}.phone-footnote{font-size:11px;margin-top:8px}.phone .phone-caption,.phone .phone-action-result{font-size:12px;margin:9px 0}.chart-key{font-size:11px;gap:10px;margin:15px 0}.chart-key i{width:11px;height:11px}.goal-track{height:17px;margin:28px 0 12px}.phone-remaining{font-size:16px}.phone #phoneNote,.phone #phoneNote input{font-size:13px}.phone #phoneNote button{font-size:12px}.dashboard-tabs button{font-size:13px}.dashboard-copy h2{font-size:26px;margin:20px 0}.dashboard-copy>p{font-size:17px}.dashboard-links{gap:10px;margin:20px 0 12px;flex-wrap:wrap}.dashboard-links button{font-size:14px}.dashboard-explainer>.small{font-size:13px}.edit-check #editInvariant{font-size:15px}.large-pair{gap:12px}}
@media print{.dashboard-layout{align-items:center}.phone{height:128mm;width:77mm;border-width:1.5mm;font-size:9pt}.phone-screen{overflow:visible}.phone-screen#phone-overview{display:block!important}.phone-screen:not(#phone-overview){display:none!important}.phone-nav,.phone-primary,.dashboard-tabs,.dashboard-links,#phoneReport{display:none!important}.dashboard-copy#copy-overview{display:block!important}.dashboard-copy:not(#copy-overview){display:none!important}.phone-kpi-row{margin:2mm 0;padding:2mm 0}.phone-chart{margin:2mm 0}}