/* ==========================================================================
   WINDOM Marketing Media 記事装飾CSS  v1.0（2026-09）
   コンセプト：Metallic Gray × Justice White × Light Blue
   ========================================================================== */

:root{
  /* Justice White / Metallic Gray */
  --wd-white:#ffffff;
  --wd-white-cool:#f7f9fb;
  --wd-mist-100:#eef1f4;
  --wd-platinum-200:#d9dee3;
  --wd-silver-400:#a3acb5;
  --wd-steel-600:#5e6873;
  --wd-muted-600:#646d76;
  --wd-gunmetal-800:#3a424b;
  --wd-text-700:#343a40;
  --wd-ink-900:#262b31;
  /* Light Blue */
  --wd-sky-50:#eef7fc;
  --wd-sky-100:#d6eefa;
  --wd-sky-300:#8fcdee;
  --wd-sky-500:#2e96d3;
  --wd-blue-700:#1a73a8;
  --wd-blue-800:#145c87;
  /* Signal（限定用途） */
  --wd-caution-50:#fdf5e8;
  --wd-caution-300:#e6c48f;
  --wd-caution-600:#9a5b00;
  --wd-ng-50:#fdeeec;
  --wd-ng-600:#b42318;
  /* Metallic */
  --wd-grad-metal:linear-gradient(135deg,#2f363d 0%,#4a535c 55%,#6a737c 100%);
  --wd-grad-sheen:linear-gradient(90deg,#d9dee3 0%,#f7f9fb 45%,#a3acb5 100%);
  --wd-shadow-card:0 2px 8px rgba(38,43,49,.08);
  --wd-shadow-cta:0 6px 18px rgba(26,115,168,.28);
  --wd-font-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  --wd-font-display:"Barlow","Noto Sans JP",sans-serif;
}

/* --------------------------------------------------------------------------
   00. 本文ベース
   -------------------------------------------------------------------------- */
.single-post-main .content,
.wd-article{
  color:var(--wd-text-700);
  font-family:var(--wd-font-sans);
  font-size:16px;
  line-height:1.9;
  letter-spacing:.02em;
}
.single-post-main .content p,
.wd-article p{margin:0 0 1.6em}
.single-post-main .content *,
.wd-article *{box-sizing:border-box}

/* --------------------------------------------------------------------------
   01. 見出し（H2 / H3 / H4）
   -------------------------------------------------------------------------- */
.single-post-main .content h2,
.wd-h2{
  position:relative;
  margin:64px 0 24px;
  padding:14px 20px;
  background:var(--wd-grad-metal);
  border:none;
  border-bottom:3px solid var(--wd-sky-300);
  border-radius:4px 4px 0 0;
  box-shadow:none;
  color:var(--wd-white);
  font-size:22px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.03em;
}
.single-post-main .content h2::before,
.wd-h2::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:rgba(255,255,255,.3);border:none;width:auto;
}
.single-post-main .content h2::after,
.wd-h2::after{content:none}

.single-post-main .content h3,
.wd-h3{
  position:relative;
  margin:48px 0 20px;
  padding:0 0 10px;
  background:none;
  border:none;
  border-bottom:2px solid var(--wd-platinum-200);
  color:var(--wd-ink-900);
  font-size:19px;
  font-weight:700;
  line-height:1.6;
}
.single-post-main .content h3::before,
.wd-h3::before{content:none}
.single-post-main .content h3::after,
.wd-h3::after{
  content:"";position:absolute;left:0;bottom:-2px;
  width:72px;height:2px;background:var(--wd-sky-500);
}

.single-post-main .content h4,
.wd-h4{
  position:relative;
  margin:32px 0 12px;
  padding:0 0 0 18px;
  background:none;border:none;
  color:var(--wd-ink-900);
  font-size:17px;font-weight:700;line-height:1.6;
}
.single-post-main .content h4::before,
.wd-h4::before{
  content:"";position:absolute;left:0;top:.62em;
  width:8px;height:8px;border-radius:1px;background:var(--wd-steel-600);
}

/* --------------------------------------------------------------------------
   02. テキスト強調
   -------------------------------------------------------------------------- */
.single-post-main .content strong,
.wd-article strong {
  font-weight: 700;
  color: var(--wd-ink-900);
}

.single-post-main .content h2 strong,
.wd-article h2 strong {
  font-weight: inherit;
  color: inherit;
}


:is(.single-post-main .content,.wd-article) .wd-marker{
  background:linear-gradient(transparent 58%,var(--wd-sky-100) 58%);
  color:var(--wd-ink-900);font-weight:700;padding:0 2px;
}
.single-post-main .content p a,
.single-post-main .content li a,
.wd-link{
  color:var(--wd-blue-700);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.single-post-main .content p a:hover,
.single-post-main .content li a:hover,
.wd-link:hover{color:var(--wd-blue-800);text-decoration-thickness:2px}

/* --------------------------------------------------------------------------
   03. ボックス共通
   -------------------------------------------------------------------------- */
:is(.single-post-main .content,.wd-article) .wd-box{
  position:relative;
  margin:36px 0 32px;
  padding:28px 24px 20px;
  background:var(--wd-white);
  border:1px solid var(--wd-platinum-200);
  border-radius:6px;
  color:var(--wd-text-700);
  font-size:15px;line-height:1.85;
}
:is(.single-post-main .content,.wd-article) .wd-box > *:last-child{margin-bottom:0}
:is(.single-post-main .content,.wd-article) .wd-box__label{
  position:absolute;top:-12px;left:16px;
  display:inline-block;padding:2px 12px;
  border-radius:2px;
  background:var(--wd-steel-600);color:var(--wd-white);
  font-size:13px;font-weight:700;line-height:20px;letter-spacing:.06em;
}
:is(.single-post-main .content,.wd-article) .wd-box ul,
:is(.single-post-main .content,.wd-article) .wd-box ol{margin:0;padding-left:1.4em}

/* 03-1 この記事でわかること（リード文直下・1記事1回） */
:is(.single-post-main .content,.wd-article) .wd-summary{
  margin:32px 0;
  border:1px solid var(--wd-platinum-200);
  border-radius:6px;overflow:hidden;
  background:var(--wd-white-cool);
}
:is(.single-post-main .content,.wd-article) .wd-summary__head{
  margin:0;padding:10px 20px;
  background:var(--wd-grad-metal);color:var(--wd-white);
  font-size:15px;font-weight:700;line-height:1.5;letter-spacing:.06em;
  border-bottom:2px solid var(--wd-sky-300);
}
:is(.single-post-main .content,.wd-article) .wd-summary__body{padding:16px 20px 18px}

/* 03-2 POINT */
:is(.single-post-main .content,.wd-article) .wd-point{background:var(--wd-white);border-color:var(--wd-sky-300)}
:is(.single-post-main .content,.wd-article) .wd-point .wd-box__label{background:var(--wd-blue-700)}

/* 03-3 注意 */
:is(.single-post-main .content,.wd-article) .wd-caution{background:var(--wd-caution-50);border-color:var(--wd-caution-300)}
:is(.single-post-main .content,.wd-article) .wd-caution .wd-box__label{background:var(--wd-caution-600)}

/* 03-4 補足・メモ */
:is(.single-post-main .content,.wd-article) .wd-note{background:var(--wd-mist-100);border-color:var(--wd-mist-100)}
:is(.single-post-main .content,.wd-article) .wd-note .wd-box__label{background:var(--wd-steel-600)}

/* 03-5 H2冒頭の章内ナビ（H3が2つ以上のH2で使用） */
:is(.single-post-main .content,.wd-article) .wd-section-nav{
  margin:0 0 32px;padding:16px 20px;
  background:var(--wd-white-cool);
  border:1px solid var(--wd-platinum-200);border-radius:6px;
}
:is(.single-post-main .content,.wd-article) .wd-section-nav__title{
  margin:0 0 8px;color:var(--wd-muted-600);
  font-size:13px;font-weight:700;letter-spacing:.08em;
}
:is(.single-post-main .content,.wd-article) .wd-section-nav ol{margin:0;padding:0;list-style:none;counter-reset:wdnav}
:is(.single-post-main .content,.wd-article) .wd-section-nav li{
  position:relative;margin:0;padding:6px 0 6px 32px;
  border-top:1px dashed var(--wd-platinum-200);
  counter-increment:wdnav;font-size:15px;line-height:1.6;
}
:is(.single-post-main .content,.wd-article) .wd-section-nav li:first-child{border-top:none}
:is(.single-post-main .content,.wd-article) .wd-section-nav li::before{
  content:counter(wdnav,decimal-leading-zero);
  position:absolute;left:0;top:7px;
  color:var(--wd-steel-600);font-family:var(--wd-font-display);
  font-size:14px;font-weight:700;
}
:is(.single-post-main .content,.wd-article) .wd-section-nav a{color:var(--wd-blue-700);text-decoration:none}
:is(.single-post-main .content,.wd-article) .wd-section-nav a:hover{text-decoration:underline}

/* 03-6 結論ボックス（結論ファースト／まとめ・1記事2回まで） */
:is(.single-post-main .content,.wd-article) .wd-conclusion{
  margin:32px 0;padding:22px 24px 20px;
  background:var(--wd-grad-metal);color:var(--wd-white);
  border-radius:6px;border-bottom:3px solid var(--wd-sky-300);
  font-size:15px;line-height:1.85;
}
:is(.single-post-main .content,.wd-article) .wd-conclusion__label{
  display:inline-block;margin:0 0 8px;padding:0 10px;
  border:1px solid rgba(255,255,255,.6);border-radius:2px;
  font-size:12px;font-weight:700;letter-spacing:.12em;line-height:22px;
}
:is(.single-post-main .content,.wd-article) .wd-conclusion p{margin:0;color:var(--wd-white)}
:is(.single-post-main .content,.wd-article) .wd-conclusion strong{color:var(--wd-white);font-weight:700}

/* --------------------------------------------------------------------------
   04. リスト
   -------------------------------------------------------------------------- */
:is(.single-post-main .content,.wd-article) .wd-check{margin:0 0 1.6em;padding:0;list-style:none}
:is(.single-post-main .content,.wd-article) .wd-check li{position:relative;margin:0 0 6px;padding-left:28px;line-height:1.8}
:is(.single-post-main .content,.wd-article) .wd-check li::before{
  content:"";position:absolute;left:4px;top:.45em;
  width:12px;height:7px;
  border-left:2px solid var(--wd-sky-500);border-bottom:2px solid var(--wd-sky-500);
  transform:rotate(-45deg);
}

:is(.single-post-main .content,.wd-article) .wd-steps{margin:0 0 1.6em;padding:0;list-style:none;counter-reset:wdstep}
:is(.single-post-main .content,.wd-article) .wd-steps li{
  position:relative;margin:0;padding:0 0 18px 48px;
  counter-increment:wdstep;line-height:1.75;
}
:is(.single-post-main .content,.wd-article) .wd-steps li::before{
  content:counter(wdstep);
  position:absolute;left:0;top:0;
  width:30px;height:30px;border-radius:50%;
  background:var(--wd-gunmetal-800);color:var(--wd-white);
  font-family:var(--wd-font-display);font-size:15px;font-weight:700;
  line-height:30px;text-align:center;
}
:is(.single-post-main .content,.wd-article) .wd-steps li::after{
  content:"";position:absolute;left:14px;top:34px;bottom:4px;
  width:2px;background:var(--wd-platinum-200);
}
:is(.single-post-main .content,.wd-article) .wd-steps li:last-child{padding-bottom:0}
:is(.single-post-main .content,.wd-article) .wd-steps li:last-child::after{content:none}
:is(.single-post-main .content,.wd-article) .wd-steps strong{display:block;color:var(--wd-ink-900)}

/* --------------------------------------------------------------------------
   05. 表（テーブルブロックの「追加CSSクラス」に wd-table）
   -------------------------------------------------------------------------- */
:is(.single-post-main .content,.wd-article) .wd-table{margin:24px 0 32px;overflow-x:auto;-webkit-overflow-scrolling:touch}
:is(.single-post-main .content,.wd-article) .wd-table table,
:is(.single-post-main .content,.wd-article) table.wd-table{
  width:100%;min-width:520px;
  border-collapse:separate;border-spacing:0;
  border:1px solid var(--wd-platinum-200);border-radius:6px;overflow:hidden;
  font-size:15px;line-height:1.7;
}
:is(.single-post-main .content,.wd-article) .wd-table th,
:is(.single-post-main .content,.wd-article) .wd-table td{
  padding:12px 14px;border:none;
  border-bottom:1px solid var(--wd-platinum-200);
  text-align:left;vertical-align:top;
}
:is(.single-post-main .content,.wd-article) .wd-table thead th{
  background:var(--wd-steel-600);color:var(--wd-white);
  font-size:14px;font-weight:700;white-space:nowrap;
}
:is(.single-post-main .content,.wd-article) .wd-table tbody tr:nth-child(even) td{background:var(--wd-white-cool)}
:is(.single-post-main .content,.wd-article) .wd-table tbody th{background:var(--wd-mist-100);color:var(--wd-ink-900);font-weight:700;white-space:nowrap}
:is(.single-post-main .content,.wd-article) .wd-table tbody tr:last-child th,
:is(.single-post-main .content,.wd-article) .wd-table tbody tr:last-child td{border-bottom:none}
:is(.single-post-main .content,.wd-article) .wd-table .is-hl{background:var(--wd-sky-50) !important;color:var(--wd-blue-800);font-weight:700}
:is(.single-post-main .content,.wd-article) .wd-table figcaption,
:is(.single-post-main .content,.wd-article) .wd-table__note{
  margin-top:8px;color:var(--wd-muted-600);font-size:13px;line-height:1.6;
}

/* --------------------------------------------------------------------------
   06. 人物・信頼性（監修者／コメント／出典）
   -------------------------------------------------------------------------- */
:is(.single-post-main .content,.wd-article) .wd-supervisor{
  margin:32px 0;padding:18px 20px;
  background:var(--wd-white);
  border:1px solid var(--wd-platinum-200);border-radius:6px;
  box-shadow:var(--wd-shadow-card);
}
:is(.single-post-main .content,.wd-article) .wd-supervisor__title{
  display:flex;align-items:center;gap:8px;
  margin:0 0 12px;color:var(--wd-muted-600);
  font-size:13px;font-weight:700;letter-spacing:.08em;
}
:is(.single-post-main .content,.wd-article) .wd-supervisor__title::after{content:"";flex:1;height:1px;background:var(--wd-grad-sheen)}
:is(.single-post-main .content,.wd-article) .wd-supervisor__inner{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start}
:is(.single-post-main .content,.wd-article) .wd-supervisor__photo{
  width:72px;height:72px;border-radius:50%;object-fit:cover;
  border:2px solid var(--wd-platinum-200);background:var(--wd-mist-100);
}
:is(.single-post-main .content,.wd-article) .wd-supervisor__role{margin:0;color:var(--wd-muted-600);font-size:12px;line-height:1.5}
:is(.single-post-main .content,.wd-article) .wd-supervisor__name{margin:0;color:var(--wd-ink-900);font-size:17px;font-weight:700;line-height:1.5}
:is(.single-post-main .content,.wd-article) .wd-supervisor__kana{margin-left:8px;color:var(--wd-muted-600);font-size:12px;font-weight:400}
:is(.single-post-main .content,.wd-article) .wd-supervisor__bio{margin:6px 0 0;font-size:14px;line-height:1.75;color:var(--wd-text-700)}
:is(.single-post-main .content,.wd-article) .wd-supervisor__link{
  display:inline-block;margin-top:6px;color:var(--wd-blue-700);
  font-size:13px;font-weight:700;text-decoration:none;
}
:is(.single-post-main .content,.wd-article) .wd-supervisor__link::after{content:" →"}

:is(.single-post-main .content,.wd-article) .wd-comment{display:grid;grid-template-columns:64px 1fr;gap:16px;margin:28px 0;align-items:start}
:is(.single-post-main .content,.wd-article) .wd-comment__who{text-align:center}
:is(.single-post-main .content,.wd-article) .wd-comment__photo{
  width:64px;height:64px;border-radius:50%;object-fit:cover;
  border:2px solid var(--wd-platinum-200);background:var(--wd-mist-100);display:block;
}
:is(.single-post-main .content,.wd-article) .wd-comment__name{display:block;margin-top:4px;color:var(--wd-muted-600);font-size:11px;line-height:1.4}
:is(.single-post-main .content,.wd-article) .wd-comment__bubble{
  position:relative;padding:14px 18px;
  background:var(--wd-mist-100);border-radius:12px;
  color:var(--wd-text-700);font-size:15px;line-height:1.8;
}
:is(.single-post-main .content,.wd-article) .wd-comment__bubble::before{
  content:"";position:absolute;left:-8px;top:22px;
  border-style:solid;border-width:8px 10px 8px 0;
  border-color:transparent var(--wd-mist-100) transparent transparent;
}
:is(.single-post-main .content,.wd-article) .wd-comment__bubble p{margin:0}
:is(.single-post-main .content,.wd-article) .wd-comment--expert .wd-comment__bubble{background:var(--wd-sky-50)}
:is(.single-post-main .content,.wd-article) .wd-comment--expert .wd-comment__bubble::before{border-right-color:var(--wd-sky-50)}

:is(.single-post-main .content,.wd-article) .wd-quote{
  position:relative;margin:28px 0;padding:20px 24px 16px 56px;
  background:var(--wd-white-cool);border-radius:6px;
  color:var(--wd-text-700);font-size:15px;line-height:1.85;
}
:is(.single-post-main .content,.wd-article) .wd-quote::before{
  content:"\201C";position:absolute;left:16px;top:4px;
  color:var(--wd-silver-400);font-family:Georgia,serif;font-size:48px;line-height:1;
}
:is(.single-post-main .content,.wd-article) .wd-quote p{margin:0}
:is(.single-post-main .content,.wd-article) .wd-quote cite{
  display:block;margin-top:10px;color:var(--wd-muted-600);
  font-size:13px;font-style:normal;
}
:is(.single-post-main .content,.wd-article) .wd-quote cite a{color:var(--wd-blue-700)}

/* --------------------------------------------------------------------------
   07. 導線（CTA／関連記事）
   -------------------------------------------------------------------------- */
:is(.single-post-main .content,.wd-article) .wd-cta-card{
  position:relative;margin:36px 0;padding:24px 24px 22px;
  background:var(--wd-white);
  border:1px solid var(--wd-platinum-200);border-radius:12px;
  box-shadow:var(--wd-shadow-card);overflow:hidden;
}
:is(.single-post-main .content,.wd-article) .wd-cta-card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--wd-grad-metal)}
:is(.single-post-main .content,.wd-article) .wd-cta-card__eyebrow{
  display:inline-block;margin:4px 0 8px;padding:0 10px;border-radius:2px;
  background:var(--wd-sky-50);color:var(--wd-blue-800);
  font-size:12px;font-weight:700;line-height:24px;letter-spacing:.06em;
}
:is(.single-post-main .content,.wd-article) .wd-cta-card__title{margin:0 0 10px;color:var(--wd-ink-900);font-size:19px;font-weight:700;line-height:1.5}
:is(.single-post-main .content,.wd-article) .wd-cta-card .wd-check{margin-bottom:16px;font-size:15px}
:is(.single-post-main .content,.wd-article) .wd-cta-card .wd-cta{margin:0}

