/* 후원금 정산 계산기 섹션 `calc` (README §12) — 클래스 접두사 ca-calc- · 레이아웃은 layout.js(card2·bento·kpis2) 위에 얹는다 */

/* ── 입력 카드 ── */
.ca-calc-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px 30px;min-width:0}
.ca-calc-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.ca-calc-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.ca-calc-label{font-size:12.5px;font-weight:650;color:var(--ca-txt2);line-height:1.4}
.ca-calc-labelrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;min-height:18px}
.ca-calc-hint{margin:0;font-size:12px;line-height:1.55;color:var(--ca-mut);word-break:keep-all;overflow-wrap:anywhere}
.ca-calc-hint[data-tone="warn"]{color:#e9b765}
.ca-calc-conv{color:var(--ca-txt2);font-variant-numeric:tabular-nums}

.ca .ca-calc-input{height:40px;min-width:0;background:var(--ca-inset);border:1px solid var(--ca-line2);border-radius:9px;color:var(--ca-txt);font:inherit;font-size:15px;font-weight:650;padding:0 12px;outline:0;font-variant-numeric:tabular-nums;color-scheme:dark;transition:border-color .15s,box-shadow .15s}
.ca .ca-calc-input:focus{border-color:rgba(0,255,163,.6);box-shadow:0 0 0 3px rgba(0,255,163,.12)}
.ca .ca-calc-input:disabled{opacity:.5}
.ca-calc-inwrap{position:relative;display:flex;align-items:center;min-width:0;flex:1 1 auto}
.ca-calc-inwrap > .ca-calc-input{flex:1 1 auto;width:100%;padding-right:44px;text-align:right}
.ca-calc-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:13px;font-weight:650;color:var(--ca-mut)}
.ca-calc-inwrap.is-big{flex:1 1 230px}
.ca .ca-calc-inwrap.is-big > .ca-calc-input{height:52px;font-size:24px;font-weight:800;letter-spacing:-.4px;padding-right:56px;border-radius:11px}
.ca-calc-inwrap.is-big > .ca-calc-unit{font-size:14px;right:14px}
.ca-calc-inwrap.is-pct{flex:none;width:96px}
.ca .ca-calc-inwrap.is-pct > .ca-calc-input{height:32px;font-size:14px;padding-right:28px}
.ca-calc-inwrap.is-pct > .ca-calc-unit{right:10px}
.ca-calc-pctwrap{display:flex;align-items:center;gap:8px}
.ca-calc-pctwrap[hidden]{display:none}
.ca-calc-pctwrap .ca-calc-label{font-weight:600;color:var(--ca-mut)}

.ca-calc-amtrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.ca-calc-quick{display:flex;flex-wrap:wrap;gap:6px}
.ca .ca-calc-qbtn{min-width:52px;justify-content:center;font-size:13.5px;font-weight:650;font-variant-numeric:tabular-nums}
.ca .ca-calc-pf-acts .ca-chip{font-size:12.5px}
.ca .ca-calc-qbtn[aria-pressed="true"]{border-color:rgba(0,255,163,.6);color:var(--ca-green);background:var(--ca-green-soft)}

/* 세그먼트: 입력 카드에서는 칸을 고르게 나누고 줄바꿈 */
.ca .ca-calc-seg{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));width:100%;overflow:visible}
.ca .ca-calc-seg.is-mode{--n:4}
.ca .ca-calc-seg.is-grade,.ca .ca-calc-seg.is-tax{--n:5}
.ca .ca-calc-seg .ca-seg-btn{justify-content:center;height:auto;min-height:34px;padding:5px 6px;white-space:normal;text-align:center;line-height:1.25;word-break:keep-all}

.ca-calc-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;min-width:0}
.ca-calc-daterow{display:flex;align-items:center;gap:6px;min-width:0}
.ca .ca-calc-date{flex:1 1 auto;width:100%;font-size:14px}
.ca-calc-daterow .ca-btn-sm{flex:none}

