/* Pricing page — extends site.css tokens. */
.p-intro{padding:55px 0 40px}
.p-intro h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;max-width:14em}
.p-tiers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--white);margin-top:34px}
.p-tier{padding:20px 24px;border-right:1px solid var(--line)}
.p-tier:last-child{border-right:0}
.p-tier .k{font-size:9.5px;font-weight:650;letter-spacing:.15em;color:#5b738b}
.p-tier .v{font-family:var(--serif);font-size:23px;font-weight:550;color:var(--navy);margin-top:5px;letter-spacing:-.02em}
.p-tier .d{font-size:11.5px;color:var(--muted);margin-top:2px}
.p-tier.hot{background:var(--pale)}

.p-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:22px 0 20px;border-top:1px solid var(--line)}
.p-search{position:relative;flex:0 0 260px}
.p-search input{width:100%;padding:10px 13px 10px 36px;border:1px solid var(--line);background:var(--white);
  color:var(--ink);font-size:13px;border-radius:3px;font-family:inherit}
.p-search input:focus{outline:2px solid #6ca4d5;outline-offset:1px;border-color:#6ca4d5}
.p-search svg{position:absolute;left:12px;top:11px;width:15px;height:15px;color:var(--muted)}
.p-chips{display:flex;flex-wrap:wrap;gap:5px}
.p-chip{font-size:11px;padding:6px 12px;border:1px solid var(--line);background:var(--white);
  border-radius:100px;color:var(--muted);cursor:pointer;font-family:inherit}
.p-chip:hover{border-color:#b9c8d4;color:var(--ink)}
.p-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.p-chip .n{opacity:.5;margin-left:5px;font-variant-numeric:tabular-nums}
.p-export{margin-left:auto;font-size:11px;padding:8px 14px;border:1px solid var(--line);
  background:var(--white);color:var(--ink);border-radius:3px;cursor:pointer;font-family:inherit}
.p-export:hover{border-color:var(--navy);color:var(--navy)}

.p-table-wrap{background:var(--white);border:1px solid var(--line);overflow-x:auto}
.p-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:880px}
.p-table thead th{position:sticky;top:76px;background:#eff3f6;z-index:5;
  font-size:9.5px;font-weight:650;letter-spacing:.15em;color:#4d6780;
  text-align:left;padding:12px 15px;border-bottom:1px solid var(--line);white-space:nowrap}
.p-table thead th small{display:block;font-size:9px;letter-spacing:.07em;font-weight:500;color:#7d90a1;margin-top:3px}
.p-table thead th.num{text-align:right}
.p-table tbody tr{border-bottom:1px solid #ebeff2}
.p-table tbody tr:last-child{border-bottom:0}
.p-table tbody tr:hover{background:#fafbfc}
.p-table td{padding:12px 15px;vertical-align:middle}
.p-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.p-cmp{font-weight:550;display:block;line-height:1.35}
.p-cmp .zh{font-weight:400;font-size:11px;color:#8494a2;margin-left:6px;display:none}
html[lang="zh-CN"] .p-cmp .zh{display:inline}
.p-size{color:var(--muted);font-size:12.5px;white-space:nowrap}
.p-sku{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;color:#7d8fa0}
.p-price{color:var(--ink);font-weight:550;line-height:1.3}
.p-price.top{color:var(--navy)}
.p-price .kit{display:block;font-weight:400;font-size:10.5px;color:#8494a2}
.p-supply{font-size:10.5px;font-weight:600;color:var(--green);white-space:nowrap}
.p-supply.fixed{color:#5b738b;background:var(--pale);padding:3px 8px;border-radius:2px;font-size:9.5px;letter-spacing:.06em}
.p-group td{background:#f4f6f8;padding:10px 15px;border-bottom:1px solid var(--line)}
.p-group .g{font-size:9.5px;font-weight:650;letter-spacing:.15em;color:#4d6780}
.p-group .g span{color:#93a3b1;margin-left:7px;letter-spacing:.04em;font-weight:500}
.p-empty{padding:52px;text-align:center;color:var(--muted);font-size:13px}

.p-notes{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding:46px 0 70px;border-top:1px solid var(--line);margin-top:44px}
.p-notes h3{font-size:17px;font-weight:550;margin-bottom:12px}
.p-notes ul{margin:0;padding:0;list-style:none}
.p-notes li{font-size:13px;color:var(--muted);padding:8px 0 8px 18px;border-bottom:1px solid #ebeff2;
  position:relative;line-height:1.65}
.p-notes li:last-child{border-bottom:0}
.p-notes li::before{content:"";position:absolute;left:1px;top:16px;width:5px;height:5px;
  background:#b9c8d4;border-radius:50%}
.p-notes li b{color:var(--ink);font-weight:550}

@media (max-width:860px){
  .p-tiers{grid-template-columns:1fr}
  .p-tier{border-right:0;border-bottom:1px solid var(--line)}
  .p-tier:last-child{border-bottom:0}
  .p-search{flex:1 0 100%}
  .p-notes{grid-template-columns:1fr;gap:30px}
  .p-table thead th{position:static}
  .p-export{margin-left:0}
}