/* ==========================================================
   AWARA TIMES
   健康・福祉3ガイド 共通TOP CSS

   File: awt-health-welfare-home.css
   Version: 1.4
   Date: 2026-10-09

   対象：
   ・健康・医療
   ・高齢者・介護
   ・障がい・福祉

   設計方針：
   ・3ガイド共通UI
   ・ガイド別カラーはCSS変数で管理
   ・SWELL標準H1を利用
   ・最大幅1180px
   ・モバイルファースト
   ・HTMLクラス名 awt-hw-home__ に統一
   ・他ガイドへ影響させない
   ・ブログパーツ内部は専用CSSで管理

   v1.2：
   ・ルート3クラスで共通TOPの適用範囲を限定
   ・HEROのコピー折り返しと余白を調整
   ・1024px幅まで目的・テーマカードを2列化
   ・共通CSSの見出し装飾とリンク文字色の競合を解消

   v1.1：
   ・現行HTMLとのクラス名不一致を修正
   ・HEROレイアウト整理
   ・目的別カード3列
   ・相談カード2列
   ・テーマカード3列
   ・関連ガイド3列
   ・スマホ表示調整
   ・SWELL見出し装飾との競合対策
========================================================== */


/* ==========================================================
   01. ROOT / VARIABLES
========================================================== */

/* 健康・医療TOP：ページタイトルを非表示にし、HEROを上へ詰める。 */
body:has(.awt-page.awt-health-welfare.awt-hw-home) .c-pageTitle {
  display: none;
}

body:has(.awt-page.awt-health-welfare.awt-hw-home) #main_content > .l-mainContent__inner > .post_content {
  margin-top: 0;
}

body:has(.awt-page.awt-health-welfare.awt-hw-home) #content {
  padding-top: 28px;
}

.awt-page.awt-health-welfare.awt-hw-home {

  /* 健康・医療の基本色 */
  --hw-home-primary: #A5533F;
  --hw-home-hover: #85402F;
  --hw-home-soft: #F6EAE5;

  /* 共通背景 */
  --hw-home-bg: #FAF8F4;
  --hw-home-surface: #FFFFFF;

  /* 文字 */
  --hw-home-text: #30343A;
  --hw-home-muted: #62676D;

  /* 枠線 */
  --hw-home-border: #DDD8D1;

  /* レイアウト */
  --hw-home-width: 1180px;
  --hw-home-radius: 12px;
  --hw-home-radius-lg: 18px;

  width: 100%;
  max-width: var(--hw-home-width);

  margin: 0 auto;
  padding: 0;

  color: var(--hw-home-text);

  font-size: 18px;
  line-height: 1.8;

  overflow-wrap: break-word;
}


/* 健康・医療 */

.awt-page.awt-health-welfare.awt-hw-home.awt-health {

  --hw-home-primary: #A5533F;
  --hw-home-hover: #85402F;
  --hw-home-soft: #F6EAE5;

}


/* 高齢者・介護 */

.awt-page.awt-health-welfare.awt-hw-home.awt-elderly {

  --hw-home-primary: #916A31;
  --hw-home-hover: #735222;
  --hw-home-soft: #F6F0E5;

}


/* 障がい・福祉 */

.awt-page.awt-health-welfare.awt-hw-home.awt-welfare {

  --hw-home-primary: #506F5C;
  --hw-home-hover: #3C5847;
  --hw-home-soft: #EAF1EB;

}


/* ==========================================================
   02. BASE / RESET
========================================================== */

.awt-page.awt-health-welfare.awt-hw-home,
.awt-page.awt-health-welfare.awt-hw-home *,
.awt-page.awt-health-welfare.awt-hw-home *::before,
.awt-page.awt-health-welfare.awt-hw-home *::after {

  box-sizing: border-box;

}


/* 画像 */

.awt-page.awt-health-welfare.awt-hw-home img {

  display: block;
  max-width: 100%;

}


/* リンクのフォーカス */

.awt-page.awt-health-welfare.awt-hw-home a:focus-visible {

  outline: 3px solid var(--hw-home-primary);
  outline-offset: 4px;

}


/* ガイド内リンクの基本設定 */

.awt-page.awt-health-welfare.awt-hw-home a {

  text-underline-offset: 3px;

}


/* SWELL標準見出し装飾との競合対策 */

.awt-page.awt-health-welfare.awt-hw-home :is(
  .awt-hw-home__section-heading h2,
  .awt-hw-home__purpose-card h3,
  .awt-hw-home__consultation-card h3,
  .awt-hw-home__topic-card h3,
  .awt-hw-home__guide-card h3
) {

  margin: 0;
  /* awt-base.css の見出し装飾は !important のため、この範囲のみ解除。 */
  padding: 0 !important;
  border: 0 !important;
  color: var(--hw-home-text) !important;
  box-shadow: none;
  background: transparent;

}