.ca-calc-toggles{display:grid;gap:10px}
.ca-calc-toggle{display:grid;gap:4px}
.ca-calc-toggle[hidden]{display:none}
.ca-calc-toggle .ca-calc-hint{padding-left:46px}
.ca-calc-sw{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:600;color:var(--ca-txt);min-height:32px;position:relative;width:fit-content;max-width:100%}
.ca-calc-sw-in{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.ca-calc-sw-track{flex:none;position:relative;width:36px;height:20px;border-radius:999px;background:#3a3a47;transition:background .15s}
.ca-calc-sw-track i{position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#ececf1;transition:transform .15s var(--ca-ease)}
.ca-calc-sw-in:checked + .ca-calc-sw-track{background:var(--ca-amber)}
.ca-calc-sw-in:checked + .ca-calc-sw-track i{transform:translateX(16px);background:#1a1206}
.ca-calc-sw-in:focus-visible + .ca-calc-sw-track{outline:2px solid var(--ca-green);outline-offset:2px}
.ca-calc-sw.is-disabled{opacity:.5;cursor:not-allowed}
.ca-calc-sw-text{min-width:0}

/* 구독(선택) */
.ca-calc-sub{border:1px solid var(--ca-line);border-radius:10px;background:rgba(255,255,255,.015);min-width:0}
.ca-calc-sub > summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:650;border-radius:10px}
.ca-calc-sub > summary::-webkit-details-marker{display:none}
.ca-calc-sub > summary::before{content:"";flex:none;width:7px;height:7px;border-right:2px solid var(--ca-mut);border-bottom:2px solid var(--ca-mut);transform:rotate(-45deg);transition:transform .15s}
.ca-calc-sub[open] > summary::before{transform:rotate(45deg)}
.ca-calc-sub > summary:hover{background:rgba(255,255,255,.02)}
.ca-calc-sub-meta{margin-left:auto;font-size:12px;font-weight:650;color:var(--ca-green);white-space:nowrap}
.ca-calc-sub-body{display:grid;gap:10px;padding:4px 14px 14px}
.ca-calc-subgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px;align-items:end}
.ca .ca-calc-subgrid .ca-seg{width:100%}
.ca .ca-calc-subgrid .ca-seg-btn{flex:1 1 0;justify-content:center;height:32px}

/* 채널 프리필 */
.ca-calc-pf{display:grid;gap:10px;padding:12px 14px;border:1px solid rgba(245,176,65,.3);border-radius:10px;background:rgba(245,176,65,.05);min-width:0}
.ca-calc-pf[hidden]{display:none}
.ca-calc-pf-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0}
.ca-calc-pf-name{font-size:13.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.ca-calc-pf-status{font-size:12px;color:var(--ca-amber);margin-left:auto}
.ca-calc-pf-acts{display:flex;flex-wrap:wrap;gap:6px}

/* ── 리드 ── */
.ca-calc-lead b{white-space:nowrap}

/* ── 돈의 흐름(가로 폭포) ── */
.ca-calc-wf{list-style:none;margin:0;padding:0;display:grid;gap:10px;--wf-gap:10px;align-content:center;flex:1 1 auto}
.ca-calc-wf-row{display:grid;grid-template-columns:minmax(96px,31%) minmax(0,1fr) minmax(74px,auto);align-items:center;gap:12px;min-width:0;cursor:default}
.ca-calc-wf-label{font-size:12.5px;color:var(--ca-txt2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ca-calc-wf-track{position:relative;height:22px;border-radius:5px;background:rgba(255,255,255,.025)}
.ca-calc-wf-bar{position:absolute;top:0;bottom:0;left:var(--a);width:max(2px,calc(var(--b) - var(--a)));background:var(--c);border-radius:4px;transition:filter .12s}
.ca-calc-wf-row[data-kind="total"] .ca-calc-wf-bar{opacity:.62}
.ca-calc-wf-row[data-kind="minus"] .ca-calc-wf-bar{background:repeating-linear-gradient(135deg,var(--c) 0 6px,color-mix(in srgb,var(--c) 72%,#000) 6px 9px)}
.ca-calc-wf-row:hover .ca-calc-wf-bar{filter:brightness(1.2)}
.ca-calc-wf-row:not([data-last]) .ca-calc-wf-track::after{content:"";position:absolute;left:var(--e);top:100%;height:var(--wf-gap);border-left:1px dashed rgba(255,255,255,.3)}
.ca-calc-wf-val{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.25}
.ca-calc-wf-val b{font-size:13.5px;font-weight:750}
.ca-calc-wf-val small{display:block;font-size:11px;color:var(--ca-mut)}
.ca-calc-wf-row[data-kind="minus"] .ca-calc-wf-val b{color:#ff8c8c}
.ca-calc-wf-row[data-kind="minus"][data-key="tax"] .ca-calc-wf-val b{color:var(--ca-amber)}
.ca-calc-wf-row[data-kind="minus"][data-key="vat"] .ca-calc-wf-val b{color:#c58bff}
.ca-calc-wf-row[data-kind="plus"] .ca-calc-wf-val b{color:#7fd1c7}
.ca-calc-wf-row[data-kind="final"]{margin-top:4px;padding-top:12px;border-top:1px solid var(--ca-hair)}
.ca-calc-wf-row[data-kind="final"] .ca-calc-wf-label{color:var(--ca-txt);font-weight:750}
.ca-calc-wf-row[data-kind="final"] .ca-calc-wf-track{height:26px}
.ca-calc-wf-row[data-kind="final"] .ca-calc-wf-val b{font-size:17px;color:var(--ca-green)}

/* 계산 단계 */
.ca-calc-kv .ca-kv-desc{font-variant-numeric:tabular-nums}
.ca-calc-kv dt{font-weight:600}

/* ── 정산 달력 ── */
.ca-calc-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.ca-calc-months.is-one{grid-template-columns:minmax(0,1fr)}
.ca-calc-month{min-width:0}
.ca-calc-calsum{align-self:start;padding:12px 14px;border:1px solid var(--ca-line);border-radius:10px;background:rgba(255,255,255,.02);display:grid;gap:10px}
.ca-calc-cal{width:100%;border-collapse:separate;border-spacing:3px;table-layout:fixed;font-variant-numeric:tabular-nums}
.ca-calc-cal caption{caption-side:top;text-align:left;padding:0 3px 6px}
.ca-calc-cap{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px}
.ca-calc-cap b{font-size:14px;font-weight:750;color:var(--ca-txt)}
.ca-calc-month-role{font-size:11.5px;color:var(--ca-mut)}
.ca-calc-cal th{font-size:11px;font-weight:600;color:var(--ca-mut);padding:0 0 3px;text-align:center}
.ca-calc-cal th.is-sun{color:#ff8c8c}
.ca-calc-cal th.is-sat{color:#8fb0ff}
.ca-calc-day{position:relative;height:52px;vertical-align:top;padding:5px 5px 4px;border-radius:8px;background:rgba(255,255,255,.022);min-width:0;overflow:hidden}
.ca-calc-day.is-blank{background:transparent}
.ca-calc-day[tabindex]{cursor:help}
.ca-calc-day-n{display:block;font-size:12.5px;font-weight:650;line-height:1;color:var(--ca-txt2)}
.ca-calc-day-t{display:block;margin-top:6px;font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ca-mut)}
.ca-calc-day.is-sat .ca-calc-day-n{color:#8fb0ff}
.ca-calc-day.is-sun .ca-calc-day-n,.ca-calc-day.is-holiday .ca-calc-day-n{color:#ff8c8c}
.ca-calc-day.is-holiday .ca-calc-day-t{color:#ff9c9c}
.ca-calc-day.is-period{background:rgba(0,255,163,.075)}
.ca-calc-day.is-pstart{box-shadow:inset 3px 0 0 rgba(0,255,163,.55)}
.ca-calc-day.is-invoice{background:rgba(155,92,255,.15)}
.ca-calc-day-t[data-k="is-invoice"]{color:#c58bff}
.ca-calc-day.is-deadline{box-shadow:inset 0 -3px 0 var(--ca-amber)}
.ca-calc-day-t[data-k="is-deadline"]{color:var(--ca-amber)}
.ca-calc-day-t[data-k="is-confirm"]{color:var(--ca-cyan)}
.ca-calc-day.is-confirm{box-shadow:inset 0 -3px 0 var(--ca-cyan)}
.ca-calc-day-t[data-k="is-approved"]{color:#8fb0ff}
.ca-calc-day.is-donate::after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--ca-green);box-shadow:0 0 0 2px rgba(0,255,163,.25)}
.ca-calc-day-t[data-k="is-donate"]{color:var(--ca-green)}
.ca-calc-day.is-nominal{outline:1.5px dashed #9a9aa7;outline-offset:-2px}
.ca-calc-day-t[data-k="is-nominal"]{color:var(--ca-txt2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.45)}
.ca-calc-day.is-pay{background:var(--ca-green);box-shadow:0 0 18px rgba(0,255,163,.25)}
.ca-calc-day.is-pay .ca-calc-day-n,.ca-calc-day.is-pay .ca-calc-day-t{color:#04140d}
.ca-calc-day.is-today{outline:2px solid #ececf1;outline-offset:-2px}
.ca-calc-day.is-today.is-pay{outline-color:#04140d}
.ca-calc-legend{gap:6px 14px}
.ca-calc-legend .ca-legend2-sw.is-ring{background:transparent !important;box-shadow:inset 0 0 0 2px #ececf1;border-radius:3px}
.ca-calc-day.is-approved::before{content:"";position:absolute;top:6px;right:17px;width:7px;height:7px;border-radius:50%;background:#8fb0ff}
.ca-calc-months > .ca-calc-calsum:nth-child(3){grid-column:1 / -1}
.ca-calc-foot-note{flex-basis:100%;font-size:11.5px;color:var(--ca-mut2)}

/* ── 지급 타임라인 ── */
.ca-calc-tl{list-style:none;margin:0;padding:0;display:grid;align-content:start}
.ca-calc-tl-step{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding-bottom:16px;min-width:0}
.ca-calc-tl-step:last-child{padding-bottom:0}
.ca-calc-tl-step:not(:last-child)::before{content:"";position:absolute;left:8px;top:16px;bottom:0;width:2px;border-radius:1px;background:var(--ca-line2)}
.ca-calc-tl-step[data-state="done"]:not(:last-child)::before{background:rgba(0,255,163,.35)}
.ca-calc-tl-dot{position:relative;z-index:1;width:14px;height:14px;margin:2px 0 0 2px;border-radius:50%;border:2px solid #4a4a58;background:var(--ca-panel2)}
.ca-calc-tl-step[data-state="done"] .ca-calc-tl-dot{background:rgba(0,255,163,.5);border-color:rgba(0,255,163,.5)}
.ca-calc-tl-step[data-state="next"] .ca-calc-tl-dot{border-color:var(--ca-green);box-shadow:0 0 0 4px rgba(0,255,163,.16)}
.ca-calc-tl-step[data-strong="1"] .ca-calc-tl-dot{background:var(--ca-green);border-color:var(--ca-green)}
.ca-calc-tl-main{min-width:0}
.ca-calc-tl-top{display:flex;align-items:center;gap:8px;min-width:0}
.ca-calc-tl-title{font-size:13.5px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-calc-tl-step[data-strong="1"] .ca-calc-tl-title{color:var(--ca-green)}
.ca-calc-tl-chip{flex:none;margin-left:auto;font-size:11px;font-weight:700;line-height:1;padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--ca-txt2);font-variant-numeric:tabular-nums}
.ca-calc-tl-chip[data-state="next"]{background:var(--ca-green-soft);color:var(--ca-green)}
.ca-calc-tl-chip[data-state="done"]{color:var(--ca-mut)}
.ca-calc-tl-date{margin-top:3px;font-size:12px;font-weight:600;color:var(--ca-txt2);font-variant-numeric:tabular-nums}
.ca-calc-tl-desc{margin:3px 0 0;font-size:12px;line-height:1.5;color:var(--ca-mut);word-break:keep-all;overflow-wrap:anywhere}
.ca-calc-tl-step[data-warn="1"] .ca-calc-tl-desc{color:#e9b765}

/* ── 12개월 일정표 ── */
.ca .ca-calc-sched{min-width:760px}
.ca-calc-sched th[scope="row"]{font-weight:700;white-space:nowrap;color:var(--ca-txt);background:transparent;position:static;font-size:13px;padding:9px 12px;border-top:1px solid var(--ca-line);text-align:left}
.ca-calc-sched td{white-space:nowrap}
.ca-calc-sched tr.is-cur > *{background:rgba(0,255,163,.06)}
.ca-calc-sched tr.is-past > *{color:var(--ca-mut)}
.ca-calc-sched tr.is-past b{color:var(--ca-mut)}
.ca-calc-sched .is-dim{color:var(--ca-mut2)}
.ca-calc-tag{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:5px;font-size:10.5px;font-weight:700;background:var(--ca-green-soft);color:var(--ca-green);vertical-align:1px}
.ca-calc-paycell b{font-weight:750}
.ca-calc-was{margin-left:8px;font-size:11.5px;color:var(--ca-mut);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.3)}
.ca-calc-dd{font-weight:700;color:var(--ca-txt2)}
.ca-calc-dd.is-next{color:var(--ca-green)}
.ca-calc-dd.is-past{font-weight:500;color:var(--ca-mut)}
.ca-calc-why-m{display:none}

/* ── 등급×정산 유형 표 ── */
.ca .ca-calc-gt{min-width:520px}
.ca-calc-gt th[scope="row"]{position:static;background:transparent;text-align:left;white-space:nowrap;font-size:13px;font-weight:650;color:var(--ca-txt);border-top:1px solid var(--ca-line);padding:9px 12px}
.ca-calc-gt-pct{margin-left:6px;font-size:11.5px;font-weight:600;color:var(--ca-mut)}
.ca-calc-gt td{background:rgba(0,255,163,calc(var(--heat,0) * .13));font-weight:600}
.ca-calc-gt thead th.is-cur{color:var(--ca-green)}
.ca-calc-gt tr.is-cur th[scope="row"]{color:var(--ca-green)}
.ca-calc-gt td.is-on{color:var(--ca-green);font-weight:800;box-shadow:inset 0 0 0 1.5px rgba(0,255,163,.65)}
.ca-calc-gt-wrap{border-radius:var(--ca-r2)}

.ca-calc-insight{margin:0;font-size:12.5px;line-height:1.55;color:var(--ca-txt2);padding:9px 12px;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid var(--ca-line)}

/* 타일 안 숫자 */
.ca-calc-tile-l{font-size:12px;color:var(--ca-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-calc-tile-v{margin-top:4px;font-size:19px;font-weight:800;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;color:var(--ca-txt)}
.ca-calc-tile-s{margin-top:2px;font-size:11.5px;color:var(--ca-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-tile[data-tone="good"] .ca-calc-tile-v{color:var(--ca-good)}
.ca-tile[data-tone="warn"] .ca-calc-tile-v{color:var(--ca-amber)}
.ca-tile[data-tone="pur"] .ca-calc-tile-v{color:#c58bff}

/* ── 역산 ── */
.ca-calc-revrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.ca-calc-revrow .ca-calc-inwrap{flex:1 1 180px}
.ca-calc-rev-out{display:grid;gap:10px;min-width:0}

/* ── 규칙 요약·출처 ── */
.ca-calc-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;min-width:0}
.ca-calc-rules-wide{grid-column:1 / -1}
.ca-calc-rules-h{font-size:13px;font-weight:700;color:var(--ca-txt);margin:0 0 10px}
.ca-calc-rules-list{margin:0;padding-left:18px;display:grid;gap:6px;font-size:12.5px;line-height:1.6;color:var(--ca-txt2)}
.ca-calc-rules .ca-kv dd{white-space:nowrap}
.ca-calc-src .ca-calc-rules-h{margin-top:4px}
.ca-calc-src-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px;font-size:12.5px;line-height:1.5}
.ca-calc-src-list li{min-width:0;overflow-wrap:anywhere}
.ca-calc-src-date{margin-left:8px;font-size:11.5px;color:var(--ca-mut2);white-space:nowrap}

/* ── 반응형 ── */
@media (max-width:1100px){
  .ca-calc-form{grid-template-columns:minmax(0,1fr)}
  .ca-calc-subgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .ca .ca-calc-input,.ca .ca-calc-date{font-size:16px}   /* iOS 확대 방지 */
  .ca .ca-calc-inwrap.is-big > .ca-calc-input{font-size:22px}
  .ca .ca-calc-inwrap.is-pct > .ca-calc-input{font-size:16px}
  .ca-calc-amtrow > .ca-calc-inwrap.is-big{flex-basis:100%}
  .ca-calc-quick{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .ca-calc-dates{grid-template-columns:minmax(0,1fr)}
  .ca-calc-months{grid-template-columns:minmax(0,1fr);gap:14px}
  .ca-calc-day{height:46px;padding:4px 3px 3px;border-radius:7px}
  .ca-calc-day-n{font-size:12px}
  .ca-calc-day-t{margin-top:5px;font-size:9.5px;letter-spacing:-.3px}
  .ca-calc-day.is-donate::after{top:4px;right:4px;width:6px;height:6px}
  .ca-calc-cal{border-spacing:2px}
  .ca-calc-wf-row{grid-template-columns:minmax(84px,34%) minmax(0,1fr) auto;gap:8px}
  .ca-calc-wf-label{font-size:12px;white-space:normal;line-height:1.3}
  .ca-calc-rules{grid-template-columns:minmax(0,1fr)}
  .ca-calc-toggle .ca-calc-hint{padding-left:0}
}
@media (max-width:560px){
  /* 12개월 일정표: 가로 스크롤 없이 핵심 4열(수익 월·대상 기간·지급일·남은 날), 밀린 이유는 지급일 아래로 */
  .ca .ca-calc-sched{min-width:0;width:100%}
  .ca .ca-calc-sched .c-confirm,.ca .ca-calc-sched .c-inv,.ca .ca-calc-sched .c-why{display:none}
  .ca .ca-calc-sched th,.ca .ca-calc-sched td{padding-left:6px;padding-right:6px;font-size:12px}
  .ca .ca-calc-sched th[scope="row"]{white-space:normal;font-size:12.5px;padding-left:var(--ca-card-px)}
  .ca .ca-calc-sched .ca-calc-tag{display:table;margin:3px 0 0}
  .ca .ca-calc-sched td.c-period{white-space:normal}
  .ca-calc-paycell .ca-calc-was{display:block;margin:2px 0 0}
  .ca-calc-why-m{display:block;margin-top:2px;font-size:11px;color:var(--ca-amber);white-space:normal;word-break:keep-all}
  .ca .ca-calc-gt{min-width:0}
  .ca .ca-calc-gt th,.ca .ca-calc-gt td{padding:8px 5px;font-size:12px}
  .ca .ca-calc-gt thead th{white-space:normal;word-break:keep-all;font-size:11px;line-height:1.3;vertical-align:bottom;padding-left:3px;padding-right:4px}
  .ca .ca-calc-gt td{padding-left:3px;padding-right:4px}
  .ca .ca-calc-gt th[scope="row"]{padding-left:10px;white-space:normal}
  .ca-calc-gt-pct{display:block;margin:2px 0 0}
  .ca-calc-tile-s{white-space:normal}
  .ca .ca-calc-seg.is-mode{--n:2}
  .ca .ca-calc-seg.is-tax{--n:3}
  .ca-calc-subgrid{grid-template-columns:minmax(0,1fr)}
  .ca-calc-wf-val small{display:none}
}
@media (pointer:coarse){
  .ca .ca-calc-seg .ca-seg-btn{min-height:40px}
  .ca-calc-sw{min-height:40px}
}

/* 채널 프리필 — 넓은 화면(2열 입력 카드)에서는 두 열 아래 전체 폭: [추정값 표 | 채우기 버튼·안내] (2026-10-17 QA) */
.ca-calc-pf.is-wide{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:26px;align-items:start}
.ca-calc-pf.is-wide > .ca-calc-pf-head{grid-column:1 / -1}
.ca-calc-pf.is-wide > .ca-kv{grid-column:1;grid-row:2 / span 2}
.ca-calc-pf.is-wide > .ca-calc-pf-acts{grid-column:2;grid-row:2;align-self:start}
.ca-calc-pf.is-wide > .ca-calc-pf-acts ~ .ca-calc-hint{grid-column:2;grid-row:3}
/* 아주 좁은 휴대폰: 큰 금액 KPI 가 말줄임되지 않게 값 글자만 살짝 줄인다(큰 금액은 JS 가 '1,099만'으로 줄여 씀) */
@media (max-width:374px){
  .ca-calc .ca-kpi2-value{font-size:19px;letter-spacing:-.7px}
}

/* 기본값 안내 띠(채널 검색 전·예시 금액일 때) */
.ca-calc-defnote{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;margin-bottom:14px;border:1px solid rgba(51,198,224,.35);border-radius:10px;background:rgba(51,198,224,.07);color:var(--ca-txt2);font-size:13px;line-height:1.6;min-width:0}
.ca-calc-defnote[hidden]{display:none}
.ca-calc-defnote p{margin:0;min-width:0}
.ca-calc-defnote b{color:var(--ca-txt);font-weight:700}
.ca-calc-defnote-ic{flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--ca-cyan);color:#06222a;font:800 12px/18px Georgia,serif;text-align:center}
@media (max-width:760px){.ca-calc-defnote{font-size:12.5px;padding:9px 12px}}