.szm-content-page{max-width:1120px;width:calc(100% - 48px);margin:50px auto 75px;color:#2b3732;font:15px/2 'Noto Sans JP',sans-serif}.szm-content-page *{box-sizing:border-box}.szm-page-heading{position:static!important;display:block!important;height:auto!important;background:#f2f7f4!important;padding:40px!important;width:100%!important;margin:0 0 35px!important;box-shadow:none!important}.szm-page-heading p{font:12px Arial,sans-serif;color:#6c9e88;letter-spacing:.1em}.szm-page-heading h1{font:32px/1.5 'Shippori Mincho',serif;margin:15px 0}.szm-page-heading span,.szm-page-heading time{font-size:13px;color:#74837b}.szm-page-intro{margin:25px 0}.szm-content-tabs{display:flex;gap:15px;margin:25px 0}.szm-content-tabs a{padding:10px 20px;border-bottom:2px solid #ddd;color:#35443a}.szm-content-tabs a[aria-current]{border-color:#8ebfa8}.szm-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.szm-page-grid a{text-decoration:none;color:inherit}.szm-page-grid h2{font-size:17px;line-height:1.7}.szm-page-grid time{font-size:11px;color:#8c9690}.szm-page-image{height:190px;background:#f2f5f3}.szm-page-image img{width:100%;height:100%;object-fit:cover}.szm-page-empty{padding:45px;background:#faf7f8;text-align:center}.szm-page-empty p{font:11px Arial;color:#a78e9b}.szm-page-empty h2{font-size:22px}.szm-page-back{display:inline-block;margin-top:35px;color:#578771}.szm-article-body{max-width:850px;margin:30px auto}.szm-article-body h2{font-size:24px;margin:40px 0 18px;padding-bottom:12px;border-bottom:2px solid #d9eade}.szm-article-body h3{font-size:19px;margin:28px 0 15px}.szm-article-body p{margin:0 0 20px}.szm-article-body ul,.szm-article-body ol{padding-left:25px;list-style:revert}.szm-article-body li{margin:8px 0;list-style:revert}.szm-article-photo{max-width:850px;margin:auto}.szm-article-photo img{width:100%;height:auto}.szm-service-contact{padding:30px;background:#eaf4ef;margin-top:40px}.szm-service-contact h2{font-size:22px}.szm-service-contact a{display:inline-block;padding:12px 20px;background:#659780;color:#fff;text-decoration:none}.szm-content-page img{max-width:100%}@media(max-width:700px){.szm-content-page{width:calc(100% - 32px);margin-top:25px}.szm-page-heading{padding:25px!important}.szm-page-heading h1{font-size:25px}.szm-page-grid{grid-template-columns:1fr 1fr;gap:18px}.szm-page-image{height:120px}.szm-content-tabs a{padding:8px;font-size:12px}.szm-article-body{font-size:14px}}
body.szm-site main.szm-content-page{padding:0!important;margin:45px auto 70px!important}body.szm-site .szm-content-page .szm-page-heading{inset:auto!important;transform:none!important}@media(max-width:700px){body.szm-site main.szm-content-page{margin:25px auto 45px!important}}

.szm-journal-filters{display:flex;flex-wrap:wrap;gap:10px}.szm-journal-filters a{border:1px solid #dce8e1;border-radius:3px;padding:10px 16px}.szm-journal-filters a[aria-current=page]{background:#568b76;color:white;border-color:#568b76}.szm-journal-count{margin:24px 0;color:#5e6e65;font-size:13px}.szm-journal-count span{float:right}.szm-journal-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:35px 0}.szm-journal-pagination .page-numbers{padding:8px 13px;border:1px solid #dce8e1}.szm-journal-pagination .current{background:#568b76;color:white}

/* Use the BEAUTY article's 760px lead and 520px image limit. */
.szm-article-page .szm-page-heading{max-width:760px;margin:0 auto 28px!important;padding:24px 0!important;background:transparent!important}
.szm-article-page .szm-page-heading h1{font-size:27px;line-height:1.55;letter-spacing:.04em}
.szm-article-page .szm-article-photo{max-width:760px;margin:28px auto 42px}
.szm-article-page .szm-article-photo img{max-height:520px;object-fit:contain}
.szm-article-page .szm-article-body{max-width:760px;font-size:17px;line-height:2}
.szm-service-page{color:#243042;font-size:16px}
.szm-service-page .szm-page-heading{background:#f1f4f8!important;border-top:4px solid #263d56;padding:48px!important}
.szm-service-page .szm-page-heading p{color:#52677e;letter-spacing:.16em}
.szm-service-page .szm-page-heading h1{font-size:clamp(28px,4vw,40px)}
.szm-service-page .szm-article-body{max-width:800px;line-height:2.1}
.szm-service-page .szm-article-body h2{border-color:#c7d1dd;color:#263d56}
.szm-service-page .szm-service-contact{background:#f1f4f8;border-top:1px solid #c7d1dd}
.szm-service-page .szm-service-contact a{background:#263d56}
.szm-service-framework{max-width:800px;margin:48px auto}
.szm-service-framework section{border-top:1px solid #c7d1dd;padding:26px 0}
.szm-service-framework h2{font-size:24px;color:#263d56;margin:0 0 18px}
.szm-service-framework h3{font-size:18px;margin:22px 0 8px}
.szm-service-framework p{margin:0 0 16px}
@media(max-width:700px){.szm-service-page .szm-page-heading{padding:26px!important}.szm-article-page .szm-article-body{font-size:16px}.szm-article-page .szm-page-heading h1{font-size:24px}}

/* Raised reading surface for the four magazine article types. */
body.szm-site:is(.single-szm_salon,.single-szm_interview,.single-szm_business,.single-szm_report){
  background:#fbfaf7;
}
body.szm-site main.szm-article-page{
  background:transparent;
}
.szm-article-page .szm-article-body{
  width:100%;
  max-width:760px;
  margin:36px auto;
  padding:44px 44px 48px;
  background:#fff;
  border:1px solid #ece7df;
  border-radius:20px;
  box-shadow:0 12px 35px rgba(65,58,46,.065),0 2px 5px rgba(65,58,46,.025);
  overflow-wrap:anywhere;
}
.szm-article-page .szm-article-body>:first-child{margin-top:0}
.szm-article-page .szm-article-body>:last-child{margin-bottom:0}
@media(max-width:700px){
  .szm-article-page .szm-article-body{
    margin:26px auto;
    padding:28px 22px 32px;
    border-radius:16px;
    box-shadow:0 8px 24px rgba(65,58,46,.055);
  }
}

/* Editorial articles: readable figures and source notes. */
.szm-editorial .szm-editorial-lead{font-size:19px;line-height:1.95;color:#29414a}.szm-editorial .szm-editorial-note{font-size:13px;line-height:1.8;padding:16px 20px;background:#f1f4f0;color:#5f6d65;border-left:3px solid #84b8a0}.szm-editorial figure{margin:30px 0}.szm-editorial figure img{display:block;width:100%;height:auto}.szm-editorial figcaption{font-size:13px;line-height:1.7;color:#626d67;margin-top:10px}.szm-editorial p a{color:#2b6857;text-decoration:underline;text-underline-offset:3px}.szm-editorial li{padding-left:4px}@media(max-width:600px){.szm-editorial .szm-editorial-lead{font-size:17px}.szm-editorial .szm-editorial-note{padding:12px 14px}}

/* Narrow screens: filters wrap and article cards retain reading width. */
.szm-content-tabs{flex-wrap:wrap}
.szm-page-grid>*,.szm-content-page .szm-page-heading{min-width:0;overflow-wrap:anywhere}
@media(max-width:420px){
 .szm-page-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .szm-page-image{height:auto;aspect-ratio:16/9}
 .szm-page-heading{padding:22px 18px!important}
 .szm-article-page .szm-page-heading{padding:24px 0!important}
 .szm-article-page .szm-article-body{padding:26px 16px}
 .szm-journal-count span{float:none;display:block;margin-top:6px}
}

/* SALONISM 2026-10-28: OWNER'S STORY 一覧・記事を読者向けレイアウト（body.reader-site）で表示する際の同等指定 */
body.reader-site main.szm-content-page{padding:0!important;margin:45px auto 70px!important}
body.reader-site .szm-content-page .szm-page-heading{inset:auto!important;transform:none!important}
body.reader-site.single-szm_interview{background:#fbfaf7}
@media(max-width:700px){body.reader-site main.szm-content-page{margin:25px auto 45px!important}}
/* 読者向けCSSの「h1〜h3・p の余白0」より記事本文の余白を優先 */
body.reader-site .szm-article-body h2{margin:40px 0 18px;padding-bottom:12px}
body.reader-site .szm-article-body h3{margin:28px 0 15px}
body.reader-site .szm-article-body p{margin:0 0 20px}