/* v16.17 PostCora public token calculator (/calculator). Loaded after landing.css + landing-background.css; same tokens,
   same card language as the landing "A little planning math" calculator, at full-page reading sizes. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cx{font-size:16px}
.cx .site-nav>a[aria-current=page]{color:var(--purple);font-weight:700}
.cx-main{padding-bottom:40px}
.cx select,.cx input{font:inherit}
.cx input:focus-visible,.cx select:focus-visible,.cx button:focus-visible{outline:3px solid #a487e4;outline-offset:2px}

/* hero */
.cx-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:64px;padding-bottom:36px}
.cx-hero .eyebrow{font-size:12px;margin-bottom:14px}
.cx-hero h1{font-size:clamp(38px,4.4vw,60px);font-weight:800;line-height:1.06;letter-spacing:-2.4px;margin-bottom:22px}
.cx-lead{font-size:17px;line-height:1.75;max-width:560px;margin-bottom:24px}
.cx-unit{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cx-unit>b{color:var(--purple);font-size:36px;letter-spacing:-1.2px;font-weight:750;white-space:nowrap}
.cx-unit>span{font-size:14px;line-height:1.6;color:var(--muted)}

.cx-curbox{background:var(--card);border:1px solid #e0d4f0;border-radius:21px;padding:24px;box-shadow:0 15px 45px #7550a909;min-width:0}
.cx-curbox-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cx-curbox-head .icon{color:var(--purple);width:22px;height:22px}
.cx-curbox h2{font-size:20px;letter-spacing:-.4px;margin:0;font-weight:700}
.cx-search{position:relative;display:flex;align-items:center}
.cx-search .icon{position:absolute;left:12px;width:18px;height:18px;color:var(--muted);pointer-events:none}
.cx-search input{width:100%;min-height:46px;padding:10px 12px 10px 40px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:15px}
.cx-select{width:100%;min-height:46px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:15px;max-width:100%}
.cx-curbox .cx-select{margin-top:10px}
.cx-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;font-size:13px;color:var(--muted)}
.cx-rate-line{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:var(--soft);color:var(--ink);font-weight:650;font-size:15px;overflow-wrap:anywhere}

/* promo */
.cx-promo-wrap{margin-bottom:8px}
.cx-promo{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border:1px solid #cfe6dc;background:var(--green-soft);border-radius:14px}
.cx-promo .icon{color:var(--green);width:22px;height:22px;margin-top:2px}
.cx-promo p{margin:0;color:var(--ink);font-size:14px;line-height:1.65}
[data-theme=dark] .cx-promo{border-color:#35544a}

/* calculator cards */
.cx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-top:28px;align-items:start}
.cx .cx-card{max-width:none;width:auto;margin:0;padding:26px}
.cx .cx-plan{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);}
.cx .calculator-head .eyebrow{font-size:12px}
.cx .calculator-head>.icon{width:22px;height:22px}
.cx-card h2{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.9px;margin-bottom:6px;font-weight:750}
.cx .cx-sub{font-size:15px;margin-bottom:20px}
.cx-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.cx-field label{font-size:14px;color:var(--muted);font-weight:550}
.cx-field small{font-size:12px;color:var(--muted)}
.cx-field input{width:100%;min-width:0;min-height:54px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--ink);font-size:20px}
.cx-field input[aria-invalid=true]{border-color:#bb6475}
.cx-fields{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1.2fr) 18px minmax(0,1fr);gap:10px;align-items:start}
.cx-x{font-size:18px;color:#c5b8d7;text-align:center;padding-top:44px}
.cx-presets{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px}
.cx .calc-presets{margin:0;gap:8px}
.cx .calc-presets button{font-size:14px;padding:8px 14px;border-radius:9px;min-height:40px}
.cx-err{color:#af4f65;min-height:20px;font-size:13px;line-height:1.5;margin:10px 0}
[data-theme=dark] .cx-err{color:#f0a3b3}
.cx .cx-result{padding:22px;margin-bottom:12px;border-radius:16px}
.cx .cx-result>span{font-size:16px}
.cx .cx-result strong{font-size:clamp(34px,4.6vw,58px);letter-spacing:-1.8px;line-height:1.1}
.cx .cx-result>div>span{font-size:15px}
.cx .cx-result>small{font-size:14px;margin-top:4px}
.cx .cx-usdt-line{font-weight:600;color:var(--ink)!important}
.cx-card:not(.cx-plan) .cx-result strong{font-size:clamp(28px,2.6vw,38px)}
.cx-pack-hint{font-size:14px;margin:4px 0 0;color:var(--ink)}
.cx-pack-hint a{color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cx-pay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px}
.cx-pay .cx-select{min-height:54px}
@media(min-width:1101px){.cx .cx-plan{grid-template-columns:minmax(0,1fr)}.cx-plan form{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 32px;align-items:start}.cx-plan .cx-fields,.cx-plan .cx-presets,.cx-plan .cx-err{grid-column:1}.cx-plan .cx-result{grid-column:2;grid-row:1/span 3;margin:0}.cx-plan .cx-pack-hint{grid-column:2}}

/* sections + tables */
.cx-section{padding-top:72px}
.cx-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px}
.cx-section-head .eyebrow{font-size:12px;margin-bottom:10px}
.cx-section-head .eyebrow .icon{width:16px;height:16px}
.cx-section-head h2{margin:0}
.cx-section-head>p{max-width:430px;font-size:15px;margin:0}
.cx-table-card{background:var(--card);border:1px solid #e0d4f0;border-radius:21px;box-shadow:0 15px 45px #7550a909;overflow:hidden;overflow-x:auto}
[data-theme=dark] .cx-table-card,[data-theme=dark] .cx-curbox{border-color:#493858}
.cx-table{width:100%;border-collapse:collapse;font-size:15px}
.cx-table th,.cx-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.cx-table thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;background:var(--bg);position:sticky;top:0;z-index:1}
.cx-table tbody tr:last-child>*{border-bottom:0}
.cx-table tbody tr:hover{background:color-mix(in srgb,var(--soft) 55%,transparent)}
.cx-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.cx-pk-name{display:block;font-weight:700;color:var(--ink)}
.cx-pk-posts{display:block;font-size:12px;color:var(--muted);font-weight:500}
.cx-buy-cell{text-align:right!important;width:1%}
.cx .cx-buy{min-height:40px;gap:8px;white-space:nowrap}
.cx-note{font-size:14px;margin-top:14px}
.cx-note a,.cx-list a{color:var(--purple);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.cx-table-tools{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line)}
.cx-table-tools label{font-weight:650;font-size:14px}
.cx-table-tools .cx-search{flex:1 1 260px;max-width:420px}
.cx-count{font-size:13px;color:var(--muted)}
.cx-all-scroll{max-height:640px;overflow:auto;overscroll-behavior:contain}
.cx-all td:first-child b{display:inline-block;min-width:44px;font-weight:750}
.cx-all td:first-child span{color:var(--muted);font-size:13px}
.cx-all tr[aria-current=true]{background:var(--soft)}
.cx-use{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 12px;min-height:36px;font-size:13px;color:var(--purple);font-weight:650}
.cx-use[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:#fff}
[data-theme=dark] .cx-use[aria-pressed=true]{color:#241635;background:#bc9bea;border-color:#bc9bea}
.cx-empty{text-align:center!important;color:var(--muted);padding:28px!important}

/* notes */
.cx-list{list-style:none;padding:0;margin:8px 0 22px;display:grid;gap:12px}
.cx-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.65;color:var(--muted)}
.cx-list li b{color:var(--ink)}
.cx-list .icon{color:var(--green);margin-top:3px}
.cx-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cx .cx-cta .button{width:auto;font-size:14px;min-height:50px}
.cx .cx-cta .text-link{font-size:14px}
.cx-nojs{padding:20px 0;color:var(--ink)}
.cx .site-footer{margin-top:40px}

/* responsive */
@media(max-width:1100px){.cx-hero{gap:32px}}
@media(max-width:900px){.cx-hero{grid-template-columns:1fr;padding-top:40px}.cx-section-head{flex-direction:column;align-items:flex-start;gap:10px}.cx-section-head>p{max-width:none}}
@media(max-width:760px){.cx-grid{grid-template-columns:1fr}}
@media(min-width:600px) and (max-width:960px){.cx .cx-packs tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cx .cx-packs tbody tr{border-right:1px solid var(--line)}.cx .cx-packs tbody tr:nth-child(2n){border-right:0}.cx .cx-packs tbody tr:nth-last-child(2):nth-child(odd){border-bottom:0}}
@media(max-width:960px){
 .cx-packs thead{display:none}
 .cx-packs,.cx-packs tbody,.cx-packs tr,.cx-packs th,.cx-packs td{display:block;width:auto}
 .cx-packs tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 16px;border-bottom:1px solid var(--line)}
 .cx-packs tbody tr:last-child{border-bottom:0}
 .cx-packs th,.cx-packs td{padding:0;border:0}
 .cx-packs th{grid-column:1/-1}
 .cx-packs td[data-label]{display:flex;justify-content:space-between;gap:10px;grid-column:1;font-size:14px}
 .cx-packs td[data-label]:before{content:attr(data-label);color:var(--muted);font-weight:500}
 .cx-packs td[data-label="Tokens"]{display:none}
 .cx-packs .cx-buy-cell{grid-column:2;grid-row:2/span 3;align-self:center;width:auto}
}
@media(max-width:640px){.cx-all thead{display:none}
 .cx-all,.cx-all tbody,.cx-all tr,.cx-all td{display:block;width:auto}
 .cx-all tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 16px;border-bottom:1px solid var(--line)}
 .cx-all td{padding:0;border:0}
 .cx-all td:first-child{grid-column:1}
 .cx-all td.cx-use-cell{grid-column:2;grid-row:1/span 4;align-self:center}
 .cx-all td[data-label]{display:flex;justify-content:space-between;gap:10px;grid-column:1;font-size:14px}
 .cx-all td[data-label]:before{content:attr(data-label);color:var(--muted)}
 .cx-all-scroll{max-height:560px}
}
@media(max-width:560px){.cx{font-size:15px}.cx-hero{padding-top:28px}.cx-lead{font-size:15px}.cx-unit>b{font-size:30px}
 .cx .cx-card,.cx-curbox{padding:18px}
 .cx-fields{grid-template-columns:1fr 1fr;gap:12px}
 .cx-fields .cx-x{display:none}
 .cx-fields .cx-field:first-child{grid-column:1/-1}
 .cx-field input{font-size:18px;min-height:50px}
 .cx-pay{grid-template-columns:1fr}
 .cx-presets{gap:10px}
 .cx .cx-result{padding:16px}
 .cx-section{padding-top:52px}
 .cx-table-tools{padding:14px}
}
@media(max-width:420px){.cx-packs tr{grid-template-columns:minmax(0,1fr)}.cx-packs .cx-buy-cell{grid-column:1;grid-row:auto;margin-top:8px}.cx-packs .cx-buy{width:100%}.cx-packs td[data-label]{flex-wrap:wrap}}
@media(max-width:370px){.cx .site-header .brand{flex-shrink:0;font-size:16px;gap:5px}.cx .site-header .brand>img{width:24px;height:24px}.cx .header-actions{gap:8px}.cx .header-actions .button .icon{display:none}.cx .header-inner{gap:8px}.cx-hero h1{font-size:34px;letter-spacing:-1.4px}.cx .calc-presets button{padding:7px 10px;font-size:13px}.cx-fields{grid-template-columns:1fr}.cx-fields .cx-field:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.cx *{transition:none!important;animation:none!important}}