.content-page { --page: #fcf8f1; --display: Oswald,"Arial Narrow","Segoe UI",sans-serif; background: var(--page); }
.content-hero { display: grid; grid-template-columns: minmax(0,1fr) 230px; align-items: center; gap: 40px; padding-block: 40px 32px; }
.content-hero h1 { margin: 0; }
.content-hero h1 span { color: #093f7c; }
.content-hero > img { width: 210px; height: 180px; object-fit: contain; justify-self: end; }
.content-lede { font-size: 17px; line-height: 1.7; max-width: 58ch; color: #3b4c61; margin: 19px 0 0; }
.content-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; padding-bottom: 55px; }
.article-card { background: #fff; border: 1px solid #e4e0d8; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; }
.article-card-photo img { width: 100%; height: 250px; object-fit: cover; display: block; }
.article-card-body { padding: 25px; display: flex; flex-direction: column; align-items: flex-start; flex: 1; }
.article-card h2 { font-size: 29px; line-height: 1.25; margin: 12px 0; }
.article-card h2 a:hover { color: #093f7c; text-decoration: underline; text-underline-offset: 4px; }
.article-card p { font-size: 15px; line-height: 1.75; color: #3b4c61; }
.article-meta { font-size: 13px; line-height: 1.6; color: #536071; margin: 0; }
.article-card .button { margin-top: auto; }
.contact-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 25px; margin-bottom: 55px; }
.contact-panel { background: #fff; border: 1px solid #e4e0d8; border-radius: 18px; padding: 30px; }
.contact-panel h2 { font-size: 30px; line-height: 1.2; margin: 0 0 16px; }
.contact-panel p { font-size: 16px; line-height: 1.75; color: #3b4c61; }
.contact-panel a:not(.button) { color: #093f7c; text-decoration: underline; text-underline-offset: 4px; }
.contact-email { overflow-wrap: anywhere; }
.contact-panel .contact-helper { font-size: 13px; }
.contact-shortcuts { display: flex; gap: 16px; flex-wrap: wrap; }
.legal-content { width: min(800px,100%); padding-bottom: 55px; font-size: 16px; line-height: 1.8; }
.legal-content h2 { font-size: 28px; line-height: 1.25; margin-top: 32px; }
.legal-content p { color: #3b4c61; }
.legal-content a, .article-prose a { color: #093f7c; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.article-shell { width: min(900px,calc(100% - 96px)); margin-inline: auto; padding-block: 32px 50px; }
.article-shell > .text-link { margin-bottom: 22px; }
.article-shell > header h1 { margin: 15px 0 20px; }
.article-prose { max-width: 76ch; margin: 30px auto 0; font-size: 17px; line-height: 1.85; }
.article-prose p { margin: 20px 0; }
.article-prose h2 { font-size: 31px; line-height: 1.25; margin: 35px 0 18px; }
.article-prose h3 { font-size: 24px; line-height: 1.3; margin: 28px 0 14px; }
.article-prose h4 { font: 700 18px/1.5 "Segoe UI",Arial,sans-serif; margin: 22px 0 12px; }
.article-prose ul,.article-prose ol { padding-left: 25px; }
.article-prose li { margin-block: 12px; }
.article-prose img { display: block; max-width: 100%; width: min(520px,100%); height: auto; margin: 28px auto; border-radius: 14px; }
.article-next { border-top: 1px solid #e4e0d8; padding-top: 24px; margin-top: 35px; }
@media (max-width: 780px) {
  .content-hero { grid-template-columns: minmax(0,1fr) 140px; gap: 20px; padding-block: 27px; }
  .content-hero > img { width: 135px; height: 135px; }
  .content-grid,.contact-layout { grid-template-columns: 1fr; }
  .article-shell { width: calc(100% - 40px); }
}
@media (max-width: 500px) {
  .content-hero { grid-template-columns: 1fr; gap: 15px; }
  .content-hero > img { display: none; }
  .content-lede { font-size: 16px; margin-top: 15px; }
  .contact-panel,.article-card-body { padding: 23px; }
  .article-card-photo img { height: 205px; }
  .article-card h2 { font-size: 27px; }
  .article-prose { font-size: 16px; line-height: 1.8; }
  .article-prose h2 { font-size: 28px; }
}