/* SetMyWed Modern Blog System */
:root{--smw-ink:#24242a;--smw-muted:#73737d;--smw-line:#ececef;--smw-accent:#d9376d;--smw-soft:#fff5f8;--smw-bg:#fff;--smw-radius:22px}
.smw-blog-wrap{background:#fff;color:var(--smw-ink);font-family:inherit;padding:28px 0 80px}
.smw-blog-container{max-width:1180px;margin:0 auto;padding:0 22px}
.smw-blog-intro{text-align:center;padding:35px 0 25px}
.smw-eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--smw-accent);margin-bottom:10px}
.smw-blog-intro h1{font-size:46px;line-height:1.08;margin:0 0 13px;font-weight:700;letter-spacing:-1px}
.smw-blog-intro p{max-width:680px;margin:0 auto;color:var(--smw-muted);font-size:17px;line-height:1.65}
.smw-catbar{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:22px 0 42px}
.smw-catbar a{display:inline-flex;padding:9px 16px;border:1px solid var(--smw-line);border-radius:999px;color:#4d4d55;text-decoration:none;font-size:13px;font-weight:600;background:#fff;transition:.2s ease}
.smw-catbar a:hover,.smw-catbar a.smw-active{background:var(--smw-ink);color:#fff;border-color:var(--smw-ink)}
.smw-feature{display:grid;grid-template-columns:1.18fr .82fr;background:#f8f7f8;border-radius:var(--smw-radius);overflow:hidden;margin-bottom:58px;text-decoration:none;color:inherit;min-height:410px}
.smw-feature-img{min-height:410px;background:#eee center/cover no-repeat}
.smw-feature-copy{padding:46px 42px;display:flex;flex-direction:column;justify-content:center}
.smw-feature-copy h2{font-size:36px;line-height:1.15;letter-spacing:-.6px;margin:9px 0 16px}
.smw-feature-copy p{font-size:16px;line-height:1.7;color:var(--smw-muted);margin:0 0 22px}
.smw-meta{display:flex;gap:14px;flex-wrap:wrap;color:#8a8a92;font-size:12px;font-weight:600}
.smw-meta span{display:inline-flex;align-items:center;gap:6px}
.smw-readmore{font-weight:700;color:var(--smw-accent);font-size:14px;margin-top:5px}
.smw-section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 22px}
.smw-section-title h2{font-size:27px;margin:0;letter-spacing:-.3px}
.smw-section-title a{font-size:13px;font-weight:700;color:var(--smw-accent);text-decoration:none}
.smw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:62px}
.smw-card{min-width:0}
.smw-card-image{display:block;aspect-ratio:1.45/1;border-radius:16px;overflow:hidden;background:#eee;margin-bottom:16px}
.smw-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.smw-card:hover .smw-card-image img{transform:scale(1.035)}
.smw-card a{text-decoration:none;color:inherit}
.smw-card .smw-cat{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--smw-accent);font-weight:700}
.smw-card h3{font-size:20px;line-height:1.3;margin:7px 0 9px;letter-spacing:-.2px}
.smw-card p{font-size:14px;line-height:1.6;color:var(--smw-muted);margin:0 0 12px}
.smw-city-strip{background:var(--smw-soft);border-radius:20px;padding:30px;margin:10px 0 55px}
.smw-city-strip h2{text-align:center;margin:0 0 18px;font-size:25px}
.smw-cities{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.smw-cities a{background:#fff;border:1px solid #f0dce4;border-radius:999px;padding:10px 17px;text-decoration:none;color:#4b3d43;font-size:13px;font-weight:600}
.smw-blog-cta{background:var(--smw-ink);color:#fff;border-radius:22px;padding:42px;text-align:center;margin-top:20px}
.smw-blog-cta h2{margin:0 0 9px;font-size:29px}.smw-blog-cta p{margin:0 auto 20px;max-width:580px;color:#d4d4d8;line-height:1.6}
.smw-cta-button,.smw-article-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;background:var(--smw-accent)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:12px 21px!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;box-shadow:none!important;transition:transform .2s ease,opacity .2s ease!important}
.smw-cta-button:hover,.smw-article-button:hover{transform:translateY(-2px);opacity:.92}
.smw-pagination{text-align:center;margin:35px 0 5px}.smw-pagination .page-numbers{display:inline-flex;margin:4px;padding:9px 13px;border:1px solid var(--smw-line);border-radius:999px;text-decoration:none;color:#444}.smw-pagination .current{background:var(--smw-accent);color:#fff;border-color:var(--smw-accent)}
/* Single article */
.smw-article-wrap{background:#fff;padding:30px 0 80px}
.smw-article-header{max-width:900px;margin:0 auto;padding:20px 22px 30px;text-align:center}
.smw-article-category{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--smw-accent);font-weight:700}
.smw-article-header h1{font-size:52px;line-height:1.08;letter-spacing:-1.2px;margin:13px auto 18px;max-width:900px}
.smw-article-deck{font-size:18px;line-height:1.65;color:var(--smw-muted);max-width:720px;margin:0 auto 18px}
.smw-article-meta{justify-content:center}.smw-hero{max-width:1180px;margin:0 auto 42px;padding:0 22px}.smw-hero img{width:100%;max-height:620px;object-fit:cover;border-radius:24px;display:block}
.smw-article-layout{max-width:1050px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,760px) 210px;gap:60px;align-items:start}
.smw-article-content{font-size:17px;line-height:1.82;color:#36363d}.smw-article-content>p:first-child{font-size:19px;line-height:1.75;color:#4d4d55}
.smw-article-content h2{font-size:30px;line-height:1.25;margin:42px 0 14px;color:#24242a}.smw-article-content h3{font-size:23px;margin:32px 0 12px}.smw-article-content p{margin:0 0 20px}.smw-article-content ul,.smw-article-content ol{padding-left:25px;margin:0 0 24px}.smw-article-content li{margin:7px 0}.smw-article-content img{max-width:100%;height:auto;border-radius:15px;margin:12px 0 22px}.smw-article-content blockquote{border-left:3px solid var(--smw-accent);margin:30px 0;padding:8px 0 8px 22px;color:#5b5b64;font-size:19px;font-style:italic}
.smw-article-content a:not(.smw-article-button){color:var(--smw-accent);text-decoration:underline;text-underline-offset:3px}.smw-article-content .smw-article-button{margin:7px 6px 15px 0}
.smw-sharebox{position:sticky;top:90px}.smw-sharebox-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:#999;margin-bottom:10px}.smw-sharebox a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--smw-line);border-radius:50%;margin-bottom:9px;text-decoration:none;color:#555;font-weight:700}.smw-sharebox a:hover{background:var(--smw-ink);color:#fff}
.smw-author{max-width:760px;margin:55px auto 0;padding:25px 0;border-top:1px solid var(--smw-line);border-bottom:1px solid var(--smw-line);display:flex;gap:17px;align-items:center}.smw-author img{width:58px;height:58px;border-radius:50%;object-fit:cover}.smw-author strong{display:block;margin-bottom:4px}.smw-author p{margin:0;color:var(--smw-muted);font-size:14px;line-height:1.55}
.smw-related{max-width:1050px;margin:58px auto 0;padding:0 22px}.smw-related h2{font-size:27px;margin-bottom:22px}.smw-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.smw-breadcrumb{max-width:1180px;margin:0 auto;padding:0 22px 10px;font-size:12px;color:#999}.smw-breadcrumb a{color:#777;text-decoration:none}.smw-copy-link{cursor:pointer}
@media(max-width:900px){.smw-feature{grid-template-columns:1fr}.smw-feature-img{min-height:300px}.smw-grid,.smw-related-grid{grid-template-columns:repeat(2,1fr)}.smw-article-layout{grid-template-columns:1fr;gap:25px}.smw-sharebox{position:static;display:flex;align-items:center;gap:8px;order:-1}.smw-sharebox-title{margin:0 6px 0 0}.smw-sharebox a{margin:0}.smw-author{margin-top:40px}}
@media(max-width:600px){.smw-blog-wrap,.smw-article-wrap{padding-top:15px}.smw-blog-intro h1{font-size:34px}.smw-blog-intro p{font-size:15px}.smw-feature-copy{padding:28px 24px}.smw-feature-copy h2{font-size:28px}.smw-grid,.smw-related-grid{grid-template-columns:1fr;gap:34px}.smw-section-title h2{font-size:24px}.smw-article-header h1{font-size:36px}.smw-article-deck{font-size:16px}.smw-hero{padding:0 12px}.smw-hero img{border-radius:16px;max-height:420px}.smw-article-layout{padding:0 18px}.smw-article-content{font-size:16px;line-height:1.78}.smw-article-content h2{font-size:27px}.smw-blog-cta{padding:32px 22px}.smw-city-strip{padding:25px 15px}}


/* v2 fixes: SetMyWed article alignment, responsive media and featured title */
.smw-feature-copy h2,
.smw-feature-copy h2 a {
  color:#24242a !important;
}

/* Keep the article itself centered instead of leaving a large empty right column. */
.smw-article-layout {
  max-width: 900px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.smw-article-content {
  width: 100%;
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.smw-article-content img,
.smw-article-content figure,
.smw-article-content video,
.smw-article-content iframe,
.smw-article-content embed,
.smw-article-content object {
  max-width: 100% !important;
  box-sizing: border-box;
}

.smw-article-content img {
  width: auto !important;
  height: auto !important;
}

.smw-article-content figure {
  margin-left: 0;
  margin-right: 0;
}

.smw-article-content table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
}

.smw-article-content pre,
.smw-article-content code {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.smw-article-content pre {
  overflow-x: auto;
  white-space: pre-wrap;
}

.smw-article-content a {
  overflow-wrap: anywhere;
}

.smw-sharebox {
  position: static;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--smw-line);
}

.smw-sharebox-title {
  margin: 0 6px 0 0;
}

.smw-sharebox a {
  margin: 0;
}

.smw-author {
  max-width: 100%;
}

@media (max-width: 600px) {
  .smw-article-layout {
    width: auto;
    max-width: 100%;
    padding-left: 18px;
    padding-right: 18px;
  }

  .smw-article-content {
    font-size: 16px;
    line-height: 1.78;
  }

  .smw-article-content img,
  .smw-article-content iframe,
  .smw-article-content video,
  .smw-article-content embed,
  .smw-article-content object {
    max-width: 100% !important;
  }

  .smw-article-content table {
    font-size: 14px;
  }

  .smw-sharebox {
    flex-wrap: wrap;
  }

  .smw-article-button {
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
}

/* v3: WordPress emoji/icons inside article text must stay inline-sized. */
.smw-article-content img.emoji,
.smw-article-content img.wp-smiley,
.smw-article-content a > img.emoji,
.smw-article-content a > img.wp-smiley {
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  max-height: 1em !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 .12em 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline-block !important;
  vertical-align: -.15em !important;
  object-fit: contain !important;
}

/* Also protect emoji SVGs/images when WordPress does not add its usual class. */
.smw-article-content p > a[href*="s.w.org/images/core/emoji/"] img,
.smw-article-content li > a[href*="s.w.org/images/core/emoji/"] img,
.smw-article-content a > img[src*="/emoji/"] {
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  max-height: 1em !important;
  margin: 0 .12em 0 0 !important;
  display: inline-block !important;
  vertical-align: -.15em !important;
  object-fit: contain !important;
}
