/* Plans page — layout ported from docs/redesign-mockups/plans-mockup.html (owner-approved).
   Reuses global .plan-card/.pc-*/.mode-row/.seg-opt/.disclaimer/.pill/.card/.owner-preview/.plan-grid
   (defined in pages.css + themes.css) unchanged — only page-specific classes are styled here. */
body[data-theme=gemini] #view .pl-page{--px-card:var(--today-paper);--px-inset:var(--paper-3);--px-edge:var(--today-rule)}
body[data-theme=gemini] #view .pl-page{padding:14px 20px 32px;min-width:0}
body[data-theme=gemini] #view .pl-page *{min-width:0}
body[data-theme=gemini] #view .pl-page button{font:inherit;cursor:pointer}

body[data-theme=gemini] #view .pl-page .sx-hd{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--today-rule);padding:0 0 12px;margin-bottom:14px}
body[data-theme=gemini] #view .pl-page .sx-hd>div:first-child{flex:1 1 420px;min-width:0}
body[data-theme=gemini] #view .pl-page .sx-hd h2{margin:0;text-transform:none;font-size:16px;line-height:1.3;font-weight:700;letter-spacing:-.005em;color:var(--ink1)}
body[data-theme=gemini] #view .pl-page .sx-ld{margin:6px 0 0;font-size:11px;line-height:1.55;color:var(--ink2);max-width:86ch}
body[data-theme=gemini] #view .pl-page .sx-hr{font-size:9px;letter-spacing:.06em;color:var(--ink3)}
body[data-theme=gemini] #view .pl-page .sx-hd + .sx-hd{margin-top:26px}
body[data-theme=gemini] #view .pl-page .disclaimer + .sx-hd,
body[data-theme=gemini] #view .pl-page .pl-strip + .sx-hd,
body[data-theme=gemini] #view .pl-page .pl-tiles + .sx-hd,
body[data-theme=gemini] #view .pl-page .plan-grid + .sx-hd,
body[data-theme=gemini] #view .pl-page #upgmsg + .sx-hd,
body[data-theme=gemini] #view .pl-page .owner-preview + .sx-hd,
body[data-theme=gemini] #view .pl-page .pl-matrix-wrap + .sx-hd,
body[data-theme=gemini] #view .pl-page .pl-fg + .sx-hd,
body[data-theme=gemini] #view .pl-page .pl-steps + .sx-hd{margin-top:26px}

body[data-theme=gemini] #view .pl-page .pl-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--px-edge);border:1px solid var(--px-edge);margin-top:2px}
body[data-theme=gemini] #view .pl-page .pl-stat{background:var(--px-inset);padding:8px 12px 9px;display:flex;flex-direction:column;gap:2px;min-width:0}
body[data-theme=gemini] #view .pl-page .pl-stat>b{font-size:15px;line-height:1.2;color:var(--ink1);font-weight:700}
body[data-theme=gemini] #view .pl-page .pl-stat>.sub{font-size:10px;line-height:1.4}

body[data-theme=gemini] #view .pl-page .pl-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--px-edge);border:1px solid var(--px-edge)}
body[data-theme=gemini] #view .pl-page .pl-tile{background:var(--px-card);padding:9px 11px 10px;display:flex;flex-direction:column;gap:5px;min-width:0}
body[data-theme=gemini] #view .pl-page .pl-tile.open{background:var(--px-inset)}
body[data-theme=gemini] #view .pl-page .pl-tile-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
body[data-theme=gemini] #view .pl-page .pl-tile-top>b{font-size:11.5px;color:var(--ink1);font-weight:700}
body[data-theme=gemini] #view .pl-page .pl-tile-free{color:var(--ink3)}

body[data-theme=gemini] #view .pl-page .pl-matrix-wrap{overflow-x:auto;border:1px solid var(--px-edge);max-width:100%;min-width:0;-webkit-overflow-scrolling:touch}
body[data-theme=gemini] #view .pl-page .pl-matrix{border-collapse:collapse;font-size:10.5px;min-width:480px;width:100%}
body[data-theme=gemini] #view .pl-page .pl-matrix th,
body[data-theme=gemini] #view .pl-page .pl-matrix td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--px-edge);white-space:nowrap;color:var(--ink2)}
body[data-theme=gemini] #view .pl-page .pl-matrix thead th{color:var(--ink1);font-weight:700;font-size:10px;letter-spacing:.02em;background:var(--px-inset)}
body[data-theme=gemini] #view .pl-page .pl-matrix td:first-child{color:var(--ink1);white-space:normal;min-width:150px}
body[data-theme=gemini] #view .pl-page .pl-matrix .pl-mx-c{text-align:center;font-weight:700}
@media (min-width:561px) and (max-width:620px){
  body[data-theme=gemini] #view .pl-page .pl-matrix{width:480px;min-width:480px;max-width:none;table-layout:fixed}
  body[data-theme=gemini] #view .pl-page .pl-matrix th:first-child,
  body[data-theme=gemini] #view .pl-page .pl-matrix td:first-child{width:160px;white-space:normal}
}
@media (max-width:560px){
  body[data-theme=gemini] #view .pl-page .pl-matrix[data-stack]{width:100%;min-width:0;table-layout:auto}
  body[data-theme=gemini] #view .pl-page .pl-matrix[data-stack] td:first-child{width:auto;min-width:0}
}

body[data-theme=gemini] #view .pl-page .pl-fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--px-edge);border:1px solid var(--px-edge)}
body[data-theme=gemini] #view .pl-page .pl-fg-item{background:var(--px-card);padding:9px 11px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}
body[data-theme=gemini] #view .pl-page .pl-fg-item>b{font-size:11.5px;color:var(--ink1);font-weight:700}

body[data-theme=gemini] #view .pl-page .pl-steps{display:flex;flex-direction:column;gap:10px}
body[data-theme=gemini] #view .pl-page .pl-step{display:flex;gap:10px;align-items:baseline;font-size:11px;line-height:1.55;color:var(--ink2)}
body[data-theme=gemini] #view .pl-page .pl-step>b{color:var(--ink1);flex:0 0 auto}
body[data-theme=gemini] #view .pl-page .pl-step a{color:var(--ink1);text-decoration:underline}

@media (max-width:620px){
  body[data-theme=gemini] #view .pl-page{padding:10px 16px 26px}
  body[data-theme=gemini] #view .pl-page .sx-hd>div:first-child{flex-basis:100%}
  body[data-theme=gemini] #view .pl-page .pl-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-theme=gemini] #view .pl-page .pl-tiles{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  body[data-theme=gemini] #view .pl-page *{transition:none!important;animation:none!important}
}