/* UI-04: guided plan offering. Uses the approved shell tokens in both themes. */
.cc-offering-live { display:inline-flex; align-items:center; gap:9px; padding:10px 14px; border:1px solid var(--cc-line); border-radius:99px; color:var(--cc-ink-soft); background:var(--cc-surface); font-size:12px; line-height:1.8; }
.cc-offering-live::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--cc-ink-soft); flex:none; }
.cc-offering-live[data-live="true"] { border-color:var(--cc-accent-line); color:var(--cc-accent); background:var(--cc-accent-soft); }
.cc-offering-live[data-live="true"]::before { background:var(--cc-accent); box-shadow:0 0 9px var(--cc-glow-button); }
.cc-offering-steps { margin-block:0 28px; }
.cc-offering-steps ol { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:0; margin:0; list-style:none; }
.cc-offering-steps a { display:grid; grid-template-columns:32px 1fr; gap:3px 9px; align-items:center; min-height:86px; height:100%; padding:14px; border:1px solid var(--cc-line); border-radius:var(--cc-radius-md); background:var(--cc-surface); color:var(--cc-ink); text-decoration:none; box-shadow:var(--cc-shadow-sm),0 0 18px var(--cc-glow-card); }
.cc-offering-steps a>span { grid-row:span 2; display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:var(--cc-accent-soft); color:var(--cc-accent); font-weight:700; }
.cc-offering-steps strong { font-size:12px; line-height:1.8; }
.cc-offering-steps small { font-size:10px; line-height:1.8; color:var(--cc-ink-soft); }
.cc-offering-steps a:hover { border-color:var(--cc-accent-line); background:var(--cc-accent-soft); }
.cc-offering a:focus-visible { outline:3px solid var(--cc-focus); outline-offset:3px; }
.cc-offering-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; align-items:start; gap:24px; }
.cc-offering-main,.cc-offering-aside { min-width:0; }
.cc-offering-aside { position:sticky; top:90px; }
.cc-offering-aside .cc-catalog-panel { padding:20px; }
.cc-offering-aside h2 { font-size:15px; margin:0 0 10px; color:var(--cc-ink); }
.cc-offering-aside :is(p,li) { color:var(--cc-ink-soft); font-size:12px; line-height:2; }
.cc-offering-aside ol { padding-inline-start:19px; }
.cc-offering-aside .cc-catalog-actions { margin-block-start:15px; }
.cc-offering :is(.cc-offering-note,.cc-offering-version) { padding:13px 16px; margin-block:16px; border-radius:var(--cc-radius-sm); background:var(--cc-surface-sunken); border-inline-start:3px solid var(--cc-accent-line); font-size:12px; line-height:2; color:var(--cc-ink-soft); }
.cc-offering .cc-offering-version { color:var(--cc-accent); background:var(--cc-accent-soft); }
.cc-offering-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; padding:0; gap:10px; margin-block:18px; }
.cc-offering-features li { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding:12px 15px; border:1px solid var(--cc-line); border-radius:var(--cc-radius-sm); font-size:12px; }
.cc-offering-features strong { color:var(--cc-accent); font-variant-numeric:tabular-nums; }
.cc-offering-period { grid-template-columns:minmax(160px,230px) auto; justify-content:start; margin-block:20px; }
.cc-offering-books { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-block:16px 20px; }
.cc-offering-books .cc-catalog-card { margin:0; }
.cc-offering-books p { color:var(--cc-ink-soft); font-size:12px; line-height:2; }
.cc-offering-books .cc-offering-price { color:var(--cc-accent); }
.cc-offering-price strong { font-size:21px; font-weight:750; }
.cc-offering-checklist { list-style:none; padding:0; display:grid; gap:10px; margin-block:18px 24px; }
.cc-offering-checklist li { padding:12px 14px; border:1px solid var(--cc-line); border-radius:var(--cc-radius-sm); font-size:12px; line-height:1.8; color:var(--cc-ink-soft); display:flex; align-items:center; gap:10px; }
.cc-offering-checklist li::before { content:"○"; font-size:18px; }
.cc-offering-checklist li[data-ready="true"] { color:var(--cc-accent); background:var(--cc-accent-soft); border-color:var(--cc-accent-line); }
.cc-offering-checklist li[data-ready="true"]::before { content:"✓"; }
.cc-offering .cc-offering-preview { min-height:0; background:transparent; padding:0; }
.cc-offering-preview .pub-plan-preview { display:block; max-width:420px; margin-inline:auto; }
.cc-pricing-version .cc-catalog-summary>div:last-child strong { font-size:14px; line-height:1.9; }
@media(max-width:1200px) { .cc-offering-layout { grid-template-columns:minmax(0,1fr); } .cc-offering-aside { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } .cc-offering-steps a { grid-template-columns:1fr; } .cc-offering-steps a>span { grid-row:auto; } }
@media(max-width:700px) { .cc-offering-steps ol { grid-template-columns:repeat(2,minmax(0,1fr)); } .cc-offering-steps li:last-child { grid-column:1/-1; } .cc-offering-steps a { grid-template-columns:32px 1fr; min-height:78px; } .cc-offering-steps a>span { grid-row:span 2; } .cc-offering-books,.cc-offering-features,.cc-offering-aside { grid-template-columns:1fr; } .cc-offering-period { grid-template-columns:1fr; } }
@media(max-width:700px) { .cc-pricing-version .cc-catalog-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .cc-pricing-version .cc-catalog-summary>div:last-child { grid-column:1/-1; } }