:is(.single-post-main .content,.wd-article) .wd-cta{margin:40px 0 8px;text-align:center}
:is(.single-post-main .content,.wd-article) .wd-cta__micro{
  margin:0 0 8px;color:var(--wd-muted-600);
  font-size:13px;font-weight:700;letter-spacing:.04em;
}
:is(.single-post-main .content,.wd-article) .wd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:100%;max-width:480px;min-height:56px;padding:12px 28px;
  background:var(--wd-blue-700);color:var(--wd-white) !important;
  border-radius:999px;box-shadow:var(--wd-shadow-cta);
  font-size:16px;font-weight:700;line-height:1.4;text-decoration:none !important;
  transition:background .2s ease,transform .2s ease;
  box-sizing:border-box;
}
:is(.single-post-main .content,.wd-article) .wd-btn::after{
  content:"";width:8px;height:8px;
  border-top:2px solid currentColor;border-right:2px solid currentColor;
  transform:rotate(45deg);
}
:is(.single-post-main .content,.wd-article) .wd-btn:hover{background:var(--wd-blue-800);transform:translateY(-1px)}
:is(.single-post-main .content,.wd-article) .wd-btn:focus-visible{outline:3px solid var(--wd-gunmetal-800);outline-offset:3px}

:is(.single-post-main .content,.wd-article) .wd-related{
  display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:center;
  margin:28px 0;padding:20px 12px 12px;
  background:var(--wd-white);border:1px solid var(--wd-platinum-200);border-radius:6px;
  text-decoration:none !important;position:relative;
}
:is(.single-post-main .content,.wd-article) .wd-related__label{
  position:absolute;top:-11px;left:12px;padding:0 8px;border-radius:2px;
  background:var(--wd-steel-600);color:var(--wd-white);
  font-size:12px;font-weight:700;line-height:22px;
}
:is(.single-post-main .content,.wd-article) .wd-related__thumb{width:128px;aspect-ratio:1200/630;object-fit:cover;border-radius:4px;background:var(--wd-mist-100)}
:is(.single-post-main .content,.wd-article) .wd-related__title{color:var(--wd-ink-900);font-size:15px;font-weight:700;line-height:1.6}
:is(.single-post-main .content,.wd-article) .wd-related:hover .wd-related__title{color:var(--wd-blue-700);text-decoration:underline}

