.climate81 { margin-block: 1.5rem; color: inherit; letter-spacing: 0; }
.climate81 h2 { font-size: 1.35rem; line-height: 1.3; }
.climate81 h3 { font-size: 1.1rem; }
.climate81-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1rem; }
.climate81-meta dt, .climate81-seasons dt { font-weight: 600; }
.climate81-meta dd, .climate81-seasons dd { margin: .25rem 0 0; overflow-wrap: anywhere; }
.climate81-scroll { max-width: 100%; overflow-x: auto; }
.climate81 table { width: 100%; min-width: 38rem; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.climate81 caption { text-align: start; font-weight: 600; padding-block: .75rem; }
.climate81 th, .climate81 td { padding: .65rem .75rem; border-bottom: 1px solid #adb5bd; text-align: end; }
.climate81 th:first-child { text-align: start; }
.climate81 thead { background: #edf2f1; color: #182924; }
.climate81-seasons { display: flex; gap: 2rem; flex-wrap: wrap; }
.climate81-note { font-size: .9rem; line-height: 1.55; }
.climate81-notice { border-inline-start: 3px solid #687b17; padding-inline-start: .75rem; }
.climate81 :focus-visible { outline: 3px solid #16744a; outline-offset: 3px; }