/* Keep all six section tabs reachable in short viewer/phone windows. */
#tabs { overflow-y:auto; overscroll-behavior:contain; }
#tabs .tab { flex-shrink:0; }
#ppfPage { font-size:14px; line-height:1.45; }
#ppfPage h2 { font-size:17px; margin:14px 0 8px; }
#ppfPage p { margin:8px 0 12px; color:#c3ced8; }
#ppfPage .ppfHelp { border:1px solid #665932; background:#282519; border-radius:8px; padding:0 12px; }
#ppfPage summary { cursor:pointer; padding:13px 0; color:#f1d78a; font-weight:700; }
#ppfPage .ppfHelp p { font-size:13px; color:#e3dac1; }
#ppfPage label { display:block; margin-top:14px; font-size:14px; }
#ppfPage output { float:right; color:#8cdfff; }
#ppfPage input[type="range"] { width:100%; min-height:36px; margin:0; accent-color:#63caff; }
#ppfPage input[type="color"] { width:100%; height:44px; padding:4px; margin:5px 0 12px; }
#ppfPage .ppfPanels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#ppfPage button { min-width:0; min-height:44px; font-size:14px; line-height:1.3; padding:10px 8px; white-space:normal; cursor:pointer; }
#ppfPage .ppfPanelButton { text-align:left; background:#1b2733; border:1px solid #4e6072; border-radius:7px; color:#eef4f8; }
#ppfPage .ppfPanelButton[aria-pressed="true"] { background:#16425b; border:2px solid #71d7ff; padding:9px 7px; color:#dcf7ff; }
#ppfPage .ppfPanelButton[aria-pressed="true"]::before { content:'✓ '; }
#ppfPage button:focus-visible, #ppfPage summary:focus-visible, #ppfPage input:focus-visible { outline:2px solid #bceaff; outline-offset:3px; }
#ppfPage button:disabled { cursor:default; opacity:.45; }
#ppfPage .ppfActions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
#ppfPage #ppfAll { width:100%; margin-top:10px; }
#ppfPage #ppfAvailability { font-size:12px; }
#ppfPage #ppfSummary { font-size:13px; color:#9adfff; }