/* --------------------------------------------------------------------------
   08. FAQ（開閉しない：本文として常時表示）
   -------------------------------------------------------------------------- */
:is(.single-post-main .content,.wd-article) .wd-faq{margin:0 0 20px;border:1px solid var(--wd-platinum-200);border-radius:6px;overflow:hidden}
:is(.single-post-main .content,.wd-article) .wd-faq__q,
:is(.single-post-main .content,.wd-article) .wd-faq__a{position:relative;margin:0;padding:14px 18px 14px 58px;line-height:1.75}
:is(.single-post-main .content,.wd-article) .wd-faq__q{background:var(--wd-white-cool);color:var(--wd-ink-900);font-size:16px;font-weight:700}
:is(.single-post-main .content,.wd-article) .wd-faq__a p{margin:0}
:is(.single-post-main .content,.wd-article) .wd-faq__a{background:var(--wd-white);color:var(--wd-text-700);font-size:15px;border-top:1px solid var(--wd-platinum-200)}
:is(.single-post-main .content,.wd-article) .wd-faq__q::before,
:is(.single-post-main .content,.wd-article) .wd-faq__a::before{
  position:absolute;left:16px;top:13px;
  width:28px;height:28px;border-radius:50%;
  font-family:var(--wd-font-display);font-size:15px;font-weight:700;line-height:28px;text-align:center;
}
:is(.single-post-main .content,.wd-article) .wd-faq__q::before{content:"Q";background:var(--wd-gunmetal-800);color:var(--wd-white)}
:is(.single-post-main .content,.wd-article) .wd-faq__a::before{content:"A";background:var(--wd-sky-100);color:var(--wd-blue-800)}

