.cost-bills,.cost-scale,.cost-plans{max-width:920px;margin-left:auto;margin-right:auto}.cost-bills{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cost-bill{background:var(--card);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;min-width:0;padding:22px 24px 24px;display:flex}.cost-head{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:14px;display:flex}.cost-name{letter-spacing:-.01em;font-size:17px;font-weight:500}.cost-name em{color:var(--accent);font-style:normal}.cost-method{max-width:100%;font-family:var(--mono);color:var(--dim);overflow-wrap:anywhere;border:1px solid #ffffff1a;border-radius:6px;padding:4px 9px;font-size:12.5px;line-height:1.4;display:inline-block}.cost-method[data-own=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 38%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.cost-plan{letter-spacing:0;color:var(--dim);margin-left:10px;font-size:13.5px;font-weight:400}.cost-lines{flex:auto;margin:0;padding:4px 0 12px}.cost-lines div{justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;display:flex}.cost-lines div+div{border-top:1px solid #ffffff0d}.cost-lines dt{min-width:0;color:var(--dim);font-size:14px}.cost-lines dd{white-space:nowrap;margin:0;font-size:14px}.cost-lines dd,.cost-total b,.cost-bar b,.cost-plans span{font-variant-numeric:tabular-nums}.cost-total{border-top:1px solid #ffffff24;justify-content:space-between;align-items:baseline;gap:16px;padding-top:16px;display:flex}.cost-total span{font-size:14px}.cost-total b{letter-spacing:-.02em;font-size:28px;font-weight:500;line-height:1}.cost-bill[data-own=true] .cost-total b{color:var(--accent)}.cost-sub{color:var(--dim);margin:0 0 14px;font-size:13.5px}.cost-scale{margin-top:48px}.cost-bar{grid-template-columns:150px minmax(0,1fr) 76px;align-items:center;gap:16px;height:32px;font-size:14px;display:grid}.cost-bar>span{color:var(--dim);white-space:nowrap}.cost-bar>i{background:#ffffff0d;border-radius:3px;height:10px;display:block;overflow:hidden}.cost-bar>i>i{background:#ffffff57;border-radius:3px;min-width:3px;height:100%;display:block}.cost-bar>b{justify-self:end;font-weight:500}.cost-bar[data-own=true]>span{color:var(--ink)}.cost-bar[data-own=true]>i>i{background:var(--accent)}.cost-bar[data-own=true]>b{color:var(--accent)}.cost-plans{margin-top:48px}.cost-plans ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.cost-plans li{border-top:1px solid var(--line);gap:3px;padding-top:12px;display:grid}.cost-plans b{font-size:14px;font-weight:500}.cost-plans span{font-size:14px}.cost-plans em{color:var(--dim);font-size:13px;font-style:normal}.cost-plans li[data-on=true] em{color:var(--accent)}@media (max-width:760px){.cost-bills{grid-template-columns:minmax(0,1fr)}.cost-bill{padding:18px 18px 20px}.cost-bar{grid-template-columns:minmax(0,1fr) auto;row-gap:6px;height:auto}.cost-bar>span{grid-column:1/-1}.cost-bar+.cost-bar{margin-top:12px}.cost-plans ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}}