.awt-page.awt-health-welfare.awt-hw-home :is(
  .awt-hw-home__section-heading h2,
  .awt-hw-home__purpose-card h3,
  .awt-hw-home__consultation-card h3,
  .awt-hw-home__topic-card h3,
  .awt-hw-home__guide-card h3
)::before,
.awt-page.awt-health-welfare.awt-hw-home :is(
  .awt-hw-home__section-heading h2,
  .awt-hw-home__purpose-card h3,
  .awt-hw-home__consultation-card h3,
  .awt-hw-home__topic-card h3,
  .awt-hw-home__guide-card h3
)::after {

  content: none;
  display: none;

}


/* ==========================================================
   03. HERO
========================================================== */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero {

  position: relative;
  overflow: hidden;

  margin: 0 0 64px;

  background: var(--hw-home-soft);

  border: 1px solid var(--hw-home-border);
  border-radius: var(--hw-home-radius-lg);

}


/* HERO全体 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-inner {

  display: grid;

  grid-template-columns:
    minmax(0, 0.98fr)
    minmax(0, 1.02fr);

  min-height: 390px;

  align-items: stretch;

}


/* HERO文章 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-content {

  display: flex;
  flex-direction: column;

  justify-content: center;
  align-items: flex-start;

  min-width: 0;

  padding: 36px 32px;

}


/* 英語ラベル */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__eyebrow {

  margin: 0 0 16px;

  color: var(--hw-home-primary);

  font-size: 13px;
  font-weight: 700;

  letter-spacing: .12em;
  line-height: 1.5;

}


/* HEROメインコピー */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-title {

  margin: 0 0 20px;
  padding: 0;

  color: var(--hw-home-text);

  font-size: clamp(27px, 2.4vw, 32px);
  font-weight: 700;

  line-height: 1.55;
  letter-spacing: .025em;

}


/* HEROリード */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-lead {

  max-width: 520px;

  margin: 0 0 26px;

  color: var(--hw-home-text);

  font-size: 16px;
  line-height: 1.9;

}


/* HEROボタン */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__hero-button {

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 14px;

  width: fit-content;
  max-width: 100%;

  min-height: 54px;

  margin: 0;
  padding: 12px 26px;

  color: #FFFFFF;
  background: var(--hw-home-primary);

  border: 2px solid var(--hw-home-primary);
  border-radius: 9px;

  font-size: 16px;
  font-weight: 700;

  line-height: 1.5;
  text-align: center;
  text-decoration: none;

  transition:
    background-color .2s ease,
    border-color .2s ease;

}


.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__hero-button:hover {

  color: #FFFFFF;

  background: var(--hw-home-hover);
  border-color: var(--hw-home-hover);

}


/* HERO画像エリア */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-visual {

  position: relative;

  min-width: 0;
  min-height: 390px;

  margin: 0;

  overflow: hidden;

  background: #EFE8DF;

}


/* HERO画像 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-visual img {

  position: absolute;

  inset: 0;

  display: block;

  width: 100%;
  max-width: none;
  height: 100%;

  object-fit: cover;
  object-position: center;

}


/* AI画像注記 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__image-note {

  position: absolute;

  right: 12px;
  bottom: 12px;

  z-index: 1;

  margin: 0;
  padding: 4px 9px;

  color: #30343A;
  background: rgba(255, 255, 255, .9);

  border-radius: 4px;

  font-size: 11px;
  line-height: 1.5;

}


/* ==========================================================
   04. COMMON SECTION
========================================================== */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section {

  width: 100%;

  margin: 0 0 72px;

}


/* セクション見出し */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section-heading {

  margin: 0 0 28px;

}


/* 英語のセクションラベル */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section-label {

  margin: 0 0 7px;

  color: var(--hw-home-primary);

  font-size: 13px;
  font-weight: 700;

  line-height: 1.5;
  letter-spacing: .12em;

}


/* H2 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section-heading h2 {

  margin: 0 0 12px;
  padding: 0;

  color: var(--hw-home-text);

  font-size: 30px;
  font-weight: 700;

  line-height: 1.5;

  border: 0;
  background: transparent;

}


/* セクション説明 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section-heading > p:not(.awt-hw-home__section-label) {

  margin: 0;

  color: var(--hw-home-muted);

  font-size: 16px;
  line-height: 1.8;

}


/* ==========================================================
   05. PURPOSE CARDS
   まず、何をしたいですか？
========================================================== */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__purpose-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 18px;

  align-items: stretch;

}


