.pkg-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:700px){.pkg-grid{grid-template-columns:1fr 1fr}}@media (min-width:1100px){.pkg-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.pkg-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-card);gap:14px;padding:20px;display:grid}.pkg-card[data-tone=ink]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pkg-card[data-tone=blue]{background:var(--blue);color:#fff;border-color:var(--blue)}.pkg-name{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:26px;line-height:1.05}.pkg-name em{font-style:italic}.pkg-rate{font-family:var(--font-display);letter-spacing:-.02em;color:inherit;font-size:30px;font-style:italic;line-height:1}.pkg-rate-unit{font-family:var(--font-ui);opacity:.7;margin-left:4px;font-size:13px;font-style:normal}.pkg-rate small{opacity:.6;font-size:11px;font-style:normal;font-family:var(--font-mono);letter-spacing:.06em;margin-top:4px;display:block}.pkg-list{gap:6px;margin:0;padding:0;font-size:13.5px;line-height:1.4;list-style:none;display:grid}.pkg-list li{align-items:baseline;gap:8px;display:flex}.pkg-list li:before{content:"·";color:var(--blue);font-weight:700}.pkg-card[data-tone=ink] .pkg-list li:before,.pkg-card[data-tone=blue] .pkg-list li:before{color:#fff}
.rgrid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:700px){.rgrid{grid-template-columns:1fr 1fr}}@media (min-width:1100px){.rgrid{grid-template-columns:1fr 1fr 1fr}}.rgrid-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-chip);color:inherit;transition:border-color .2s var(--ease-out), transform .2s var(--ease-out);grid-template-columns:1fr auto;align-items:baseline;gap:8px;padding:14px 16px;text-decoration:none;display:grid}.rgrid-card:hover{border-color:var(--ink-3);transform:translateY(-1px)}.rgrid-role{font-size:14.5px;font-weight:500}.rgrid-rate{font-family:var(--font-mono);color:var(--ink-2);text-align:right;white-space:nowrap;font-size:12px}.rgrid-rate strong{color:var(--blue);font-weight:500}.rgrid-meta{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);grid-column:1/-1;align-items:baseline;gap:10px;font-size:10.5px;display:flex}.rgrid-meta .live{color:var(--blue)}.rgrid-demand{align-items:center;gap:2px;display:inline-flex}.rgrid-demand-dot{background:var(--ink-5);border-radius:1px;width:6px;height:6px}.rgrid-demand-dot[data-on=true]{background:var(--blue)}