main{section.panorama{position:relative;padding-bottom:96px;summary *,.blog-content *{color:var(--color-fg)!important}&:before{content:"";opacity:.2;inset:0;position:absolute;background-color:var(--color-soft)}>ul{min-height:240px}}.blog-content{white-space:pre-wrap;max-width:900px;margin-inline:auto;position:relative;p+p{margin-top:0}ul{display:block;list-style:disc outside;padding-inline-start:24px}}.images{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;img{border-radius:8px;max-height:60dvh;max-width:80dvw;object-fit:cover;object-position:center}}div.time-info{font-size:14px;opacity:.8;time{color:var(--color-primary);font-weight:700}}#filters{display:flex;justify-content:center;gap:16px;position:relative;flex-wrap:wrap}#blog-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;.error,.loading{margin:auto;font-size:24px;opacity:.8;text-align:center}.error{color:var(--color-error)!important}li{background-color:var(--color-bg);color:var(--color-fg);padding:32px;border-radius:8px;position:relative;display:flex;flex-direction:column;gap:12px;width:100%;max-width:720px;overflow:hidden;box-shadow:0 4px 8px #0003;&:not(.visible){display:none}>a{margin-top:16px}}blockquote{padding:0;display:contents;>img{height:512px;width:calc(100% + 64px);margin:-32px -32px 48px;object-fit:cover;+.wave{margin:-60px -32px 0}}>h4{font-size:24px}>summary{white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}}}@media (max-width: 800px){main{.panorama{padding-inline:24px}#blog-content blockquote>summary{-webkit-line-clamp:8}.images{flex-wrap:nowrap;justify-content:flex-start;overflow-y:auto;scroll-snap-type:x mandatory;img{max-height:90dvw;max-width:100%;width:100%;scroll-snap-align:center}}}}