/* 画像付きの目的カード */
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__purpose-image { display: block; width: 100%; max-width: 150px; margin: 0 auto 18px; }
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__purpose-image img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; }
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section-number { display: inline-block; margin-right: 12px; color: var(--hw-home-primary); }
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-help { margin: 20px 0 32px; padding: 20px 24px; background: var(--hw-home-soft); border-radius: var(--hw-home-radius); }
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-help p { margin: 0; }

/* 目的別カード */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card {

  display: flex;
  flex-direction: column;

  min-width: 0;
  min-height: 235px;

  padding: 25px 25px 22px;

  color: var(--hw-home-text);
  background: var(--hw-home-surface);

  border: 1px solid var(--hw-home-border);
  border-radius: var(--hw-home-radius);

  text-decoration: none;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;

}


/* Hover */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card:hover {

  color: var(--hw-home-text);

  background: var(--hw-home-soft);
  border-color: var(--hw-home-primary);

  box-shadow: 0 5px 18px rgba(30, 25, 20, .06);

}


/* 番号 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__card-number {

  display: inline-flex;

  justify-content: center;
  align-items: center;

  align-self: flex-start;

  min-width: 38px;
  min-height: 30px;

  margin: 0 0 15px;
  padding: 2px 8px;

  color: var(--hw-home-primary);
  background: var(--hw-home-soft);

  border-radius: 5px;

  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;

}


/* カード本文 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__card-content {

  flex: 1 1 auto;

  min-width: 0;

}


/* カードタイトル */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card h3 {

  margin: 0 0 12px;

  color: var(--hw-home-text);

  font-size: 20px;
  font-weight: 700;

  line-height: 1.55;

}


/* カード説明 */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card p {

  margin: 0;

  color: var(--hw-home-muted);

  font-size: 15px;
  line-height: 1.75;

}


/* カード下部 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__card-link {

  display: flex;

  justify-content: space-between;
  align-items: center;

  gap: 10px;

  width: 100%;

  margin: 18px 0 0;
  padding-top: 14px;

  color: var(--hw-home-primary);

  border-top: 1px solid var(--hw-home-border);

  font-size: 14px;
  font-weight: 700;

  line-height: 1.5;

}


/* 矢印 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__card-link > span {

  flex-shrink: 0;

  font-size: 20px;
  line-height: 1;

}


/* ==========================================================
   06. CONSULTATION
   困ったとき・相談したいとき
========================================================== */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation {

  padding: 38px;

  background: var(--hw-home-bg);

  border: 1px solid var(--hw-home-border);
  border-radius: var(--hw-home-radius-lg);

}


/* 相談カード一覧 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;

  align-items: stretch;

}


/* 相談カード */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card {

  display: flex;
  flex-direction: column;

  min-width: 0;
  min-height: 265px;

  padding: 26px;

  background: #FFFFFF;

  border: 1px solid var(--hw-home-border);
  border-radius: var(--hw-home-radius);

}


/* 緊急カード */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card--urgent {

  background: #FFF8F5;

  border-color: #D7A99D;
  border-top: 4px solid #A53E35;

}


/* 相談ラベル */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-label {

  margin: 0 0 12px;

  color: var(--hw-home-primary);

  font-size: 13px;
  font-weight: 700;

  letter-spacing: .04em;
  line-height: 1.5;

}


/* 緊急ラベル */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card--urgent
.awt-hw-home__consultation-label {

  color: #94372F;

}


/* 相談タイトル */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card h3 {

  margin: 0 0 14px;

  color: var(--hw-home-text);

  font-size: 21px;
  font-weight: 700;

  line-height: 1.5;

}


/* 相談本文 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card > p:not(
  .awt-hw-home__consultation-label
):not(
  .awt-hw-home__consultation-phone
):not(
  .awt-hw-home__consultation-meta
):not(
  .awt-hw-home__consultation-office
) {

  margin: 0 0 14px;

  color: var(--hw-home-text);

  font-size: 16px;
  line-height: 1.8;

}


/* 担当窓口 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-office {

  margin: 6px 0 8px;

  color: var(--hw-home-text);

  font-size: 15px;
  font-weight: 700;

  line-height: 1.6;

}


/* 電話番号 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-phone {

  margin: 4px 0 6px;

  color: var(--hw-home-primary);

  font-size: clamp(22px, 2.5vw, 29px);
  font-weight: 700;

  line-height: 1.4;

}


/* 電話リンク */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-phone a {

  color: var(--hw-home-primary);

  text-decoration: underline;
  text-underline-offset: 4px;

}


