.live-info-page .live-demo.section{color:var(--ink);background:#f4f1ec;padding:40px max(24px,50% - 560px) 64px}.live-info-page .live-demo-heading{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:24px;display:flex}.live-info-page .live-demo-heading .section-label{color:#57524e;min-width:0;font-size:.75rem}.live-info-page .live-demo-heading h2{letter-spacing:.035em;font-size:1.125rem;line-height:1.5}.live-info-page .live-demo-heading>p{color:#57524e;letter-spacing:0;margin:0 0 0 auto;font-size:1rem;line-height:1.8}.live-info-page .live-demo-grid{border:0;grid-template-columns:minmax(280px,.85fr) minmax(0,1.65fr);align-items:start;gap:24px;width:100%;display:grid}.live-info-page :is(.weather-card,.news-card){background:#fff;border:1px solid #d9d3cb;min-width:0;min-height:0;padding:28px}.live-info-page .live-card-label{color:#57524e;letter-spacing:.035em;font-size:.875rem;line-height:1.6}.live-info-page .live-card-label span{color:#a12c20}.live-info-page .weather-card{flex-direction:column;gap:0;display:flex}.live-info-page .weather-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin:38px 0 24px;display:flex}.live-info-page .weather-main>strong{letter-spacing:-.04em;font-size:2.75rem;line-height:1.1}.live-info-page .weather-main>div{text-align:right;gap:12px;display:grid}.live-info-page .weather-main b{letter-spacing:-.06em;font-size:4rem;line-height:1}.live-info-page .weather-main small{color:#57524e;letter-spacing:0;margin:0;font-size:.875rem;line-height:1.7}.live-info-page .weather-card h3{color:var(--ink);margin:0 0 26px;font-size:1.125rem;font-weight:500;line-height:1.8}.live-info-page .weather-card footer{color:#57524e;letter-spacing:0;background:0 0;border-top:1px solid #d9d3cb;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:auto;padding:16px 0 0;font-size:.875rem;line-height:1.7;display:flex}.live-info-page .news-card .live-card-label{margin:0 0 18px}.live-info-page .live-news-list{border-top:1px solid #d9d3cb;margin:0}.live-info-page .live-news-list a{border-color:#e5e0d9;grid-template-columns:24px minmax(0,1fr) 20px;gap:14px;min-height:88px;padding:20px 0}.live-info-page .live-news-list a:last-child{border-bottom:0}.live-info-page .live-news-list a:hover{background:#f4f1ec;padding-inline:10px}.live-info-page .live-news-list a:focus-visible{outline-offset:4px;outline:2px solid #a12c20}.live-info-page .live-news-list span{color:#716a64;font-size:.875rem}.live-info-page .live-news-list h3{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;word-break:normal;font-size:1.125rem;font-weight:500;line-height:1.8;overflow:visible}.live-info-page .live-news-list b{color:#a12c20;font-size:1.25rem}.live-info-page .live-loading{color:#57524e;margin:28px 0;font-size:1rem;line-height:1.8}.live-info-page .live-demo-error{color:#57524e;border-color:#d9d3cb;padding:22px;font-size:1rem;line-height:1.8}.live-info-page .live-demo-source{text-align:left;color:#625b55;letter-spacing:0;overflow-wrap:anywhere;margin:22px 0 0;font-size:.8125rem;line-height:1.9}@media (max-width:800px){.live-info-page .live-demo.section{padding:28px 22px 48px}.live-info-page .live-demo-heading{gap:10px 20px;display:flex}.live-info-page .live-demo-heading>p{flex-basis:100%;margin:0}.live-info-page .live-demo-grid{grid-template-columns:minmax(0,1fr);gap:20px}.live-info-page :is(.weather-card,.news-card){padding:22px}.live-info-page .weather-main{margin:26px 0 20px}.live-info-page .live-news-list a{grid-template-columns:20px minmax(0,1fr) 16px;gap:10px;min-height:88px}.live-info-page .live-news-list h3{font-size:1rem;line-height:1.85}}@media (prefers-reduced-motion:reduce){.live-info-page .live-news-list a{transition:none}}