/* Cost calculator + quick answers. Uses style.css variables only. */
.cc-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.cc-group h2{font-size:18px;margin:26px 0 8px}
.cc-list{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.cc-row{display:grid;grid-template-columns:170px minmax(0,1fr) 150px 70px;grid-template-areas:"pick tier src amt" "pick test test test";gap:4px 14px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}
.cc-row:first-child{border-top:0}
.cc-row.on{background:#7cf29c0d}
.cc-pick{grid-area:pick;display:flex;gap:8px;align-items:center;font-weight:600;cursor:pointer}
.cc-pick input{width:18px;height:18px;accent-color:var(--acc);flex:none}
.cc-pick a{color:var(--fg);text-decoration:none}.cc-pick a:hover{color:var(--acc)}
.cc-t{grid-area:tier;min-width:0}
.cc-tier{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:14px}
.cc-tier:disabled{opacity:.55}
.cc-src{grid-area:src;display:flex;flex-direction:column;font-size:13px;line-height:1.35}
.cc-src a{color:var(--acc)}
.cc-test{grid-area:test;font-size:13px}.cc-test:empty{display:none}
.cc-tried{display:inline-block;margin-right:8px;color:var(--acc);border:1px solid #7cf29c66;border-radius:999px;padding:1px 9px;text-decoration:none}
.cc-amt{grid-area:amt;text-align:right;font-family:ui-monospace,monospace;font-size:14px}
.cc-pending{display:inline-block;font-family:ui-monospace,monospace;font-size:12px;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:1px 9px;margin-right:8px}
.cc-why{font-size:13px}
.cc-sum{position:sticky;top:76px}
.cc-card{border:1px solid #7cf29c66;border-radius:14px;background:linear-gradient(135deg,#7cf29c14,var(--card));padding:18px 20px}
.cc-card h2{font-size:16px;margin:0 0 6px}
.cc-total{font-size:40px;font-weight:700;margin:0;font-family:ui-monospace,monospace;color:var(--acc)}
.cc-total span{font-size:16px;color:var(--mut);font-weight:400}
.cc-left{margin:12px 0;font-size:14px}.cc-left ul{margin:6px 0 0;padding-left:18px}.cc-left li{margin:3px 0;color:var(--mut)}
.cc-fine{font-size:13px;line-height:1.5}
.cc-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.ans-box{border:1px solid #7cf29c66;border-radius:14px;background:linear-gradient(135deg,#7cf29c14,transparent);padding:18px 20px;margin:8px 0 20px}
.ans-a{font-size:19px;line-height:1.5;margin:0}
.ans-hub{list-style:none;padding:0}.ans-hub li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-top:1px solid var(--line)}.ans-hub a{font-weight:600}
@media(max-width:900px){.cc-grid{grid-template-columns:1fr}.cc-sum{position:sticky;bottom:0;top:auto;order:-1;z-index:5}.cc-card{padding:12px 16px;background:var(--card)}.cc-total{font-size:30px}.cc-fine,.cc-actions{display:none}}
@media(max-width:640px){.cc-row{grid-template-columns:1fr auto;grid-template-areas:"pick amt" "tier tier" "src src" "test test"}.cc-src{flex-direction:row;gap:8px;flex-wrap:wrap}}
.cc-users{margin:34px 0 10px}.cc-ut{overflow-x:auto}.cc-users table{width:100%;border-collapse:collapse;font-size:14px}
.cc-users th,.cc-users td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid var(--line)}.cc-users td b{color:var(--fg)}
@media(max-width:720px){.cc-users table,.cc-users tbody,.cc-users tr,.cc-users td{display:block}.cc-users thead{display:none}.cc-users tr{border:1px solid var(--line);border-radius:10px;margin:0 0 10px;padding:4px 0}.cc-users td{border:0;padding:6px 12px}.cc-users td::before{content:attr(data-label);display:block;font-size:12px;color:var(--acc)}}