@charset "UTF-8";

/* A square presentation canvas keeps every source image completely visible.
   Original image files, featured-image IDs and single-article heroes are intact. */
.entries .entry-card > .ct-media-container,
.ct-related-posts .ct-media-container {
  aspect-ratio: 1 / 1 !important;
  background: var(--yu-thumb-bg, #edf0f1);
  overflow: hidden;
  border-radius: 6px;
}
.entries .entry-card > .ct-media-container img,
.ct-related-posts .ct-media-container img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}
.yu-post .yu-post__thumb {
  aspect-ratio: 1 / 1 !important;
  background: var(--yu-thumb-bg, #edf0f1);
}
.yu-post .yu-post__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

.single-post .yu-editorial-byline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding-block: 16px;
  margin-bottom: 28px;
  border-top: 1px solid #dce3e9;
  border-bottom: 1px solid #dce3e9;
  font: 500 13px/1.7 "Noto Sans TC", sans-serif;
  letter-spacing: .045em;
  color: #667784;
}
.single-post .yu-editorial-byline a { color: #4a5c6b; text-decoration: none; }
.single-post .yu-editorial-byline time { margin-left: auto; font-variant-numeric: tabular-nums; }
.single-post .yu-editorial-article {
  --yu-ink: #324654;
  --yu-accent: #647e8e;
  --yu-light: #f1f5f7;
  --yu-rule: #dce5e9;
}
.single-post .yu-editorial-article .yu-owner-text {
  font-size: 16.5px;
  line-height: 2.05;
  letter-spacing: .012em;
  margin-block: 0 24px;
  overflow-wrap: anywhere;
}
.single-post .yu-editorial-article p.yu-lead {
  font-size: 17.5px;
  line-height: 1.95;
  color: var(--yu-ink);
  padding: 22px 26px;
  background: linear-gradient(110deg,#edf3f5,#f8f9f8);
  border-left: 3px solid #9bb1bb;
  border-radius: 0 7px 7px 0;
  margin-bottom: 32px;
}
.single-post .yu-editorial-article h2.yu-section-title {
  position: relative;
  font-size: 25px;
  line-height: 1.6;
  color: var(--yu-ink);
  margin-block: 48px 22px;
  padding: 16px 18px;
  background: var(--yu-light);
  border-top: 1px solid var(--yu-rule);
  border-bottom: 1px solid var(--yu-rule);
  border-radius: 5px;
  scroll-margin-top: 100px;
}
.single-post .yu-editorial-article h3.yu-section-title {
  font-size: 20px;
  line-height: 1.65;
  color: var(--yu-ink);
  margin-block: 32px 16px;
  padding-left: 15px;
  border-left: 3px solid #a7b9c3;
  scroll-margin-top: 100px;
}
.yu-editorial-article .yu-heading-mark {
  display: inline;
  color: #94aab4;
  font-family: "Noto Sans TC",sans-serif;
  font-weight: 400;
  margin-right: .25em;
}
.single-post .yu-editorial-article .yu-detail-line {
  padding: 13px 18px;
  margin-block: 8px;
  border: 1px solid #e4ebee;
  border-radius: 7px;
  background: #fafcfc;
  line-height: 1.85;
}
.single-post .yu-editorial-article .yu-numbered-line {
  position: relative;
  padding: 16px 20px;
  background: #f4f7f7;
  border: 1px solid #e1e9ec;
  border-radius: 8px;
  margin-block: 10px;
  line-height: 1.95;
}
.yu-step-marker {
  display: inline-block;
  background: #526f80;
  color: #fff;
  border-radius: 5px;
  padding: 0 9px;
  margin-right: 7px;
  font: 600 13px/1.9 "Noto Sans TC",sans-serif;
  vertical-align: 1px;
  white-space: nowrap;
}
.single-post .yu-editorial-article .yu-conversation {
  padding-left: 20px;
  border-left: 2px solid #d4dfe4;
  color: #506471;
}
.single-post .yu-editorial-article .yu-divider {
  color: #96aab3;
  font-size: 15px;
  margin-block: 22px 0;
  line-height: 1;
  letter-spacing: .1em;
}
.single-post .yu-editorial-article .yu-owner-hashtags {
  font-size: 13px;
  line-height: 2.1;
  color: #6b7f8d;
  padding-top: 22px;
  border-top: 1px solid #e2e9ec;
  margin-top: 30px;
}
.yu-editorial-article .yu-context-link {
  color: #4b6d80;
  text-decoration: underline;
  text-decoration-color: #a9c1cd;
  text-underline-offset: .23em;
}
.yu-editorial-article a:focus-visible { outline: 2px solid #597b90; outline-offset: 4px; }
.single-post .yu-editorial-article .wp-block-image { margin-block: 38px; }
.single-post .yu-editorial-article .wp-block-image img { height: auto; border-radius: 5px; }
.single-post .yu-editorial-article .yu-source-credit {
  padding: 18px 0 0;
  border-top: 1px solid #dce5e9;
  margin-top: 35px;
  font-size: 13px;
  letter-spacing: .04em;
}
.single-post .yu-editorial-existing p {
  font-size:16.5px;
  line-height:2.05;
  letter-spacing:.012em;
  margin-bottom:26px;
}
.single-post .yu-editorial-existing h2,
.single-post .yu-editorial-existing h3 {
  color:#324654;
  line-height:1.6;
  padding:15px 18px;
  margin-block:42px 22px;
  border-block:1px solid #dce5e9;
  border-radius:5px;
  background:#f1f5f7;
  font-size:25px;
}
.single-post .yu-editorial-existing h3 {font-size:21px;}
.single-post .yu-editorial-existing .wp-block-list {padding-left:28px;}
.single-post .yu-editorial-existing .wp-block-list > li {
  padding:10px 12px;
  margin-bottom:12px;
  line-height:2;
  background:#fafcfc;
  border:1px solid #e4ebee;
  border-radius:6px;
}
.single-post .yu-editorial-existing .wp-block-list > li::marker {color:#526f80;font-weight:700;}
.single-post .yu-editorial-existing figure {margin-block:34px;}
@media (max-width:689.98px) {
  .single-post .yu-editorial-article .yu-owner-text { font-size:16px; line-height:2; margin-bottom:22px; }
  .single-post .yu-editorial-article p.yu-lead { font-size:16.5px; padding:18px; }
  .single-post .yu-editorial-article h2.yu-section-title { font-size:21px; margin-top:36px; padding:13px 14px; }
  .single-post .yu-editorial-article h3.yu-section-title { font-size:18px; margin-top:28px; }
  .single-post .yu-editorial-article .yu-detail-line { padding:12px 14px; margin-block:8px; }
  .single-post .yu-editorial-article .yu-numbered-line { padding:14px 15px; margin-block:9px; }
  .single-post .yu-editorial-article .yu-conversation { padding-left:15px; }
  .single-post .yu-editorial-article .yu-owner-hashtags { font-size:12.5px; }
  .single-post .yu-editorial-existing p {font-size:16px;}
  .single-post .yu-editorial-existing h2 {font-size:21px;padding:13px 14px;}
  .single-post .yu-editorial-existing h3 {font-size:19px;padding:13px 14px;}
}

/* Backgrounds sampled from the original image corners; no source pixels changed. */
.post-3119, .yu-post[href="https://cmyulin.com/tcm-wellness/3119/"] { --yu-thumb-bg: #e2e0e1; }
.post-3116, .yu-post[href="https://cmyulin.com/tcm-wellness/3116/"] { --yu-thumb-bg: #f1ecc1; }
.post-3110, .yu-post[href="https://cmyulin.com/beauty/3110/"] { --yu-thumb-bg: #a38073; }
.post-3105, .yu-post[href="https://cmyulin.com/tcm-wellness/3105/"] { --yu-thumb-bg: #ebd6d5; }
.post-3102, .yu-post[href="https://cmyulin.com/beauty/3102/"] { --yu-thumb-bg: #d1dbdc; }
.post-3097, .yu-post[href="https://cmyulin.com/tcm-wellness/3097/"] { --yu-thumb-bg: #b9cac2; }
.post-3094, .yu-post[href="https://cmyulin.com/gynecology/3094/"] { --yu-thumb-bg: #ced9db; }
.post-3091, .yu-post[href="https://cmyulin.com/beauty/3091/"] { --yu-thumb-bg: #e7d6dc; }
.post-3086, .yu-post[href="https://cmyulin.com/tcm-wellness/3086/"] { --yu-thumb-bg: #f3eac1; }
.post-3083, .yu-post[href="https://cmyulin.com/gynecology/3083/"] { --yu-thumb-bg: #e8d6dc; }
.post-3080, .yu-post[href="https://cmyulin.com/beauty/3080/"] { --yu-thumb-bg: #cbd8d9; }
.post-3077, .yu-post[href="https://cmyulin.com/tcm-wellness/3077/"] { --yu-thumb-bg: #d2c1ca; }
.post-3074, .yu-post[href="https://cmyulin.com/gynecology/3074/"] { --yu-thumb-bg: #d5c4ce; }
.post-3071, .yu-post[href="https://cmyulin.com/beauty/3071/"] { --yu-thumb-bg: #aab0bc; }
.post-2660, .yu-post[href="https://cmyulin.com/brand-collaboration/2660/"] { --yu-thumb-bg: #514d46; }
.post-2651, .yu-post[href="https://cmyulin.com/brand-collaboration/2651/"] { --yu-thumb-bg: #fdd2e0; }
.post-2592, .yu-post[href="https://cmyulin.com/beauty/2592/"] { --yu-thumb-bg: #d9c4cb; }
.post-2579, .yu-post[href="https://cmyulin.com/weight-loss/2579/"] { --yu-thumb-bg: #e6d4cc; }
.post-2556, .yu-post[href="https://cmyulin.com/weight-loss/2556/"] { --yu-thumb-bg: #cdbbbf; }
.post-1581, .yu-post[href="https://cmyulin.com/gynecology/1581/"] { --yu-thumb-bg: #ebd3d3; }
.post-1598, .yu-post[href="https://cmyulin.com/information/1598/"] { --yu-thumb-bg: #ebd3d3; }