/* 電話相談の補足 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-meta {

  margin: 0 0 14px;

  color: var(--hw-home-muted);

  font-size: 13px;
  line-height: 1.6;

}


/* イラスト・窓口情報を含む相談カード */
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-image { width: 100%; max-width: 280px; margin: auto auto 0; }
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-info { margin: 16px 0; font-size: 16px; }
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-info > div { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--hw-home-border); }
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-info dt { font-weight: 700; }
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-info dd { margin: 0; }
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-actions { display: grid; gap: 12px; margin-top: auto; }
.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__button { display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 16px; border: 2px solid var(--hw-home-primary); border-radius: 9px; background: var(--hw-home-primary); color: #fff; font-size: 16px; font-weight: 700; line-height: 1.5; text-decoration: none; }
.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__button--outline { background: #fff; color: var(--hw-home-primary); }
.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__button:hover { background: var(--hw-home-hover); border-color: var(--hw-home-hover); color: #fff; }

/* 相談ボタン */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__consultation-button {

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  width: 100%;
  min-height: 52px;

  margin: auto 0 0;
  padding: 12px 16px;

  color: #FFFFFF;
  background: var(--hw-home-primary);

  border: 2px solid var(--hw-home-primary);
  border-radius: 9px;

  font-size: 15px;
  font-weight: 700;

  line-height: 1.5;
  text-decoration: none;

}


/* ボタンHover */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__consultation-button:hover {

  color: #FFFFFF;

  background: var(--hw-home-hover);
  border-color: var(--hw-home-hover);

}


/* ボタン矢印 */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__consultation-button > span {

  flex-shrink: 0;

  font-size: 19px;
  line-height: 1;

}


/* 緊急カードボタン */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card--urgent
.awt-hw-home__consultation-button {

  color: #FFFFFF;

  background: #94372F;
  border-color: #94372F;

}


.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card--urgent
.awt-hw-home__consultation-button:hover {

  background: #76271F;
  border-color: #76271F;

}


/* 相談に関する注意 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-note {

  margin: 24px 0 0;
  padding: 21px 24px;

  background: #FFFFFF;

  border: 1px solid var(--hw-home-border);
  border-radius: 10px;

}


/* 注意文章 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-note p {

  margin: 0 0 12px;

  color: var(--hw-home-muted);

  font-size: 14px;
  line-height: 1.8;

}


.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-note p:last-child {

  margin-bottom: 0;

}


/* 注意内の強調 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-note strong {

  color: var(--hw-home-text);

  font-weight: 700;

}


/* 注意内リンク */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-note a {

  color: var(--hw-home-primary);

  font-weight: 700;
  text-decoration: underline;

}


/* ==========================================================
   07. TOPICS
   テーマから探す
========================================================== */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__topics-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 16px;

  align-items: stretch;

}


/* テーマカード */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card {

  display: flex;
  flex-direction: column;

  min-width: 0;
  min-height: 185px;

  padding: 25px;

  color: var(--hw-home-text);
  background: #FFFFFF;

  border: 1px solid var(--hw-home-border);
  border-radius: var(--hw-home-radius);

  text-decoration: none;

  transition:
    background-color .2s ease,
    border-color .2s ease;

}


/* Hover */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card:hover {

  color: var(--hw-home-text);

  background: var(--hw-home-soft);
  border-color: var(--hw-home-primary);

}


/* テーマタイトル */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card h3 {

  margin: 0 0 11px;

  color: var(--hw-home-text);

  font-size: 19px;
  font-weight: 700;

  line-height: 1.5;

}


/* テーマ説明 */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card p {

  flex: 1 1 auto;

  margin: 0 0 15px;

  color: var(--hw-home-muted);

  font-size: 15px;
  line-height: 1.75;

}


/* テーマリンク */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__topic-link {

  display: block;

  margin-top: auto;

  color: var(--hw-home-primary);

  font-size: 14px;
  font-weight: 700;

  line-height: 1.6;

}


/* ==========================================================
   08. RELATED GUIDES
   関連するガイド
========================================================== */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__guides-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 18px;

  align-items: stretch;

}


/* ガイドカード */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__guide-card {

  display: flex;
  flex-direction: column;

  min-width: 0;
  min-height: 210px;

  padding: 28px;

  color: var(--hw-home-text);

  background: var(--hw-home-bg);

  border: 1px solid var(--hw-home-border);
  border-radius: var(--hw-home-radius);

  text-decoration: none;

  transition:
    background-color .2s ease,
    border-color .2s ease;

}


/* Hover */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__guide-card:hover {

  color: var(--hw-home-text);

  background: var(--hw-home-soft);
  border-color: var(--hw-home-primary);

}


/* 英語カテゴリー */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__guide-category {

  display: block;

  margin: 0 0 12px;

  color: var(--hw-home-primary);

  font-size: 12px;
  font-weight: 700;

  letter-spacing: .08em;
  line-height: 1.5;

}


/* ガイド名 */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__guide-card h3 {

  margin: 0 0 12px;

  color: var(--hw-home-text);

  font-size: 23px;
  font-weight: 700;

  line-height: 1.5;

}


/* ガイド説明 */

.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__guide-card p {

  flex: 1 1 auto;

  margin: 0 0 17px;

  color: var(--hw-home-muted);

  font-size: 15px;
  line-height: 1.75;

}


/* ガイドリンク */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__guide-link {

  display: block;

  margin-top: auto;

  color: var(--hw-home-primary);

  font-size: 14px;
  font-weight: 700;

  line-height: 1.6;

}


/* ==========================================================
   09. BLOG PARTS AREA
   最新情報・広告・LINE
========================================================== */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__updates {

  margin-top: 0;

}


/* ブログパーツの外側 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__blog-parts {

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;

  overflow-wrap: break-word;

}


/*
   ブログパーツ3968の内部デザインは
   awt-health-welfare-parts.cssで管理。

   このCSSでは以下を変更しない。

   ・PICK UP記事表示
   ・NEW記事表示
   ・広告エリア
   ・LINEエリア
   ・記事抽出処理

   二重管理を防止する。
*/


/* ==========================================================
   10. OFFICIAL NOTE
   公式情報・注意事項
========================================================== */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__official-note {

  margin: 0 0 45px;
  padding: 24px 28px;

  background: var(--hw-home-bg);

  border: 1px solid var(--hw-home-border);
  border-radius: var(--hw-home-radius);

}


/* 公式リンクと問い合わせ先：既存カードのコンパクト表示 */
.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card.awt-hw-home__topic-card--compact {
  min-height: 0;
  padding: 18px 20px;
  text-decoration: none;
}
.awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card.awt-hw-home__topic-card--compact p {
  margin-bottom: 0;
}
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__contact-grid {
  margin-bottom: 32px;
}
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__contact-grid .awt-hw-home__consultation-card {
  min-height: 0;
}
.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__contact-grid .awt-hw-home__consultation-card h3 {
  font-size: clamp(20px, 2vw, 24px);
  line-height: 1.5;
}

/* 文章 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__official-note p {

  margin: 0 0 14px;

  color: var(--hw-home-muted);

  font-size: 14px;
  line-height: 1.85;

}


.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__official-note p:last-child {

  margin-bottom: 0;

}


/* 強調 */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__official-note strong {

  color: var(--hw-home-text);
  font-weight: 700;

}


/* 公式情報リンク */

.awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__official-note a {

  color: var(--hw-home-primary);

  font-size: 14px;
  font-weight: 700;

  text-decoration: underline;

}


/* ==========================================================
   11. TABLET
   1024px以下
========================================================== */

@media (max-width: 1024px) {

  /* HERO */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-inner {

    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);

    min-height: 350px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-content {

    padding: 32px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-visual {

    min-height: 350px;

  }


  /* 目的別カード */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__purpose-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }


  /* テーマカード */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__topics-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }


  /* 関連ガイド */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__guides-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}


