.mh-pr{display:none!important}

  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events,.mh-product-front,.mh-campaign-box,.sp1-campaign-front,.sc-portfolio-front,.codex-swell-popular) {
    --codex-muted-text:#475569;
    --codex-muted-strong:#334155;
    --codex-accent-green:#166534;
    --codex-accent-orange:#9a3f0d;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events,.mh-product-front,.mh-campaign-box,.sp1-campaign-front,.sc-portfolio-front,.codex-swell-popular) :where(.hm-lead,.hm-sub,.hm-ac-sub,.hm-submit-cta span,.hm-card em,.hm-guide-card em,.mh-sub,.mh-note,.sp1-sub,.sc-sub) {
    color:var(--codex-muted-text)!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events) :where(.hm-eyebrow,.hm-ac-eyebrow) {
    color:var(--codex-accent-orange)!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events) :where(.hm-cal-day.muted,.hm-cal-day.muted .hm-cal-num) {
    color:#64748b!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events,.mh-product-front,.mh-campaign-box,.sp1-campaign-front,.sc-portfolio-front,.codex-swell-popular) :where(button,a.hm-btn,.hm-btn,.hm-month-tab,.hm-cal-day,.hm-cal-nav,.hm-ac-main-link,.hm-submit-cta a,.mh-btn,.mh-campaign-link,.sp1-btn,.sc-btn,.codex-swell-popular-tab) {
    min-height:44px!important;
    touch-action:manipulation;
  }
  :where(.hm-chip,.mh-chip,.sp-chip,.sc-chip,.sp-compact-offer,.codex-swell-popular-tab,.c-searchForm__submit) {
    min-height:44px!important;
    touch-action:manipulation;
  }
  @media (max-width: 640px) {
    :where(.p-spMenu a,.p-spMenu__inner a,.c-widget a,.c-gnav a,.hm-front-events a,.mh-product-front a,.mh-campaign-box a,.sp1-campaign-front a,.sc-portfolio-front a) {
      min-height:44px;
      display:inline-flex;
      align-items:center;
    }
  }
  :where(.c-categoryList__link,.c-tagList__link,.p-breadcrumb__text,.p-toc__link) {
    min-height:32px;
    display:inline-flex;
    align-items:center;
  }
  :where(.p-articleMetas__termList.c-categoryList,.p-articleMetas__termList.c-tagList) {
    display:flex!important;
    flex-wrap:wrap;
    align-items:center;
    gap:8px!important;
    width:100%;
    margin:0!important;
    padding-left:0!important;
    box-sizing:border-box;
  }
  :where(.p-articleMetas__termList.c-categoryList,.p-articleMetas__termList.c-tagList)::before {
    content:none!important;
    display:none!important;
  }
  :where(.p-articleMetas__termList.c-categoryList,.p-articleMetas__termList.c-tagList) :where(.c-categoryList__link,.c-tagList__link) {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box;
    min-height:0!important;
    height:34px;
    margin:0!important;
    padding:0 13px!important;
    line-height:1!important;
    white-space:nowrap;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events) :where(.hm-month-tab,.hm-cal-nav) {
    padding-top:9px;
    padding-bottom:9px;
  }
  :where(.hm-traffic-alert span,.hm-guide-card span,.sp-feature-label,.sp-offer-row-label.deadline) {
    color:#9a3f0d!important;
  }
  :where(.hm-traffic-alert span) {
    background:#9a3f0d!important;
    color:#fff!important;
  }
  :where(.hm-chip span,.mh-chip span,.sp-chip span,.sc-chip span,.hm-cal-panel-head span,.hm-cal-pick-body > span,.hm-date) {
    color:#334155!important;
  }
  :where(.codex-swell-popular-tab.is-active,.codex-swell-popular-rank,.c-postThumb__cat,.mh-amazon) {
    background:#9a3f0d!important;
    color:#fff!important;
  }
  :where(.monohikaku-price-btn) {
    min-height:44px!important;
    background:#0b63b6!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    padding:10px 12px!important;
  }
  :where(.codex-symbol-muted) {
    color:#475569!important;
  }
  :where(.footer-kouki-label,.footer-kouki-tag) {
    background:#e5edf6!important;
    color:#17324d!important;
  }
  :where(.l-footer,.l-footer__body,.l-footer__widgetArea,.footer-kouki,.footer-kouki *) {
    color:#334155!important;
  }
  :where(.post_content,.entry-content,.c-entry__content) table th {
    background:#e5edf6!important;
    color:#17324d!important;
  }
  :where(.post_content,.entry-content,.c-entry__content) a {
    color:#0b63b6;
  }
  :where(.c-postTimes__modified,.c-postTimes__posted) {
    color:#475569!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy) :where(.hm-cal-thumb img,.hm-card img,.hm-cal-pick img) {
    aspect-ratio:16/9;
  }


