@layer theme,base;@layer components{html[data-site=keyplan] .kp-simhub{gap:1rem;margin:0;padding:0;list-style:none;display:grid}html[data-site=keyplan] .kp-simhub-card{background:var(--kp-surface);border:1px solid var(--kp-line);border-radius:var(--kp-radius-card);box-shadow:var(--kp-shadow-1);transition:box-shadow .2s, transform .2s var(--kp-ease), border-color .2s;grid-template-rows:auto auto auto 1fr auto;gap:.8rem;padding:clamp(1.35rem,3vw,1.85rem);display:grid;position:relative}html[data-site=keyplan] .kp-simhub-card:has(a:hover){box-shadow:var(--kp-shadow-2);border-color:var(--kp-lav-300);transform:translateY(-2px)}html[data-site=keyplan] .kp-simhub-card h2{letter-spacing:-.02em;text-wrap:balance;margin:.15rem 0 0;font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem);font-weight:750;line-height:1.18}html[data-site=keyplan] .kp-simhub-card h2 a{color:var(--kp-ink);text-decoration:none}html[data-site=keyplan] .kp-simhub-card h2 a:after{content:"";border-radius:inherit;position:absolute;inset:0}html[data-site=keyplan] .kp-simhub-card h2 a:focus-visible{outline:none}html[data-site=keyplan] .kp-simhub-card:has(h2 a:focus-visible){outline:3px solid var(--kp-focus);outline-offset:2px}html[data-site=keyplan] .kp-simhub-card>p{color:var(--kp-ink-2);text-wrap:pretty;margin:0;font-size:.9688rem;line-height:1.55}html[data-site=keyplan] .kp-simhub-card--off{box-shadow:none;background:0 0;border-style:dashed}html[data-site=keyplan] .kp-simhub-card--off h2{color:var(--kp-ink-2)}html[data-site=keyplan] .kp-simhub-top{align-items:center;gap:.7rem;display:flex}html[data-site=keyplan] .kp-simhub-top .kp-chip{margin-left:auto}html[data-site=keyplan] .kp-simhub-tool{letter-spacing:.02em;color:var(--kp-ink-3);font-size:.8125rem;font-weight:700}html[data-site=keyplan] .kp-simhub-card>.kp-simhub-needs{background:var(--kp-lav-50);color:var(--kp-ink-2);border-radius:12px;align-self:start;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;font-size:.875rem;line-height:1.45;display:flex}html[data-site=keyplan] .kp-simhub-card>.kp-simhub-needs .kp-i{width:1rem;height:1rem;color:var(--kp-link);flex:none;margin-top:.1rem}html[data-site=keyplan] .kp-simhub-card>.kp-simhub-needs b{color:var(--kp-ink);font-weight:650}html[data-site=keyplan] .kp-simhub-go{border-radius:var(--kp-radius-ctl);background:var(--kp-indigo);color:#fff;justify-content:center;justify-self:start;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.15rem;font-size:.9688rem;font-weight:600;display:inline-flex;box-shadow:0 10px 20px -12px #2b2a6eb3}html[data-site=keyplan] .kp-simhub-go .kp-i{width:1.05rem;height:1.05rem;transition:transform .25s var(--kp-ease)}html[data-site=keyplan] .kp-simhub-card:has(a:hover) .kp-simhub-go{background:var(--kp-indigo-hover)}html[data-site=keyplan] .kp-simhub-card:has(a:hover) .kp-simhub-go .kp-i{transform:translate(3px)}html[data-site=keyplan] .kp-simhub-how{margin-top:calc(-1*clamp(.75rem,2vw,1.5rem))}html[data-site=keyplan] .kp-simhub-more{border:1px solid var(--kp-line);border-radius:var(--kp-radius-panel);background:var(--kp-surface)}html[data-site=keyplan] .kp-simhub-more>summary{cursor:pointer;border-radius:inherit;min-height:3rem;color:var(--kp-ink);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1.1rem;font-size:1rem;font-weight:700;list-style:none;display:flex}html[data-site=keyplan] .kp-simhub-more>summary::-webkit-details-marker{display:none}html[data-site=keyplan] .kp-simhub-more>summary .kp-i{width:1.05rem;height:1.05rem;color:var(--kp-link);transition:transform .2s var(--kp-ease);flex:none}html[data-site=keyplan] .kp-simhub-more>summary:hover{color:var(--kp-indigo)}html[data-site=keyplan] .kp-simhub-more>summary:focus-visible{outline:3px solid var(--kp-focus);outline-offset:2px}html[data-site=keyplan] .kp-simhub-more[open]>summary .kp-i{transform:rotate(180deg)}html[data-site=keyplan] .kp-simhub-more .kp-sim-facts{padding:0 1.1rem 1.1rem}html[data-site=keyplan] .kp-simhub-more .kp-sim-facts>li{background:var(--kp-surface-2)}@media (min-width:640px) and (max-width:899.98px){html[data-site=keyplan] .kp-simhub-more .kp-sim-facts>li:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:900px){html[data-site=keyplan] .kp-simhub{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}html[data-site=keyplan] .kp-simhub-more .kp-sim-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html[data-site=keyplan] .kp-simhub-card,html[data-site=keyplan] .kp-simhub-go .kp-i,html[data-site=keyplan] .kp-simhub-more>summary .kp-i{transition:none}html[data-site=keyplan] .kp-simhub-card:has(a:hover){transform:none}}}@layer utilities;