/* --------------------------------------------------------------------------
   09. 画像・図解
   -------------------------------------------------------------------------- */
:is(.single-post-main .content,.wd-article) .wd-figure{margin:24px 0 32px}
:is(.single-post-main .content,.wd-article) .wd-figure img{display:block;width:100%;height:auto;border:1px solid var(--wd-platinum-200);border-radius:6px}
:is(.single-post-main .content,.wd-article) .wd-figure figcaption,
:is(.single-post-main .content,.wd-article) .wd-caption{
  margin-top:8px;color:var(--wd-muted-600);
  font-size:13px;line-height:1.6;text-align:center;
}
:is(.single-post-main .content,.wd-article) .wd-figure figcaption::before,
:is(.single-post-main .content,.wd-article) .wd-caption::before{content:"▲ "}

/* --------------------------------------------------------------------------
   10. スマートフォン
   -------------------------------------------------------------------------- */
@media (max-width:599px){
  .single-post-main .content,
.wd-article{font-size:15.5px;line-height:1.85}
  .single-post-main .content h2,
.wd-h2{margin:48px -4px 20px;padding:12px 14px;font-size:19px}
  .single-post-main .content h3,
.wd-h3{margin:40px 0 16px;font-size:17px}
  .single-post-main .content h4,
.wd-h4{font-size:16px}
  :is(.single-post-main .content,.wd-article) .wd-box{padding:26px 16px 16px}
  :is(.single-post-main .content,.wd-article) .wd-summary__body,
:is(.single-post-main .content,.wd-article) .wd-section-nav{padding-left:16px;padding-right:16px}
  :is(.single-post-main .content,.wd-article) .wd-cta-card{padding:22px 16px 18px}
  :is(.single-post-main .content,.wd-article) .wd-related{grid-template-columns:96px 1fr}
  :is(.single-post-main .content,.wd-article) .wd-related__thumb{width:96px}
  :is(.single-post-main .content,.wd-article) .wd-supervisor__inner{grid-template-columns:56px 1fr;gap:12px}
  :is(.single-post-main .content,.wd-article) .wd-supervisor__photo{width:56px;height:56px}
}