/* Cloud changes tracker (cloud-changes.html). Builds on the .sp page shell (cb-support.css) and the suggester tags/buttons (cb-suggest.css). */
.ch .ch-dl { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.ch .ch-dl li { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; padding: .65rem .9rem; border: 1px solid var(--line, #e3dcf3); border-left: 4px solid #f5b73a; border-radius: 12px; background: #fff; }
.ch .ch-dl time { font-weight: 800; min-width: 8.5rem; color: #3b1478; }
.ch .ch-dl a { font-weight: 700; }
.ch .ch-dl .ch-dl-what { color: #5b5778; font-size: .88rem; }
.ch .ch-filters { display: flex; flex-wrap: wrap; gap: .8rem 1rem; align-items: flex-end; margin: .4rem 0 .6rem; }
.ch .ch-f { display: grid; gap: .25rem; flex: 1 1 180px; }
.ch .ch-f label { font-weight: 700; font-size: .85rem; color: #3b1478; }
.ch .ch-f input, .ch .ch-f select { width: 100%; padding: .55rem .7rem; border: 1px solid #b9aee0; border-radius: 10px; background: #fff; color: #1e1b3a; font: inherit; }
.ch .ch-f input:focus-visible, .ch .ch-f select:focus-visible, .ch .ch-card a:focus-visible, .ch .ch-dl a:focus-visible { outline: 3px solid #541ba3 !important; outline-offset: 2px !important; }
.ch .ch-count { margin: .2rem 0 1rem; font-size: .9rem; color: #5b5778; }
.ch .ch-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap: 1rem; }
.ch .ch-card { padding: 1rem 1.1rem; border: 1px solid #e3dcf3; border-radius: 16px; background: #fff; display: flex; flex-direction: column; }
.ch .ch-card[hidden] { display: none; }
.ch .ch-card:target { border-color: #541ba3; box-shadow: 0 0 0 3px rgba(84, 27, 163, .18); }
.ch .ch-card h3 { margin: .5rem 0 .3rem; font-size: 1.05rem; }
.ch .ch-top { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.ch .ch-text { margin: 0 0 .5rem; font-size: .93rem; line-height: 1.55; }
.ch .ch-meta { margin: 0 0 .5rem; display: flex; flex-wrap: wrap; gap: .2rem 1rem; font-size: .86rem; color: #3b3560; }
.ch .ch-links { margin: auto 0 0; display: flex; flex-wrap: wrap; gap: .3rem 1rem; font-size: .88rem; font-weight: 700; }
.ch .ch-links i { margin-left: .3rem; }
.ch .ch-pill { display: inline-block; padding: .12rem .55rem; border-radius: 999px; font-size: .74rem; font-weight: 800; letter-spacing: .02em; border: 1px solid; }
.ch .ch-pill[data-s="closed"] { background: #fff1d6; color: #7a4a00; border-color: #e8b04a; }
.ch .ch-pill[data-s="retiring"] { background: #ffe4e0; color: #8a1d12; border-color: #e58a80; }
.ch .ch-pill[data-s="retired"] { background: #f1e1e1; color: #6e1414; border-color: #c98a8a; }
.ch .ch-pill[data-s="renamed"] { background: #e3f0ff; color: #0f4a8a; border-color: #8ab6e8; }
.ch .ch-pill[data-s="maintenance"] { background: #fdf3d0; color: #6b5200; border-color: #d9bf5b; }
.ch .ch-pill[data-s="changed"] { background: #eee8fb; color: #43138a; border-color: #b9a4e6; }
.ch .ch-subs { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.4rem; }
.ch .ch-subs [hidden] { display: none; }
.ch .ch-legend { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.ch .ch-legend li { display: flex; flex-wrap: wrap; gap: .4rem .8rem; align-items: baseline; font-size: .93rem; }
.ch .ch-legend .ch-pill { min-width: 11.5rem; text-align: center; }
@media print { .ch .ch-filters, .ch .ch-subs { display: none; } .ch .ch-card { break-inside: avoid; } }
/* Free tier comparison (free-tier-comparison.html) */
.ft .ft-table thead th:not(:first-child) { min-width: 13rem; }
.ft .ft-table tbody th { white-space: normal; min-width: 8rem; }
.ft .ft-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 1rem; }
.ft .ft-list { margin: .3rem 0 0; padding-left: 1.2rem; font-size: .93rem; line-height: 1.55; }
.ft .ft-list li { margin: .45rem 0; }
.ft .ft-watch { border-left: 4px solid #f5b73a; }
.ft .ft-link { margin: .9rem 0 0; }
.ft .ft-safe { max-width: 62rem; }
.ft .sp-h .sg-tag { font-size: .8rem; vertical-align: middle; margin-right: .3rem; }