.blog-list{gap:2rem}.blog-list,.blog-list__card{display:flex;flex-direction:column}.blog-list__card{flex-wrap:nowrap;text-decoration-line:none}@media (min-width:768px){.blog-list__card{flex-direction:row}}.blog-list__card--image{position:relative}@media (min-width:768px){.blog-list__card--image{min-width:360px}}.blog-list__card--image img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.blog-list__card--content{margin-left:1rem;display:flex;flex-direction:column;justify-content:center}.blog-list__card--content h2{margin-top:0;margin-bottom:.5rem;text-align:center}.blog-list__card:hover h2{text-decoration-line:underline}.blog-list__card--content p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;text-indent:0;line-height:1.25;opacity:.8}@media (min-width:768px){.blog-list__card--content p{text-align:right}}.blog-page .component-page-banner{display:flex}.blog-page .component-page-banner--body{margin-top:auto}.blog-page .component-page-banner--body .subtitle+h1{margin-top:.25rem}.blog-page .component-page-banner--body h1{padding:.25rem}@media (min-width:768px){.blog-page .component-page-banner--body h1{max-width:80%}}.blog-page__contents{margin:3rem auto 5rem;display:flex;width:80%;flex-direction:column;gap:.5rem}.blog-page__contents p{line-height:1.75rem}.blog-page__contents>ul{margin-left:2rem}.blog-page__contents h3+p,.blog-page__contents p:first-of-type{text-indent:2rem}.blog-page__contents h1,.blog-page__contents h2,.blog-page__contents h3{margin-top:2rem;margin-bottom:.25rem;font-size:1.5rem;line-height:2rem}.blog-page__contents blockquote{border-radius:.5rem;background-color:rgba(239,246,255,.5);padding:1rem 2rem}@media (prefers-color-scheme:dark){.blog-page__contents blockquote{background-color:rgba(2,6,23,.5)}}.blog-page__contents blockquote ul{display:flex;flex-direction:column;row-gap:.25rem}.blog-page__contents blockquote ul li{display:flex}.blog-page__contents blockquote ul li:first-child h2{margin-top:0}.blog-page__contents blockquote ul li code{margin-right:.5rem}.blog-page__extra{margin-top:.5rem;text-align:end;font-size:.875rem;line-height:1.25rem}.blog-page__extra--next-page{margin-left:auto;width:80%}