.sp1-cat-entry{box-sizing:border-box;margin:18px 0 22px;padding:16px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc;color:#223042;overflow:hidden;}
    .sp1-cat-entry *{box-sizing:border-box;}
    .sp1-cat-entry a{color:inherit;text-decoration:none;}
    .sp1-cat-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
    .sp1-cat-kicker{margin:0 0 3px;color:#c75a1a;font-size:14px!important;font-weight:800;line-height:1.5;}
    .sp1-cat-title{margin:0!important;padding:0 0 7px!important;border:0!important;border-bottom:2px solid #2563a6!important;background:transparent!important;color:#17324d!important;font-size:21px;font-weight:800;line-height:1.35;letter-spacing:0;}
    .sp1-cat-updated{color:#64748b;font-size:11px;font-weight:700;}
    .sp1-cat-lead{margin:0 0 12px;color:#475569;font-size:13px;line-height:1.75;}
    .sp1-cat-section{margin:14px 0 0;padding-top:12px;border-top:1px solid #dbe4ee;}
    .sp1-cat-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:9px;}
    .sp1-cat-section-title{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#17324d!important;font-size:17px;font-weight:800;line-height:1.4;letter-spacing:0;}
    .sp1-cat-section-sub{margin:0;color:#64748b;font-size:12px;line-height:1.6;}
    .sp1-cat-track{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:1px 2px 8px;}
    .sp1-cat-track::-webkit-scrollbar{height:8px;}
    .sp1-cat-track::-webkit-scrollbar-thumb{border-radius:999px;background:#cbd5e1;}
    .sp1-cat-scroll-progress{width:78px;height:4px;margin:2px auto 0;border-radius:999px;background:#e2e8f0;overflow:hidden;}
    .sp1-cat-scroll-progress span{display:block;width:34%;height:100%;margin-left:0;border-radius:inherit;background:#2563a6;transition:margin-left .12s linear,width .12s linear;}
    .sp1-cat-card{display:grid;grid-template-rows:auto 1fr;gap:8px;flex:0 0 calc(33.333% - 7px);min-width:0;padding:9px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;scroll-snap-align:start;}
    .sp1-cat-card.no-image{grid-template-rows:1fr;}
    .sp1-cat-card img{display:block;width:100%;aspect-ratio:16/9;border-radius:6px;object-fit:cover;background:#e2e8f0;}
    .sp1-cat-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#17324d;font-size:14px;line-height:1.45;letter-spacing:0;}
    .sp1-cat-card em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:#64748b;font-size:12px;font-style:normal;line-height:1.55;}
    .sp1-cat-empty{display:block;padding:12px;border:1px dashed #cbd5e1;border-radius:8px;background:#fff;color:#64748b;font-size:13px;line-height:1.7;}
    @media (max-width:640px){
      .sp1-cat-entry{margin:16px -4px 20px;padding:13px 8px;border-radius:8px;}
      .sp1-cat-title{font-size:19px;}
      .sp1-cat-section-head{display:block;}
      .sp1-cat-section-sub{margin-top:3px;}
      .sp1-cat-card{flex:0 0 82%;}
    }/* Codex 2026-06-18: keep category blog parts readable when rendered through category descriptions. */
.sp1-cat-entry{font-variant-numeric:tabular-nums;}
.sp1-cat-entry :where(.sp1-cat-card,.sp1-cat-route,.sp1-cat-pick){box-shadow:0 8px 18px rgba(15,23,42,.035);}
.sp1-cat-entry :where(a,button){-webkit-tap-highlight-color:rgba(37,99,166,.12);}
@media (max-width:640px){
  .sp1-cat-entry{margin:14px 0 18px;padding:14px;border-radius:10px;}
  .sp1-cat-title{font-size:19px!important;}
  .sp1-cat-lead{font-size:13px;line-height:1.75;}
}
.sp1-cat-scroll-hint{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:0 0 8px;color:#64748b;font-size:12px;font-weight:700;line-height:1.5;}
.sp1-cat-scroll-hint span{color:#2563a6;font-size:15px;line-height:1;}


:root {
  --codex-readable-font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  --codex-readable-text: #172033;
  --codex-readable-muted: #475569;
  --codex-readable-heading: #0f172a;
}

body,
button,
input,
select,
textarea {
  font-family: var(--codex-readable-font-stack);
}

body {
  color: var(--codex-readable-text);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.post_content,
.entry-content,
.c-postContent {
  color: var(--codex-readable-text);
  font-size: 16.5px !important;
  line-height: 1.86 !important;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.post_content :where(p, li, dd),
.entry-content :where(p, li, dd),
.c-postContent :where(p, li, dd) {
  line-height: 1.86 !important;
}

.post_content :where(p),
.entry-content :where(p),
.c-postContent :where(p) {
  margin-top: 0;
  margin-bottom: 1.16em;
}

.post_content :where(ul, ol),
.entry-content :where(ul, ol),
.c-postContent :where(ul, ol) {
  padding-left: 1.45em;
}

.post_content :where(li + li),
.entry-content :where(li + li),
.c-postContent :where(li + li) {
  margin-top: 0.28em;
}

.post_content :where(h2, h3, h4),
.entry-content :where(h2, h3, h4),
.c-postContent :where(h2, h3, h4) {
  color: var(--codex-readable-heading);
  letter-spacing: 0;
  line-height: 1.44;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.post_content :where(figcaption, small, .wp-element-caption),
.entry-content :where(figcaption, small, .wp-element-caption),
.c-postContent :where(figcaption, small, .wp-element-caption) {
  color: var(--codex-readable-muted);
  line-height: 1.72;
}

.p-postList__title,
.c-postTitle__ttl,
.c-widget .p-postList__title {
  letter-spacing: 0;
  line-height: 1.48;
  overflow-wrap: anywhere;
}

.post_content :where(table),
.entry-content :where(table),
.c-postContent :where(table) {
  font-size: 0.96em;
  line-height: 1.62;
}

.post_content :where(a),
.entry-content :where(a),
.c-postContent :where(a) {
  text-underline-offset: 0.16em;
}

@media (max-width: 640px) {
  .post_content,
  .entry-content,
  .c-postContent {
    font-size: 16px !important;
    line-height: 1.82 !important;
  }

  .post_content :where(p, li, dd),
  .entry-content :where(p, li, dd),
  .c-postContent :where(p, li, dd) {
    line-height: 1.82 !important;
  }

  .post_content :where(p),
  .entry-content :where(p),
  .c-postContent :where(p) {
    margin-bottom: 1.08em;
  }

  .p-postList__title,
  .c-postTitle__ttl,
  .c-widget .p-postList__title {
    line-height: 1.46;
  }
}


/* Recommended and missed campaigns lead the article, before its body. */
.l-mainContent__inner { display: flex; flex-direction: column; }
.l-mainContent__inner > .p-articleHead { order: 1; }
.l-mainContent__inner > .p-articleMetas { order: 2; }
.l-mainContent__inner > .p-articleThumb { order: 3; }
.l-mainContent__inner > .post_content { order: 6; }
.l-mainContent__inner > .w-singleTop { order: 5; }
.l-mainContent__inner > .w-singleBottom { order: 7; }
.l-mainContent__inner > .p-articleFoot { order: 8; }
.l-mainContent__inner > .l-articleBottom { order: 9; }

/* Codex direct-design: compact hero-to-first-answer spacing. */
.l-mainContent__inner > .post_content {
    margin-top: 32px !important;
}
@media (max-width: 767px) {
    .l-mainContent__inner > .post_content {
        margin-top: 24px !important;
    }
}
