﻿.ms-article-hero h1 { max-width:924px; font-size:clamp(30px,2.5vw,48px); line-height:1.3333; font-weight:600; text-transform:none; overflow-wrap:anywhere; }
.ms-article-layout { display:grid; grid-template-columns:minmax(0,847px) minmax(0,345px); gap:clamp(36px,4.5833vw,88px); align-items:start; padding-top:70px; padding-bottom:clamp(96px,11.0417vw,212px); }
.ms-article { min-width:0; }
.ms-article__image { aspect-ratio:847 / 630; overflow:hidden; margin-bottom:42px; }
.ms-article__image img { display:block; width:100%; height:100%; object-fit:cover; }
.ms-article__content,.ms-article__closing { color:#484848; font-size:18px; line-height:1.6667; font-weight:400; overflow-wrap:anywhere; }
.ms-article__content > :first-child { margin-top:0; }
.ms-article__content p,.ms-article__closing p { margin:0 0 24px; }
.ms-article__content > p:first-of-type::first-letter { float:left; background:#000; color:#fff; padding:5px 12px; margin:6px 18px 0 0; font-size:32px; font-weight:600; line-height:1.3; }
.ms-article__content h2,.ms-article__content h3 { color:#1b1b1b; margin:32px 0 20px; line-height:1.5; }
.ms-article__content img { max-width:100%; height:auto; }
.ms-article__content figure { max-width:100%; margin:32px 0; }
.ms-article__content iframe,.ms-article__content video { max-width:100%; }
.ms-article__content pre,.ms-article__content .wp-block-table { overflow:auto; }
.ms-article__content blockquote { border-left:3px solid #4632e1; margin:32px 0; padding-left:24px; }
.ms-article__highlight { margin:36px 0 48px; color:#1b1b1b; font-size:24px; font-weight:600; line-height:1.6667; }
.ms-article__gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:27px; margin:40px 0 42px; }
.ms-article__gallery img { display:block; width:100%; height:auto; aspect-ratio:410 / 363; object-fit:cover; }
.ms-article-share { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:28px; }
.ms-article-share > span:first-child { margin-right:20px; color:#1b1b1b; font-size:22px; font-weight:600; }
.ms-article-share button,.ms-article-share a { display:grid; place-items:center; width:45px; height:45px; border:0; padding:0; background:none; border-radius:50%; cursor:pointer; box-shadow:none; }
.ms-article-share img { display:block; }
.ms-article-share :is(a,button):hover { opacity:.7; transform:none; }
.ms-article-share :is(a,button):focus-visible { outline:2px solid #4632e1; outline-offset:3px; }
.ms-article-share__status.is-visible { position:static; width:100%; height:auto; clip:auto; clip-path:none; font-size:14px; color:#484848; margin-top:8px; }
.ms-article-search { display:flex; align-items:center; width:100%; height:62px; border:1px solid #e8e8e8; border-radius:31px; overflow:hidden; background:#fff; }
.ms-article-search:focus-within { outline:2px solid #4632e1; outline-offset:2px; }
.ms-article-search input[type=search] { flex:1; min-width:0; border:0; outline:none; padding:18px 0 18px 24px; background:transparent; font:500 16px/1.5 inherit; color:#252525; box-shadow:none; }
.ms-article-search button { display:grid; place-items:center; flex:0 0 62px; align-self:stretch; padding:0; border:0; background:transparent; cursor:pointer; }
.ms-article-sidebar h2 { margin:50px 0 24px; font-size:26px; font-weight:600; line-height:1.2; color:#000; }
.ms-article-recent { display:grid; gap:22px; }
.ms-article-recent article { display:grid; grid-template-columns:85px minmax(0,1fr); gap:19px; align-items:start; }
.ms-article-recent__image { display:block; width:85px; height:84px; overflow:hidden; }
.ms-article-recent__image img { display:block; width:100%; height:100%; object-fit:cover; }
.ms-article-recent__category { display:inline-block; margin:3px 0 10px; color:#7f7f7f; font-size:14px; font-weight:600; text-decoration:none; }
.ms-article-recent h3 { margin:0; font-size:16px; font-weight:600; line-height:1.4; }
.ms-article-recent h3 a { color:#252525; text-decoration:none; }
.ms-article-recent a:hover { color:#4632e1; }
.search .ms-article-search { max-width:460px; margin:24px 0 48px; }
.search .pagination { margin-top:48px; }
@media(max-width:1000px) {
 .ms-article-layout { grid-template-columns:minmax(0,1fr) 280px; gap:30px; }
 .ms-article-recent article { grid-template-columns:70px minmax(0,1fr); gap:12px; }
 .ms-article-recent__image { width:70px; height:70px; }
}
@media(max-width:760px) {
 .ms-article-layout { grid-template-columns:1fr; padding-top:48px; gap:60px; }
 .ms-article-sidebar { max-width:100%; }
 .ms-article__content,.ms-article__closing { font-size:16px; line-height:1.8; }
 .ms-article__highlight { font-size:20px; line-height:1.7; margin:28px 0; }
 .ms-article__gallery { gap:16px; margin:28px 0; }
 .ms-article__image { margin-bottom:28px; }
 .ms-article-hero h1 { font-size:32px; }
}
@media(max-width:420px) { .ms-article__gallery { grid-template-columns:1fr; } }
.ms-article__image.is-figma-crop { position:relative; }
.ms-article__image.is-figma-crop img { position:absolute; max-width:none; width:118.62%; height:119.61%; left:-12.13%; top:-5.17%; }
.ms-article__gallery figure { position:relative; margin:0; aspect-ratio:410 / 363; overflow:hidden; }
.ms-article__gallery figure img { height:100%; }
.ms-article__gallery .is-figma-gallery-1 img { position:absolute; max-width:none; width:148.27%; height:111.57%; left:-24.14%; top:-11.57%; }
.ms-article__gallery .is-figma-gallery-2 img { position:absolute; max-width:none; width:159.3%; height:120.11%; left:-31.74%; top:-11.02%; }
.ms-article-search input[type=search] { font-family:inherit; font-size:16px; font-weight:500; line-height:1.5; }
/* WordPress-managed blog sidebar. */
.ms-article-layout--no-sidebar { grid-template-columns:minmax(0,847px); justify-content:center; }
.ms-article-widget { min-width:0; margin:0 0 50px; }
.ms-article-sidebar .ms-article-widget h2 { margin:0 0 24px; }
.ms-article-sidebar .ms-article-widget:last-child { margin-bottom:0; }
.ms-article-widget img { max-width:100%; }
.ms-article-widget select,.ms-article-widget input { max-width:100%; }
.ms-article-widget ul { padding-left:20px; }
.ms-article-widget a { overflow-wrap:anywhere; }
.ms-article-widget .wp-block-search__inside-wrapper { border:1px solid #e8e8e8; border-radius:31px; overflow:hidden; padding:8px 12px; }
.ms-article-widget .wp-block-search__input { min-width:0; border:0; background:transparent; }
.ms-article-widget .wp-block-search__button { border:0; border-radius:24px; padding:10px 16px; background:#0f0f0f; color:#fff; }
