/* /plans/<slug> — one page per plan. Shared base, tokens and .pcard live in brand.css. */
.pd-crumbs{font-size:13.5px;color:var(--ink-soft);margin:0 0 14px}
.pd-crumbs a{text-decoration:underline}
.pd-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:28px;align-items:start;margin-top:8px}
.pd-info{display:flex;flex-direction:column;gap:16px}
.pd-sec{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.pd-sec h2,.pd-check h2,.pd-more h2{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0 0 10px}
.pd-sec p{font-size:14.5px;line-height:1.55;color:var(--ink-soft);margin:0}
.pd-sec a{text-decoration:underline}
.pd-list{margin:0}
.pd-list div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid var(--line);font-size:14.5px}
.pd-list div:first-child{border-top:0;padding-top:0}
.pd-list dt{color:var(--ink-soft)}
.pd-list dd{margin:0;font-weight:700;color:var(--ink);text-align:right}
.pd-check{margin-top:40px;text-align:center}
.pd-more{margin-top:36px;max-width:720px;margin-left:auto;margin-right:auto}
.pd-more ul{list-style:none;margin:0 0 14px;padding:0;background:#fff;border:1px solid var(--line);border-radius:16px}
.pd-more li{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--line);font-size:15px}
.pd-more li:first-child{border-top:0}
.pd-more li span{color:var(--ink-soft)}
@media(max-width:860px){
  .pd-grid{grid-template-columns:1fr;gap:20px}
  .pd-card{max-width:440px;width:100%;margin:0 auto}
}