/* Line-count pages (/single-line-dialer/, /3-line-dialer/, /5-line-dialer/,
   /15-line-dialer/) and the line-count section on the home page. The rest of
   those pages reuse the hub classes in hubs.css. */
.line-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.line-ladder a{position:relative;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-xs);padding:24px 22px 54px;color:var(--ink);transition:transform .25s ease,box-shadow .25s ease}
.line-ladder a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line-2),var(--shadow-md)}
.line-ladder a:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}
.line-ladder a[aria-current]{box-shadow:inset 0 0 0 2px var(--indigo),var(--shadow-md)}
.line-ladder .ll-n{font-family:var(--font-display);font-weight:800;font-size:2.4rem;letter-spacing:-.04em;line-height:1;color:var(--indigo)}
.line-ladder .ll-n small{font-size:.9rem;font-weight:700;letter-spacing:0;margin-left:6px;color:var(--ink-3)}
.line-ladder strong{display:block;margin-top:14px;font-family:var(--font-display);font-weight:700;font-size:1.02rem;letter-spacing:-.015em}
.line-ladder .ll-d{display:block;margin-top:8px;font-size:.87rem;line-height:1.6;color:var(--ink-2)}
.line-ladder .ll-plan{display:block;margin-top:12px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--ink-3)}
.line-ladder b{position:absolute;left:22px;bottom:20px;font-weight:600;font-size:.86rem;color:var(--indigo)}
.line-ladder-foot{margin-top:18px;text-align:center;font-size:.9rem;color:var(--ink-3)}
.hub-page .chapter-copy a{color:var(--indigo);text-decoration:underline;text-underline-offset:2px}
.line-example{margin-top:14px;display:grid;gap:6px;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-2)}
.line-example li{list-style:none}
.line-plan{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:28px;padding:30px 32px;border-radius:var(--r-xl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-xs)}
.line-plan .lp-price{font-family:var(--font-display);font-weight:800;font-size:2rem;letter-spacing:-.03em}
.line-plan .lp-price small{font-size:.9rem;font-weight:600;color:var(--ink-3);margin-left:4px}
.line-plan p{margin-top:8px;color:var(--ink-2);line-height:1.65}
.line-plan .actions{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:980px){.line-ladder{grid-template-columns:repeat(2,1fr)}}
@media (max-width:660px){.line-ladder{grid-template-columns:1fr}.line-plan{grid-template-columns:1fr;padding:24px 20px}}
@media (prefers-reduced-motion:reduce){.line-ladder a{transition:none}.line-ladder a:hover{transform:none}}