/* ==========================================================
   12. MOBILE
   767px以下
========================================================== */

@media (max-width: 767px) {

  /* --------------------------------
     BASE
  -------------------------------- */

  .awt-page.awt-health-welfare.awt-hw-home {

    font-size: 17px;
    line-height: 1.85;

  }


  /* --------------------------------
     HERO
  -------------------------------- */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero {

    margin-bottom: 44px;

    border-radius: 12px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-inner {

    grid-template-columns: minmax(0, 1fr);

    min-height: 0;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-content {

    padding: 28px 24px 26px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__eyebrow {

    margin-bottom: 12px;

    font-size: 11px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-title {

    margin-bottom: 14px;

    font-size: clamp(24px, 5vw, 29px);

    line-height: 1.5;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-lead {

    margin-bottom: 21px;

    font-size: 15px;
    line-height: 1.85;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__hero-button {

    width: 100%;

    min-height: 52px;

    font-size: 15px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-visual {

    height: 205px;
    min-height: 0;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__image-note {

    right: 8px;
    bottom: 8px;

    font-size: 10px;

  }


  /* --------------------------------
     COMMON SECTION
  -------------------------------- */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section {

    margin-bottom: 52px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section-heading {

    margin-bottom: 21px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section-label {

    font-size: 11px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section-heading h2 {

    font-size: 24px;
    line-height: 1.45;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__section-heading > p:not(
    .awt-hw-home__section-label
  ) {

    font-size: 15px;

  }


  /* --------------------------------
     PURPOSE CARDS
  -------------------------------- */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__purpose-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 11px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card {

    min-height: 205px;

    padding: 18px 15px;

    border-radius: 10px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__card-number {

    min-width: 31px;
    min-height: 26px;

    margin-bottom: 12px;

    font-size: 12px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card h3 {

    margin-bottom: 9px;

    font-size: 16px;
    line-height: 1.5;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card p {

    font-size: 13px;
    line-height: 1.7;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__card-link {

    margin-top: 12px;
    padding-top: 11px;

    font-size: 12px;

  }


  /* --------------------------------
     CONSULTATION
  -------------------------------- */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation {

    padding: 24px 17px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-grid {

    grid-template-columns: minmax(0, 1fr);

    gap: 13px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card {

    min-height: 0;

    padding: 22px 19px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card h3 {

    font-size: 19px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card > p:not(
    .awt-hw-home__consultation-label
  ):not(
    .awt-hw-home__consultation-phone
  ):not(
    .awt-hw-home__consultation-meta
  ):not(
    .awt-hw-home__consultation-office
  ) {

    font-size: 15px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-phone {

    font-size: 25px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__consultation-button {

    min-height: 52px;

    font-size: 14px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-note {

    margin-top: 18px;
    padding: 18px;

  }


  /* --------------------------------
     TOPICS
  -------------------------------- */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__topics-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 11px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card {

    min-height: 160px;

    padding: 18px 15px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card h3 {

    font-size: 16px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card p {

    font-size: 13px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__topic-link {

    font-size: 12px;

  }


  /* --------------------------------
     RELATED GUIDES
  -------------------------------- */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__guides-grid {

    grid-template-columns: minmax(0, 1fr);

    gap: 12px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__guide-card {

    min-height: 0;

    padding: 24px 21px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__guide-card h3 {

    font-size: 21px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__guide-card p {

    font-size: 14px;

  }


  /* --------------------------------
     BLOG PARTS
  -------------------------------- */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__blog-parts {

    margin: 0;

  }


  /* --------------------------------
     OFFICIAL NOTE
  -------------------------------- */

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__official-note {

    margin-bottom: 30px;

    padding: 21px 19px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__official-note p {

    font-size: 13px;

  }

}


/* ==========================================================
   13. SMALL MOBILE
   390px以下
========================================================== */

@media (max-width: 390px) {

  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-content {

    padding: 24px 19px;

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__hero-title {

    font-size: clamp(20px, 5.5vw, 22px);

  }


  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__purpose-grid,
  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__topics-grid {

    gap: 9px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card {

    padding: 15px 12px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card h3 {

    font-size: 15px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card p {

    font-size: 12px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card {

    padding: 16px 12px;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card h3 {

    font-size: 15px;

  }

}


/* ==========================================================
   14. PRINT
========================================================== */

@media print {

  .awt-page.awt-health-welfare.awt-hw-home {

    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card,
  .awt-page.awt-health-welfare.awt-hw-home .awt-hw-home__consultation-card,
  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card,
  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__guide-card {

    break-inside: avoid;

  }


  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__hero-button,
  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__consultation-button {

    box-shadow: none;

  }

}


/* ==========================================================
   15. REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__hero-button,
  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__purpose-card,
  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__topic-card,
  .awt-page.awt-health-welfare.awt-hw-home a.awt-hw-home__guide-card {

    transition: none;

  }

}


/* ==========================================================
   END
   awt-health-welfare-home.css
   Version 1.3
========================================================== */
/* ==========================================
   AWT HEALTH & WELFARE HUB
   健康・福祉 中間案内ページ
   適用範囲: .awt-hw-hub
========================================== */

.awt-page.awt-hw-hub {
  --hw-ink: #102a3a;
  --hw-border: #e5ebef;

  --hw-health: #ed7580;
  --hw-health-bg: #fde9ec;

  --hw-elderly: #5aa55c;
  --hw-elderly-bg: #eaf7e9;

  --hw-welfare: #338fd0;
  --hw-welfare-bg: #e6f4fd;

  width: min(calc(100% - 32px), 1180px);
  max-width: 1180px;
  margin-inline: auto;

  color: var(--hw-ink);
  font-size: 18px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.awt-hw-hub *,
.awt-hw-hub *::before,
.awt-hw-hub *::after {
  box-sizing: border-box;
}

.awt-hw-hub img {
  display: block;
  max-width: 100%;
  height: auto;
}

.awt-hw-hub a {
  text-decoration: none;
  color: inherit;
}

.awt-hw-hub a:focus-visible {
  outline: 3px solid #176baa;
  outline-offset: 4px;
}

/* ------------------------------------------
   HERO
------------------------------------------ */

.awt-hw-hub__hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 260px;
  padding: 35px 42px;
  margin-bottom: 36px;

  border-radius: 20px;
  overflow: hidden;

  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .96) 0%,
      rgba(255, 255, 255, .90) 47%,
      rgba(255, 255, 255, .28) 100%
    ),
    url("https://awara-times.jp/wp-content/uploads/2026/09/awara-times-home-hero-townscape-scaled.jpg")
    center / cover no-repeat;
}

.awt-hw-hub__hero-content {
  position: relative;
  z-index: 1;
  max-width: 690px;
}

.awt-hw-hub__eyebrow {
  margin: 0 0 8px;
  color: #47778c;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.awt-hw-hub__hero-title {
  margin: 0 0 12px;
  font-size: clamp(1.55rem, 3vw, 2.45rem);
  font-weight: 800;
  letter-spacing: .025em;
  line-height: 1.55;
}

.awt-hw-hub__hero-lead {
  margin: 0 0 18px;
  font-size: .9rem;
}

.awt-hw-hub__hero-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;

  min-height: 46px;
  padding: 9px 22px;

  border-radius: 30px;
  background: #102a3a;
  color: #fff !important;
  font-size: .84rem;
  font-weight: 700;
}

/* ------------------------------------------
   SECTIONS
------------------------------------------ */

.awt-hw-hub__section {
  margin-bottom: 36px;
}

.awt-hw-hub__section-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-bottom: 18px;
}

.post_content .awt-hw-hub__section-heading h2 {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;

  color: var(--hw-ink);
  font-size: clamp(1.25rem, 2.2vw, 1.6rem);
  font-weight: 800;
}

.awt-hw-hub__section-heading p {
  margin: 0;
  font-size: .82rem;
  color: #536979;
}

/* ------------------------------------------
   3 GUIDE CARDS
------------------------------------------ */

.awt-hw-hub__guides {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.awt-hw-hub__guide {
  --guide-color: var(--hw-health);
  --guide-bg: var(--hw-health-bg);

  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 14px;

  border-radius: 15px;
  background: var(--guide-bg);
}

.awt-hw-hub__guide--elderly {
  --guide-color: var(--hw-elderly);
  --guide-bg: var(--hw-elderly-bg);
}

.awt-hw-hub__guide--welfare {
  --guide-color: var(--hw-welfare);
  --guide-bg: var(--hw-welfare-bg);
}

.awt-hw-hub__guide-head {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 150px;
  margin-bottom: 12px;
  overflow: hidden;
}

.awt-hw-hub__guide-heading {
  position: relative;
  z-index: 1;
  max-width: 65%;
}

.post_content .awt-hw-hub__guide-heading h3 {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;

  font-size: clamp(1.05rem, 1.65vw, 1.25rem);
  font-weight: 800;
  line-height: 1.4;
}

.awt-hw-hub__guide-heading p {
  margin: 0;
  font-size: .77rem;
  font-weight: 600;
  line-height: 1.7;
}

.awt-hw-hub__guide-head img {
  position: absolute;
  z-index: 0;
  right: -14px;
  bottom: -7px;

  width: 49%;
  height: 150px;
  object-fit: contain;

  mask-image: radial-gradient(
    ellipse 65% 58% at center,
    #000 58%,
    transparent 100%
  );
}

/* ------------------------------------------
   6 PURPOSE TILES IN EACH CARD
------------------------------------------ */

.awt-hw-hub__tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;

  padding: 0;
  margin: 0;
  list-style: none;
}

.awt-hw-hub__tiles li {
  min-width: 0;
  margin: 0;
  list-style: none;
}

.awt-hw-hub__tiles a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;

  min-height: 105px;
  height: 100%;
  padding: 10px 4px;

  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 10px;
  background: rgba(255, 255, 255, .9);

  text-align: center;
  font-size: .73rem;
  font-weight: 800;
  line-height: 1.5;

  transition: transform .2s, box-shadow .2s;
}

.awt-hw-hub__tile-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  border-radius: 50%;
  background: var(--guide-bg);
  font-size: 1.65rem;
  line-height: 1;
}

.awt-hw-hub__guide-button {
  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: 52px;
  margin-top: 13px;
  padding: 10px 16px;

  border-radius: 10px;
  background: var(--guide-color);
  color: #fff !important;

  font-size: .85rem;
  font-weight: 800;
}

/* ------------------------------------------
   CONSULTATION
------------------------------------------ */

.awt-hw-hub__consultation {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: center;

  padding: 18px;
  margin-bottom: 34px;

  border-radius: 15px;
  background: #fff7e8;
}

.post_content .awt-hw-hub__consult-intro h2 {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;

  color: #263b4c;
  font-size: 1.15rem;
  font-weight: 800;
}

.awt-hw-hub__consult-intro p {
  margin: 0;
  font-size: .76rem;
  line-height: 1.75;
}

.awt-hw-hub__consult-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.awt-hw-hub__consult-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;

  min-width: 0;
  min-height: 104px;
  padding: 10px;

  border: 1px solid #f2e7d4;
  border-radius: 12px;
  background: #fff;

  box-shadow: 0 2px 8px rgba(16, 42, 58, .04);
}

.awt-hw-hub__consult-card img {
  width: 70px;
  height: 70px;
  flex-shrink: 0;

  border-radius: 12px;
  object-fit: cover;
}

.awt-hw-hub__consult-card-title {
  flex: 1;
  min-width: 0;
  padding-right: 8px;

  font-size: .75rem;
  font-weight: 800;
  line-height: 1.65;
}

.awt-hw-hub__consult-arrow {
  position: absolute;
  right: 8px;
  bottom: 6px;

  font-size: 1.15rem;
  color: #687e90;
}

/* ------------------------------------------
   NEWS
------------------------------------------ */

.awt-hw-hub__news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.awt-hw-hub__news-panel {
  min-width: 0;
  padding: 18px;

  border: 1px solid var(--hw-border);
  border-radius: 15px;
  background: #fff;
}

.post_content .awt-hw-hub__news-heading {
  margin: 0 0 16px;
  padding: 0 0 10px;

  border: 0;
  border-bottom: 2px solid currentColor;
  background: transparent;
  box-shadow: none;

  font-size: 1rem;
  font-weight: 800;
}

.awt-hw-hub__news-heading--health {
  color: var(--hw-health);
}

.awt-hw-hub__news-heading--elderly {
  color: var(--hw-elderly);
}

.awt-hw-hub__news-heading--welfare {
  color: var(--hw-welfare);
}

.awt-hw-hub__news-more {
  display: block;
  margin-top: 18px;
  padding-top: 12px;

  border-top: 1px solid #e9eef1;
  text-align: right;

  color: #286b92 !important;
  font-size: .8rem;
  font-weight: 700;
}

/* ------------------------------------------
   BOTTOM NAV
------------------------------------------ */

.awt-hw-hub__bottom-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;

  padding: 24px 0 12px;
  border-top: 1px solid var(--hw-border);
}

.awt-hw-hub__bottom-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;
  padding: 8px 16px;

  border: 1px solid #d9e5ea;
  border-radius: 8px;
  background: #f7fafb;

  font-size: .8rem;
  font-weight: 700;
}

/* ------------------------------------------
   HOVER
------------------------------------------ */

@media (hover: hover) {
  .awt-hw-hub__tiles a:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(16, 42, 58, .1);
  }

  .awt-hw-hub__consult-card:hover {
    border-color: #b3c9d5;
  }

  .awt-hw-hub__guide-button:hover {
    filter: brightness(.93);
  }
}

/* ------------------------------------------
   TABLET
------------------------------------------ */

@media (max-width: 1023px) {
  .awt-hw-hub__guides {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .awt-hw-hub__guide-head {
    min-height: 150px;
  }

  .awt-hw-hub__guide-heading {
    max-width: 70%;
  }

  .awt-hw-hub__guide-head img {
    width: 190px;
  }

  .awt-hw-hub__consultation {
    grid-template-columns: 1fr;
  }

  .awt-hw-hub__news-grid {
    grid-template-columns: 1fr;
  }
}

/* ------------------------------------------
   SMARTPHONE
------------------------------------------ */

@media (max-width: 599px) {
  .awt-page.awt-hw-hub {
    width: min(calc(100% - 24px), 1180px);
    font-size: 17px;
  }

  .awt-hw-hub__hero {
    min-height: 230px;
    padding: 24px 20px;
    margin-bottom: 28px;
    background-position: center;
  }

  .awt-hw-hub__hero-title {
    font-size: 1.5rem;
  }

  .awt-hw-hub__hero-lead {
    font-size: .82rem;
  }

  .awt-hw-hub__guide {
    padding: 11px;
  }

  .awt-hw-hub__guide-head {
    min-height: 130px;
  }

  .awt-hw-hub__guide-head img {
    right: -10px;
    width: 43%;
    height: 135px;
  }

  .awt-hw-hub__guide-heading {
    max-width: 63%;
  }

  .post_content .awt-hw-hub__guide-heading h3 {
    font-size: 1.1rem;
  }

  .awt-hw-hub__guide-heading p {
    font-size: .72rem;
  }

  .awt-hw-hub__tiles {
    gap: 6px;
  }

  .awt-hw-hub__tiles a {
    min-height: 100px;
    padding: 8px 3px;
    font-size: .71rem;
  }

  .awt-hw-hub__tile-icon {
    width: 36px;
    height: 36px;
    font-size: 1.5rem;
  }

  .awt-hw-hub__consultation {
    padding: 14px;
  }

  .awt-hw-hub__consult-grid {
    grid-template-columns: 1fr;
  }

  .awt-hw-hub__consult-card {
    min-height: 90px;
  }

  .awt-hw-hub__consult-card img {
    width: 64px;
    height: 64px;
  }

  .awt-hw-hub__news-panel {
    padding: 15px;
  }

  .awt-hw-hub__bottom-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .awt-hw-hub__tiles a {
    transition: none;
  }
}