.tdh-wrap{margin:20px 0}.tdh-grid{grid-template-columns:repeat(10,1fr);gap:5px;display:grid}.tdh-day{aspect-ratio:1;color:#fff;border-radius:5px;justify-content:center;align-items:center;font-size:.66rem;font-weight:700;display:flex}.tdh-day.hard{background:#e74c3c}.tdh-day.tough{background:#e67e22}.tdh-day.easing{color:#6b5300;background:#f1c40f}.tdh-day.stable{color:#1e6b3a;background:#82e0aa}.tdh-day.easy{background:#2ecc71}.tdh-legend{color:#555;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:.78rem;display:flex}.tdh-legend-item{align-items:center;gap:6px;display:flex}.tdh-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.tdh-swatch.hard{background:#e74c3c}.tdh-swatch.tough{background:#e67e22}.tdh-swatch.easing{background:#f1c40f}.tdh-swatch.stable{background:#82e0aa}.tdh-swatch.easy{background:#2ecc71}.tdh-note{color:#888;margin-top:10px;font-size:.82rem;font-style:italic}@media (max-width:480px){.tdh-grid{grid-template-columns:repeat(6,1fr);gap:4px}.tdh-day{font-size:.6rem}}
.hst-cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin:18px 0;display:flex}.hst-tag{white-space:nowrap;color:#a85c1a;background:#e67e221f;border-radius:999px;padding:7px 15px;font-weight:700;display:inline-block}.hst-tag:nth-child(odd){font-size:.9rem;transform:rotate(-3deg)}.hst-tag:nth-child(2n){font-size:.82rem;transform:rotate(2deg)}.hst-tag:nth-child(3n){color:#a8271f;background:#e74c3c1f;font-size:1rem;transform:rotate(-1deg)}.hst-tag:nth-child(4n){font-size:.78rem;transform:rotate(3deg)}.hst-tag:nth-child(5n){color:#6c3483;background:#9b59b61f}
.ssc-grid{flex-direction:column;gap:12px;margin:18px 0;display:flex}.ssc-row{background:#00000005;border:1px solid #0000000f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;display:flex}.ssc-old,.ssc-new{flex:1;align-items:center;gap:8px;min-width:140px;font-size:.9rem;font-weight:700;display:flex}.ssc-old{color:#a8271f;-webkit-text-decoration:line-through #a8271f80;text-decoration:line-through #a8271f80}.ssc-new{color:#1e8449}.ssc-arrow{color:#bbb;flex-shrink:0;font-size:1.2rem}.ssc-icon{flex-shrink:0;font-size:1.1rem}