/* ── Calendar → the month, countdowns and the Tasks & Reminders panel (src/modules/calendar/Calendar.jsx) ── */
/* Light ("Quiet") theme: tx #0F1A2B, ts #444D5A, tm #626976, accent #1E8E5A. Cards: white, #E5E7EB, radius 16.
   Chip colours (Calendar.jsx tasksOn): Done #10B981, Urgent #EF4444, High #F97316, everything else the accent.
   Priority tags (PRI_C): Low #94A3B8, Medium #F59E0B, High #F97316, Urgent #EF4444. Dates are written en-US, as the code does. */
@property --ca-n{syntax:"<integer>";inherits:false;initial-value:0}
.vg-ca{--tx:#0F1A2B;--ts:#444D5A;--tm:#626976;--ac:#1E8E5A}
.vg-ca .ca-page{display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);background:transparent;border:0;border-radius:0}
.vg-ca .ca-main,.vg-ca .ca-ag{grid-area:1/1;min-height:0;transition:opacity .45s,visibility .45s}
.vg-ca .ca-main{display:flex;gap:12px}
.vg-ca .ca-card{border-radius:16px;border:1px solid #E5E7EB;background:#fff}
.vg-ca .ca-cal{flex:1;min-width:0;padding:16px;overflow:hidden}
.vg-ca .ca-side{width:300px;flex:none;display:grid;grid-template:auto minmax(0,1fr)/minmax(0,1fr);overflow:hidden}

/* header: arrows, month, Today, Month | Week, Sync */
.vg-ca .ca-hd{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.vg-ca .ca-nav{display:flex;padding:6px 8px;border-radius:8px;border:1px solid rgba(0,0,0,.1);color:var(--tm)}
.vg-ca .ca-nav .ic{width:15px;height:15px}
.vg-ca .ca-title{font:800 18px/1.2 "Inter",sans-serif;letter-spacing:-.02em;color:var(--tx)}
.vg-ca .ca-ctl{display:flex;align-items:center;gap:6px;margin-left:auto}
.vg-ca .ca-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.1);font:600 11px/1.3 "Inter",sans-serif;color:var(--ts);white-space:nowrap}
.vg-ca .ca-syncb{padding:6px 12px;border-radius:9px;border-color:rgba(0,0,0,.12);font-size:12px}
.vg-ca .ca-syncb .ic{width:14px;height:14px}
.vg-ca .ca-seg{display:flex;gap:2px;padding:2px;border-radius:9px;background:rgba(0,0,0,.04)}
.vg-ca .ca-seg span{padding:5px 14px;border-radius:7px;font:700 11px/1.3 "Inter",sans-serif;color:var(--tm)}
.vg-ca .ca-seg .on{background:#fff;color:var(--tx);box-shadow:0 1px 3px rgba(0,0,0,.1)}

/* the countdown strip: the countdowns still to come, nearest first */
.vg-ca .ca-cds{display:flex;gap:10px;padding:2px 2px 14px}
.vg-ca .ca-cd{flex:0 0 auto;min-width:128px;display:flex;flex-direction:column;padding:10px 13px;border-radius:13px;border:1px solid rgba(0,0,0,.1);background:#fff}
.vg-ca .ca-cd b{font:800 19px/1 "Inter",sans-serif;color:var(--tx);font-variant-numeric:tabular-nums}
.vg-ca .ca-cd>span{max-width:150px;margin:5px 0 2px;font-size:11.5px;font-weight:700;line-height:1.3;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vg-ca .ca-cd small{font-size:9.5px;line-height:1.3;color:var(--tm)}
.vg-ca .ca-n{--ca-n:var(--to);counter-reset:ca var(--ca-n)}
.vg-ca .ca-n::before{content:counter(ca)}

/* the month: 82-px days, today ringed in the accent, up to three chips a day */
.vg-ca .ca-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px}
.vg-ca .ca-dn{padding:8px 4px;text-align:center;font:700 10px/1.2 "Inter",sans-serif;letter-spacing:.03em;color:var(--tm)}
.vg-ca .ca-d{min-width:0;min-height:82px;padding:4px;border-radius:9px;border:1px solid #EEF0F3;background:#FBFBFD}
.vg-ca .ca-d.nil{border-color:transparent;background:transparent}
.vg-ca .ca-d>i{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-bottom:2px;border-radius:50%;font:400 11px/1 "Inter",sans-serif;font-style:normal;color:var(--tx)}
.vg-ca .ca-d.we>i{font-weight:500;color:var(--tm)}
.vg-ca .ca-d.td{border-color:rgba(30,142,90,.33);background:#fff}
.vg-ca .ca-d.td>i{width:22px;height:22px;background:var(--ac);color:#fff;font-weight:700}
.vg-ca .ca-ev{--c:var(--ac);position:relative;display:block;margin-bottom:2px;padding:2px 5px;border-radius:4px;border-left:2px solid var(--c);
  background:color-mix(in srgb,var(--c) 10.2%,transparent);color:var(--c);font:600 9px/1.3 "Inter",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vg-ca .ca-ev.hi{--c:#F97316}
.vg-ca .ca-ev.ur{--c:#EF4444}
.vg-ca .ca-ev.dn{--c:#10B981;text-decoration:line-through}
.vg-ca .ca-leg{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:10px;line-height:1.3;color:var(--tm)}
.vg-ca .ca-leg span{--c:var(--ac);display:flex;align-items:center;gap:5px}
.vg-ca .ca-leg i{width:8px;height:8px;border-radius:3px;background:color-mix(in srgb,var(--c) 20%,transparent);border:1px solid color-mix(in srgb,var(--c) 33%,transparent)}
.vg-ca .ca-leg .l-hi{--c:#F97316}
.vg-ca .ca-leg .l-ur{--c:#EF4444}
.vg-ca .ca-leg .l-dn{--c:#10B981}

/* the Tasks & Reminders panel */
.vg-ca .ca-sh{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.06)}
.vg-ca .ca-sh b{display:flex;align-items:center;gap:6px;font:800 14px/1.25 "Inter",sans-serif;color:var(--tx)}
.vg-ca .ca-sh b .ic{width:13px;height:13px;color:var(--ac)}
.vg-ca .ca-sh small{display:block;margin-top:1px;font-size:10px;line-height:1.3;color:var(--tm)}
.vg-ca .ca-new{transition:opacity .3s,visibility .3s}
.vg-ca .ca-lw,.vg-ca .ca-ed{grid-area:2/1;min-height:0;overflow:hidden;transition:opacity .4s,visibility .4s}
.vg-ca .ca-tabs{display:flex;gap:3px;padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.06)}
.vg-ca .ca-tabs span{padding:4px 9px;border-radius:7px;font:700 10px/1.3 "Inter",sans-serif;color:var(--tm)}
.vg-ca .ca-tabs i{margin-left:3px;font-size:9px;font-style:normal}
.vg-ca .ca-tabs .on{background:rgba(30,142,90,.12);color:var(--ac)}
.vg-ca .ca-list{padding:8px}
.vg-ca .ca-row{--p:#F59E0B;display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#FBFBFD}
.vg-ca :is(.ca-row,.ca-it).hi{--p:#F97316}
.vg-ca :is(.ca-row,.ca-it).ur{--p:#EF4444}
.vg-ca :is(.ca-row,.ca-it).lo{--p:#94A3B8}
.vg-ca .ca-cb{width:18px;height:18px;flex:none;margin-top:1px;border-radius:6px;border:2px solid var(--p)}
.vg-ca .ca-row>span{flex:1;min-width:0}
.vg-ca .ca-row b{display:block;font:600 12px/1.35 "Inter",sans-serif;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vg-ca .ca-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px}
.vg-ca :is(.ca-meta,.ca-a2) em{font-size:9px;font-style:normal;line-height:1.3}
.vg-ca .ca-rl{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline}
.vg-ca .ca-rl.inv{color:#F59E0B}
.vg-ca .ca-rl.deal{color:#8B5CF6}
.vg-ca .ca-rl.ptn{color:#10B981}
.vg-ca .ca-rl.doc{color:var(--tm);text-decoration:none}
.vg-ca .ca-tmx{display:flex;align-items:center;gap:2px;color:var(--ts)}
.vg-ca .ca-tmx .ic{width:8px;height:8px}
.vg-ca .ca-bell{width:9px;height:9px;color:#F59E0B}
.vg-ca .ca-dt{font-weight:600;color:var(--ts)}
.vg-ca .ca-pt{padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--p) 12.2%,transparent);color:var(--p);font-size:8px!important;font-weight:700}
.vg-ca .ca-as,.vg-ca .ca-by{font-size:8px!important;color:var(--tm)}
.vg-ca .ca-by{font-style:italic!important}

/* the editor, opened on a task (state "edit") */
.vg-ca .ca-ed{opacity:0;visibility:hidden;padding:12px}
.vg-ca[data-state=edit] .ca-ed{opacity:1;visibility:visible}
.vg-ca[data-state=edit] .ca-lw{opacity:0;visibility:hidden}
.vg-ca[data-state=edit] .ca-new{opacity:0;visibility:hidden}
.vg-ca .ca-ed-in{display:block}
.vg-ca .ca-inp{display:block;position:relative;margin-bottom:8px;padding:8px 10px;border-radius:9px;border:1px solid #E5E7EB;background:#fff;font:400 12px/1.35 "Inter",sans-serif;color:var(--tx)}
.vg-ca .ca-ttl{font-size:13px;font-weight:600}
.vg-ca .ca-sel::after{content:"";position:absolute;right:11px;top:50%;width:5px;height:5px;margin-top:-4px;border-right:1.5px solid var(--tm);border-bottom:1.5px solid var(--tm);transform:rotate(45deg)}
.vg-ca .ca-ta{min-height:46px;color:var(--tx)}
.vg-ca .ca-open{display:inline-flex;align-items:center;gap:4px;margin-bottom:8px;padding:5px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.12);font:700 11px/1.3 "Inter",sans-serif;color:var(--ac)}
.vg-ca .ca-lb{display:block;margin-bottom:3px;font:700 8px/1.3 "Inter",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--tm)}
.vg-ca .ca-lb2{display:flex;justify-content:space-between}
.vg-ca .ca-lb2 em{font-style:normal;color:var(--ac)}
.vg-ca .ca-lbr{display:flex;align-items:center;gap:4px}
.vg-ca .ca-lbr .ic{width:9px;height:9px;color:#F59E0B}
.vg-ca .ca-mini{display:block;margin-bottom:8px;padding:8px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#FBFBFD}
.vg-ca .ca-mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:var(--tm)}
.vg-ca .ca-mh .ic{width:12px;height:12px}
.vg-ca .ca-mh b{font:700 11px/1.3 "Inter",sans-serif;color:var(--tx)}
.vg-ca .ca-mg{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;text-align:center}
.vg-ca .ca-mg i{padding:3px 0;font:600 8px/1 "Inter",sans-serif;font-style:normal;color:var(--tm)}
.vg-ca .ca-mg em{padding:4px 0;border-radius:50%;font:400 10px/1 "Inter",sans-serif;font-style:normal;color:var(--tx)}
.vg-ca .ca-mg em.now{background:rgba(30,142,90,.12);color:var(--ac);font-weight:600}
.vg-ca .ca-mg em.sel{background:var(--ac);color:#fff;font-weight:700}
.vg-ca .ca-clr{display:block;margin-top:6px;text-align:center;font-size:9px;line-height:1.3;color:var(--tm)}
.vg-ca .ca-clr2{margin:-4px 0 8px;text-align:left}
.vg-ca .ca-two{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.vg-ca .ca-cdt{display:inline-flex;align-items:center;gap:8px;margin:2px 0 10px;padding:7px 11px;border-radius:8px;border:1px solid rgba(0,0,0,.1);font:600 11px/1.3 "Inter",sans-serif;color:var(--tm)}
.vg-ca .ca-cdt .ic{width:12px;height:12px}
.vg-ca .ca-pre{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}
.vg-ca .ca-pre span{padding:6px 11px;border-radius:8px;border:1px solid rgba(0,0,0,.1);font:700 10px/1.3 "Inter",sans-serif;color:var(--ts)}
.vg-ca .ca-pre .on{border-color:var(--ac);background:#F0FDF6;color:var(--ac)}

/* the Agenda page (state "agenda"): a time column, a rail with a dot in the priority colour, a card per task */
.vg-ca .ca-ag{display:flex;flex-direction:column;opacity:0;visibility:hidden;padding:4px 6px 0}
.vg-ca[data-state=agenda] .ca-ag{opacity:1;visibility:visible}
.vg-ca[data-state=agenda] .ca-main{opacity:0;visibility:hidden}
.vg-ca .ca-agh{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.vg-ca .ca-agh>span:first-child{flex:1}
.vg-ca .ca-agh b{display:block;font:800 20px/1.25 "Plus Jakarta Sans",sans-serif;color:var(--tx)}
.vg-ca .ca-agh small{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:var(--tm)}
.vg-ca .ca-ag-in{flex:1;min-height:0;overflow:hidden}
.vg-ca .ca-agd{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;padding-left:74px}
.vg-ca .ca-agd b{font:800 13px/1.3 "Inter",sans-serif;color:var(--tx)}
.vg-ca .ca-agd small{margin-left:auto;font-size:10px;color:var(--tm)}
.vg-ca .ca-it{--p:#F59E0B;display:flex;margin-bottom:22px}
.vg-ca .ca-at{width:58px;flex:none;padding:11px 10px 0 0;text-align:right;font:700 11px/1.3 "Inter",sans-serif;color:var(--tx);font-variant-numeric:tabular-nums}
.vg-ca .ca-ar{position:relative;width:16px;flex:none}
.vg-ca .ca-ar::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:rgba(0,0,0,.07)}
.vg-ca .ca-ar i{position:absolute;left:3px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--p);border:2px solid #F6F9FC}
.vg-ca .ca-ac{flex:1;min-width:0;display:block;margin:0 0 6px 6px;padding:9px 12px;border-radius:16px;border:1px solid #E5E7EB;background:#fff}
.vg-ca .ca-a1{display:flex;align-items:center;gap:8px}
.vg-ca .ca-cb2{width:16px;height:16px;flex:none;border-radius:5px;border:2px solid var(--p)}
.vg-ca .ca-a1 b{flex:1;min-width:0;font:600 12.5px/1.35 "Inter",sans-serif;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vg-ca .ca-a1 .ca-bell{width:11px;height:11px}
.vg-ca .ca-a1 .ca-pt{flex:none;padding:2px 7px;font-style:normal}
.vg-ca .ca-a2{display:flex;align-items:center;gap:8px;margin-top:4px;padding-left:24px}
.vg-ca .ca-a2 .ca-as{font-size:9px!important}

/* Sync → the private feed, over the whole window (state "sync") */
.vg-ca .ca-sync{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.vg-ca[data-state=sync] .ca-sync{opacity:1;visibility:visible}
.vg-ca .ca-mod{width:520px;display:flex;flex-direction:column;padding:22px;border-radius:16px;border:1px solid #E5E7EB;background:#F6F9FC;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.vg-ca .ca-mt{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}
.vg-ca .ca-mt b{font:800 17px/1.3 "Plus Jakarta Sans",sans-serif;color:var(--tx)}
.vg-ca .ca-mt .ic{width:18px;height:18px;color:var(--tm)}
.vg-ca .ca-mi{margin-bottom:16px;font-size:12px;line-height:1.5;color:var(--tm)}
.vg-ca .ca-ml{display:block;margin-bottom:6px;font:700 9px/1.3 "Inter",sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--tm)}
.vg-ca .ca-url{display:flex;gap:8px;margin-bottom:8px}
.vg-ca .ca-uf{flex:1;min-width:0;display:flex;align-items:center;gap:3px;padding:8px 10px;border-radius:9px;border:1px solid #E5E7EB;background:#fff;font:400 11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tx);white-space:nowrap;overflow:hidden}
.vg-ca .ca-uf i{display:inline-block;height:9px;border-radius:3px;background:#E3E8EF}
.vg-ca .ca-uf .r1{width:150px}
.vg-ca .ca-uf .r2{width:120px}
.vg-ca .ca-copy{padding:8px 16px;border-radius:9px;background:var(--tx);color:#fff;font:700 11px/1.35 "Plus Jakarta Sans",sans-serif}
.vg-ca .ca-one{margin-bottom:18px;font:700 11px/1.3 "Inter",sans-serif;color:var(--ac)}
.vg-ca .ca-how{display:block;padding-top:14px;border-top:1px solid rgba(0,0,0,.07)}
.vg-ca .ca-how .ca-ml{margin-bottom:9px}
.vg-ca .ca-hr{display:flex;gap:10px;margin-bottom:8px}
.vg-ca .ca-hr b{flex:none;min-width:118px;font-size:11.5px;color:var(--tx)}
.vg-ca .ca-hr span{font-size:11.5px;line-height:1.45;color:var(--tm)}
.vg-ca .ca-mf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.07)}
.vg-ca .ca-mf>span:first-child{font-size:10.5px;line-height:1.4;color:var(--tm)}
.vg-ca .ca-reset{flex:none;padding:6px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.12);font:600 11px/1.3 "Inter",sans-serif;color:#EF4444;white-space:nowrap}

/* phones show a 720-px crop past the rail: drawn as a 1100-px window, the month fills it and the panel falls outside */
@media (max-width:760px){
  .vg-ca.app{--w:1100px !important;--fx:70px}
}

/* ── hero: the countdowns count up and the tasks settle onto their days ──
   (registered integer, offsets and opacity: no transforms, which rasterise soft inside a zoomed mock-up) */
.motion .m-shot:not(.in) .vg-ca .ca-n{--ca-n:0}
.motion .m-shot:not(.in) .vg-ca .ca-cd b{opacity:0}
.motion .m-shot.in .vg-ca .ca-cd b{transition:opacity .35s ease .3s}
.motion .m-shot.in .vg-ca .ca-n{transition:--ca-n 1.6s cubic-bezier(.25,.8,.25,1) .3s}
.motion .m-shot.in .vg-ca .ca-cd:nth-child(2) .ca-n{transition-delay:.42s}
.motion .m-shot.in .vg-ca .ca-cd:nth-child(3) .ca-n{transition-delay:.54s}
.motion .m-shot:not(.in) .vg-ca .ca-ev{top:-9px;opacity:0}
.motion .m-shot.in .vg-ca .ca-ev{transition:top .55s cubic-bezier(.2,.8,.2,1) calc(.55s + var(--i) * 70ms),opacity .4s ease calc(.55s + var(--i) * 70ms)}

/* ── Home's task box, where repeats are typed (src/home/TodayView.jsx Tasks, parseTaskWords) ── */
.vg-ca.ca-hm{padding:34px 44px;background:#F6F9FC}
.vg-ca .hm-tasks{min-width:0;display:flex;flex-direction:column;padding-top:8px}
.vg-ca .hm-kick{font:700 10.5px/1.3 "Inter",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tm)}
.vg-ca .hm-in{display:flex;align-items:center;margin-top:16px;padding:7px 0 9px;border-bottom:1px solid var(--ac);font:400 13px/1.4 "Inter",sans-serif;color:var(--tx)}
.vg-ca .hm-typed{display:inline-block;max-width:205px;white-space:nowrap;overflow:hidden}
.vg-ca .hm-caret{width:1px;height:16px;margin-left:1px;background:var(--tx)}
.vg-ca .hm-hint{position:relative;display:block;min-height:16px;margin-top:7px;font-size:11px;line-height:1.4}
.vg-ca .hm-h0{display:none;color:var(--tm)}
.vg-ca .hm-h1{display:block;color:var(--ac)}
.vg-ca .hm-sec{margin-top:14px}
.vg-ca .hm-k{display:block;margin-bottom:4px;font:700 10.5px/1.3 "Inter",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tx)}
.vg-ca .hm-k em{margin-left:6px;font-style:normal;font-weight:500;letter-spacing:0;text-transform:none;color:var(--tm)}
.vg-ca .hm-row{display:flex;align-items:flex-start;gap:11px;padding:10px 0}
.vg-ca .hm-row>i{width:16px;height:16px;flex:none;margin-top:1px;display:grid;place-items:center;border-radius:50%;border:1.5px solid #D6DEE8;color:var(--ac)}
.vg-ca .hm-row>i svg{width:12px;height:12px}
.vg-ca .hm-row.dn>i{border-color:var(--ac)}
.vg-ca .hm-row>span{min-width:0}
.vg-ca .hm-row b{display:block;font:500 13.5px/1.4 "Inter",sans-serif;color:var(--tx)}
.vg-ca .hm-row.dn b{color:var(--tm);text-decoration:line-through;text-decoration-thickness:1px}
.vg-ca .hm-row small{display:block;margin-top:3px;font-size:11.5px;line-height:1.35;color:var(--tm)}
.vg-ca .hm-door{display:block;padding-top:4px;font:600 12px/1.3 "Inter",sans-serif;color:var(--ac)}

/* split: the words type themselves, then the box reads the day, time and repeat back (once, when it comes into view) */
.motion .shot .vg-ca .hm-h0{display:block;position:absolute;left:0;top:0}
.motion .shot:not(.in) .vg-ca .hm-typed{max-width:0}
.motion .shot:not(.in) .vg-ca .hm-h1{opacity:0}
.motion .shot.in .vg-ca .hm-typed{transition:max-width 1.5s steps(28,end) .5s}
.motion .shot.in .vg-ca .hm-h0{opacity:0;transition:opacity .25s ease 2.15s}
.motion .shot.in .vg-ca .hm-h1{transition:opacity .35s ease 2.2s}

/* ── page: what a subscribed calendar app receives (#feed) ── */
.ca-fd{margin-top:56px;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-frame)}
.ca-fd-h,.ca-fd-r{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:0 22px;align-items:start;padding:22px 28px}
.ca-fd-h{padding-top:16px;padding-bottom:14px;border-bottom:1px solid var(--line);background:var(--paper);font:600 12.5px/1.3 var(--text);color:var(--muted)}
.ca-fd-r+.ca-fd-r{border-top:1px solid var(--hair)}
.ca-fd-r b{display:block;font:650 17px/1.35 var(--display);letter-spacing:-.01em;color:var(--ink)}
.ca-fd-r small{display:block;margin-top:7px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.ca-fd-arr{padding-top:3px;color:var(--muted)}
.ca-fd-arr svg{width:20px;height:20px;display:block}
.ca-fd-chip{display:inline-block;max-width:100%;padding:3px 8px;border-radius:5px;border-left:2px solid var(--green);background:rgba(23,113,74,.08);font:600 13px/1.4 var(--text);color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
.ca-fd-mono{display:inline-block;padding:7px 10px;border-radius:8px;background:var(--paper);font:500 13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink-2)}
.ca-fd-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin:40px 0 0;padding:0;list-style:none}
.ca-fd-notes li{padding-top:18px;border-top:2px solid var(--ink)}
.ca-fd-notes b{display:block;font:650 17px/1.3 var(--display);letter-spacing:-.01em;color:var(--ink)}
.ca-fd-notes span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-2)}
@media (max-width:860px){
  .ca-fd-notes{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  .ca-fd-h{display:none}
  .ca-fd-r{grid-template-columns:1fr;row-gap:12px;padding:20px}
  .ca-fd-arr{display:none}
  .ca-fd-b{padding-left:14px;border-left:2px solid var(--hair)}
}