/* Walmong editorial system. Presentation only; no commerce or embedded-reader surface. */
body.walmong-editorial {
  --wm-paper: #f8f6f0;
  --wm-surface: #fffdf8;
  --wm-ink: #252b27;
  --wm-muted: #62695f;
  --wm-line: #dcd8ce;
  --wm-accent: #425d50;
  --wm-tint: #eeeee4;
  --wm-serif: 'Noto Serif KR', 'Nanum Myeongjo', 'AppleMyungjo', 'Batang', Georgia, serif;
  --theme-text-color: var(--wm-ink);
  --theme-headings-color: var(--wm-ink);
  --theme-link-initial-color: var(--wm-accent);
  --theme-link-hover-color: var(--wm-ink);
  background: var(--wm-paper);
  color: var(--wm-ink);
}
.walmong-editorial #main-container { background: var(--wm-paper); }
.walmong-editorial #header [data-row="middle"] { background: var(--wm-paper); border-bottom: 1px solid var(--wm-line); }
.walmong-editorial #header .site-title { color: var(--wm-ink); letter-spacing: -.045em; }
.walmong-editorial #header .menu > li > a { color: var(--wm-ink); }
.walmong-editorial #header .menu > li.current-menu-item > a { color: var(--wm-accent); }
.walmong-editorial #footer { background: var(--wm-tint); border-top: 1px solid var(--wm-line); }
.walmong-editorial #footer [data-row] { background: transparent; }
.walmong-editorial #footer a { color: var(--wm-ink); }
.walmong-editorial :where(a, button, summary, input, select, textarea):focus-visible {
  outline: 2px solid var(--wm-accent); outline-offset: 4px;
}
.walmong-editorial :is(.wmh-home, .wmh-wolha, .wmh-mongji, .wmh-challenge-hub, .wmh-my-page, .wmr-hub) {
  color: var(--wm-ink); overflow-wrap: anywhere;
}
.walmong-editorial :is(.wmh-home, .wmh-wolha, .wmh-mongji, .wmh-challenge-hub, .wmh-my-page, .wmhome-mem-shell) {
  width: min(1160px, calc(100% - 48px)); margin-inline: auto; padding: 36px 0 72px;
}
.walmong-editorial :is(.wmh-hero h1, .wmh-wolha-title-row h1, .wmh-wolha-head h1, .wmh-mongji-head h1, .wmh-challenge-hub-head h1, .wmh-my-hero h1, .wmhome-mem-head h1, .wmh-article-header h1, .wmr-hub > header h1) {
  font-family: var(--wm-serif); font-weight: 600 !important; font-size: clamp(32px, 4vw, 52px) !important;
  line-height: 1.4 !important; letter-spacing: -.045em !important; color: var(--wm-ink) !important; word-break: keep-all; overflow-wrap: anywhere;
}
.walmong-editorial :is(.wmh-section-head h2, .wmh-wolha-section-head h2, .wmh-wolha-signature-title h2, .wmh-mongji-intro h2, .wmh-mongji-create-head h2, .wmh-mongji-how h2, .wmh-my-section-head h2, .wmh-my-home-guide h2, .wmr-section-head h2, .wmhome-mem-compare h2, .wmhome-mem-note h2, .wmh-article-after h2) {
  font-family: var(--wm-serif); font-weight: 600 !important; font-size: clamp(23px, 2.6vw, 29px) !important;
  line-height: 1.5 !important; letter-spacing: -.035em; color: var(--wm-ink);
}
.walmong-editorial :is(.wmh-kicker, .wmh-eyebrow, .wmh-article-kicker) {
  color: var(--wm-accent) !important; font-size: 12px !important; line-height: 1.6 !important; letter-spacing: .12em; font-weight: 600;
}
.walmong-editorial :is(.wmh-hero-copy > p, .wmh-wolha-title-row > div > p:last-child, .wmh-mongji-head > p:last-child, .wmh-challenge-hub-head > p:last-child, .wmh-my-hero > p, .wmhome-mem-head > p:last-child) {
  color: var(--wm-muted) !important; font-size: 16px !important; line-height: 1.9 !important; max-width: 46em;
}
.walmong-editorial :is(.wmh-wolha-magazine-head, .wmh-mongji-head, .wmh-challenge-hub-head, .wmhome-mem-head) { margin-bottom: 36px; }
.walmong-editorial :is(.wmh-section-head, .wmh-wolha-title-row, .wmh-mongji-intro, .wmh-my-hero) { border-color: var(--wm-line); }
.walmong-editorial :is(.wmh-section-head, .wmh-wolha-section-head) { gap: 24px; margin-bottom: 24px; }
.walmong-editorial :is(.wmh-section-head > p, .wmh-wolha-section-head > p, .wmh-mongji-intro > p) { color: var(--wm-muted); font-size: 14px; line-height: 1.8; }

/* The opening spread: a work takes precedence over oversized navigation. */
.walmong-editorial .wmh-home .wmh-hero { min-height: 0; padding: 12px 0 44px; gap: 52px; align-items: center; border-color: var(--wm-line); }
.walmong-editorial .wmh-hero-copy h1 { margin: 14px 0 20px; }
.walmong-editorial .wmh-hero-media { border-radius: 4px; border: 1px solid var(--wm-line); box-shadow: none; }
.walmong-editorial .wmh-hero-media img { display: block; }
.walmong-editorial .wmh-hero-actions { margin-top: 26px; gap: 16px; flex-wrap: wrap; }
.walmong-editorial :is(.wmh-primary-link, .wmh-mongji-create-cta, .wmh-mongji-gate a) { background: var(--wm-accent); color: #fffdf8; border-radius: 5px; min-height: 44px; }
.walmong-editorial :is(.wmh-text-link, .wmh-hero-actions > a:not(.wmh-primary-link)) { color: var(--wm-accent); text-underline-offset: 5px; }
.walmong-editorial .wmh-section { padding-block: 44px; border-color: var(--wm-line); }
.walmong-editorial :is(.wmh-pick-list li, .wmh-story-list > *, .wmh-challenge-list > *) { border-color: var(--wm-line); }
.walmong-editorial .wmh-pick-copy h3 { font-family: var(--wm-serif); font-weight: 600; line-height: 1.5; color: var(--wm-ink); }
.walmong-editorial :is(.wmh-pick-meta, .wmh-pick-context, .wmh-story-lead-copy > p) { color: var(--wm-muted); }
.walmong-editorial .wmh-story-lead-copy h3 { font-family: var(--wm-serif); font-weight: 600; line-height: 1.5; }
.walmong-editorial .wmh-membership { background: var(--wm-tint); border: 1px solid var(--wm-line); border-radius: 6px; }

/* A journal index, with wrapping genres instead of a tiny horizontal scroller. */
.walmong-editorial .wmh-wolha-magazine { --wolha-night: var(--wm-ink); --wolha-paper: var(--wm-tint); --wolha-line: var(--wm-line); }
.walmong-editorial .wmh-wolha-title-row { padding-bottom: 24px; gap: 24px; }
.walmong-editorial .wmh-wolha-edition { font-size: 12px; color: var(--wm-muted); }
.walmong-editorial .wmh-wolha-genres { flex-wrap: wrap; overflow: visible; gap: 0 16px; }
.walmong-editorial .wmh-wolha-genres a { padding-inline: 4px; font-size: 14px; min-height: 44px; color: var(--wm-muted); }
.walmong-editorial .wmh-wolha-genres a small { font-size: 11px; color: var(--wm-muted); }
.walmong-editorial .wmh-wolha-genres a.is-active { color: var(--wm-accent); }
.walmong-editorial .wmh-wolha-genres a.is-active:after { left: 0; right: 0; bottom: 0; background: var(--wm-accent); }
.walmong-editorial .wmh-wolha-signature { margin: 28px 0 44px; padding: 28px; gap: 28px; border-color: var(--wm-line); }
.walmong-editorial .wmh-wolha-signature-grid p { font-size: 14px; color: var(--wm-muted); }
.walmong-editorial .wmh-wolha-signature-grid b { font-size: 12px; color: var(--wm-muted); margin-bottom: 12px; }
.walmong-editorial .wmh-wolha-featured { gap: 36px; padding-bottom: 44px; border-color: var(--wm-line); }
.walmong-editorial .wmh-wolha-featured .wmh-archive-lead-copy h2 { font-family: var(--wm-serif); font-size: clamp(25px, 3vw, 36px); font-weight: 600; line-height: 1.5; }
.walmong-editorial :is(.wmh-wolha-byline, .wmh-wolha-feature-meta) { font-size: 12px; color: var(--wm-muted); }
.walmong-editorial :is(.wmh-wolha-desk, .wmh-wolha-archive-section) { padding-top: 44px; }
.walmong-editorial .wmh-archive-row { border-color: var(--wm-line); }
.walmong-editorial .wmh-archive-row h3 { font-family: var(--wm-serif); font-weight: 600; line-height: 1.5; }
.walmong-editorial :is(.wmh-archive-empty, .wmh-empty) { color: var(--wm-muted); }

/* Community and challenge cards keep their existing actions and media. */
.walmong-editorial :is(.wmh-mongji-create, .wmh-mongji-my-card, .wmh-mongji-card) { background: var(--wm-surface); border-color: var(--wm-line); border-radius: 8px; box-shadow: none; }
.walmong-editorial .wmh-mongji-create { margin: 28px 0 44px; padding: 24px; }
.walmong-editorial :is(.wmh-mongji-create-head > p, .wmh-mongji-desc) { color: var(--wm-muted); font-size: 15px; line-height: 1.85; }
.walmong-editorial .wmh-mongji-how { margin-top: 44px; border-color: var(--wm-line); }
.walmong-editorial .wmh-challenge-plugin-shell .wmc-wrap { background: transparent; color: var(--wm-ink); padding: 0; }
.walmong-editorial .wmh-challenge-plugin-shell .wmc-card { background: var(--wm-surface); border: 1px solid var(--wm-line); border-radius: 8px; box-shadow: none; overflow: hidden; }
.walmong-editorial .wmh-challenge-plugin-shell .wmc-card-body h3 { font-family: var(--wm-serif); font-weight: 600; line-height: 1.5; color: var(--wm-ink); }
.walmong-editorial .wmh-challenge-plugin-shell .wmc-card-body > p { color: var(--wm-muted); }
.walmong-editorial .wmh-challenge-plugin-shell .wmc-tabs a { min-height: 44px; border-radius: 5px; font-size: 14px; }
.walmong-editorial .wmh-challenge-plugin-shell .wmc-tabs a.active { background: var(--wm-accent); border-color: var(--wm-accent); color: #fffdf8; }

/* MY remains an overview plus selected submenus, never a wall of panels. */
.walmong-editorial .wmh-my-page { max-width: 1080px; }
.walmong-editorial .wmh-my-hero { padding-bottom: 24px; margin-bottom: 22px; }
.walmong-editorial .wmh-my-hero h1 { font-size: clamp(29px, 3.4vw, 42px) !important; }
.walmong-editorial .wmh-my-subnav { gap: 8px; margin-bottom: 28px; border-color: var(--wm-line); }
.walmong-editorial .wmh-my-subnav a { min-height: 46px; border: 1px solid var(--wm-line); border-radius: 5px; color: var(--wm-ink); background: var(--wm-surface); font-size: 14px; }
.walmong-editorial .wmh-my-subnav a.is-active { color: #fffdf8; background: var(--wm-accent); border-color: var(--wm-accent); }
.walmong-editorial :is(.wmh-my-core-card, .wmh-my-home-grid > a) { background: var(--wm-surface); border-color: var(--wm-line); border-radius: 6px; box-shadow: none; }
.walmong-editorial .wvp-shell { --wvp-paper: var(--wm-tint); --wvp-ink: var(--wm-ink); --wvp-muted: var(--wm-muted); --wvp-line: var(--wm-line); --wvp-accent: var(--wm-accent); }
.walmong-editorial .wvp-shell :is(h1, h2, h3, blockquote) { font-family: var(--wm-serif); }
.walmong-editorial .wvp-subnav a { border-radius: 5px; }
.walmong-editorial .wvp-subnav a[aria-current="page"] { background: var(--wm-accent); border-color: var(--wm-accent); color: #fffdf8; }
.walmong-editorial .wmr-hub { max-width: 1080px; padding-top: 36px; }
.walmong-editorial :is(.wmr-section, .wmr-question, .wmr-notifications, .wmr-invite) { background: var(--wm-surface); border-color: var(--wm-line); border-radius: 8px; }
.walmong-editorial :is(.wmr-stat, .wmr-stats > div) { background: var(--wm-tint); border-color: var(--wm-line); }

/* Membership's editorial introduction only: recurring/join/checkout controls are untouched. */
.walmong-editorial .wmhome-mem-plan { background: var(--wm-surface); border-color: var(--wm-line); border-radius: 8px; box-shadow: none; }
.walmong-editorial .wmhome-mem-plan h2 { font-family: var(--wm-serif); color: var(--wm-ink); font-size: 26px; line-height: 1.5; }
.walmong-editorial .wmhome-mem-featured { border-color: var(--wm-accent); background: var(--wm-tint); }
.walmong-editorial .wmhome-mem-plan li { color: var(--wm-muted); line-height: 1.8; }
.walmong-editorial .wmhome-mem-compare-table { border-color: var(--wm-line); }

/* Reading gets a quiet measure; playback, tracking, and share scripts retain their DOM. */
.walmong-editorial.wmh-article-page .wmh-article-header { max-width: 760px !important; padding: 36px 0 28px !important; border-color: var(--wm-line); }
.walmong-editorial .wmh-article-deck { color: var(--wm-muted); font-size: 17px; line-height: 1.85; }
.walmong-editorial .wmh-reading-body { max-width: 720px; color: var(--wm-ink); }
.walmong-editorial .wmh-reading-body p { font-size: 18px; line-height: 2; }
.walmong-editorial .wmh-article-after { max-width: 760px; margin-inline: auto; }
.walmong-editorial :is(.wmh-article-challenge, .wmh-article-membership, .wmr-article-loop) { background: var(--wm-tint); border-color: var(--wm-line); border-radius: 6px; }
.walmong-editorial .wmh-reading-body.is-gated { padding-bottom: 8px; }
.walmong-editorial .wmh-reading-teaser { margin-bottom: 0; }
.walmong-editorial .wmh-read-gate {
  max-width: 720px; margin: 32px auto 0; padding: 30px 30px 28px;
  border: 1px solid var(--wm-line); border-radius: 8px; background: var(--wm-surface);
  box-shadow: 0 16px 42px rgba(37, 43, 39, .06); text-align: center;
}
.walmong-editorial .wmh-read-gate-kicker { display: block; margin-bottom: 10px; color: var(--wm-accent); font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.walmong-editorial .wmh-read-gate h2 { margin: 0 0 12px; color: var(--wm-ink); font-family: var(--wm-serif); font-size: clamp(24px, 3vw, 31px); line-height: 1.45; word-break: keep-all; }
.walmong-editorial .wmh-read-gate > p { max-width: 560px; margin: 0 auto; color: var(--wm-muted); font-size: 15px !important; line-height: 1.8 !important; word-break: keep-all; }
.walmong-editorial .wmh-read-gate-actions { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.walmong-editorial .wmh-read-gate-actions a { min-height: 44px; padding: 10px 17px; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; text-decoration: none; }
.walmong-editorial .wmh-read-gate-primary { background: var(--wm-accent); color: #fffdf8 !important; }
.walmong-editorial .wmh-read-gate-secondary { border: 1px solid var(--wm-line); background: var(--wm-surface); color: var(--wm-ink) !important; }
.walmong-editorial .wmh-read-gate-meter { max-width: 360px; margin: 18px auto 0; text-align: left; }
.walmong-editorial .wmh-read-gate-meter > span { display: block; margin-bottom: 7px; color: var(--wm-muted); font-size: 13px; }
.walmong-editorial .wmh-read-gate-meter > i { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: var(--wm-line); }
.walmong-editorial .wmh-read-gate-meter > i > b { display: block; width: 100%; height: 100%; border-radius: inherit; background: var(--wm-accent); }
.walmong-editorial .wmh-read-gate-reset { color: var(--wm-muted); font-size: 13px; }

@media (max-width: 1000px) {
  .walmong-editorial .wmh-home .wmh-hero { gap: 28px; }
  .walmong-editorial .wmh-wolha-signature { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .walmong-editorial :is(.wmh-home, .wmh-wolha, .wmh-mongji, .wmh-challenge-hub, .wmh-my-page, .wmhome-mem-shell) { width: calc(100% - 32px); padding: 20px 0 48px; }
  .walmong-editorial .wmh-home .wmh-hero { padding: 4px 0 30px; gap: 24px; }
  .walmong-editorial .wmh-hero-copy h1 { font-size: 32px !important; margin: 12px 0 16px; }
  .walmong-editorial :is(.wmh-section, .wmh-wolha-desk, .wmh-wolha-archive-section) { padding-block: 30px; }
  .walmong-editorial :is(.wmh-wolha-magazine-head, .wmh-mongji-head, .wmh-challenge-hub-head, .wmhome-mem-head) { margin-bottom: 26px; }
  .walmong-editorial :is(.wmh-wolha-title-row, .wmh-section-head, .wmh-wolha-section-head) { gap: 16px; flex-wrap: wrap; }
  .walmong-editorial .wmh-wolha-edition { white-space: normal; }
  .walmong-editorial .wmh-wolha-genres { gap: 0 12px; }
  .walmong-editorial .wmh-wolha-signature { padding: 20px; margin: 24px 0 30px; }
  .walmong-editorial .wmh-wolha-signature-grid { grid-template-columns: 1fr; gap: 18px; }
  .walmong-editorial .wmh-wolha-signature-grid article { padding-left: 14px; }
  .walmong-editorial .wmh-wolha-signature-grid b { margin-bottom: 6px; }
  .walmong-editorial .wmh-wolha-featured { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-bottom: 30px; }
  .walmong-editorial .wmh-wolha-section-head > p { text-align: left; }
  .walmong-editorial .wmh-mongji-create { padding: 20px; margin-bottom: 30px; }
  .walmong-editorial .wmh-my-subnav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .walmong-editorial .wmh-my-subnav a { padding-inline: 6px; font-size: 14px; }
  .walmong-editorial .wmr-hub { padding: 20px 16px 48px; }
  .walmong-editorial.wmh-article-page .wmh-article-header { padding: 24px 0 22px !important; }
  .walmong-editorial .wmh-reading-body p { font-size: 17px; line-height: 1.95; }
}
@media (prefers-reduced-motion: reduce) {
  .walmong-editorial :is(.wmh-home, .wmh-wolha, .wmh-mongji, .wmh-challenge-hub, .wmh-my-page, .wvp-shell) * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Studio (.wmx-*) and MY feature screens (.wvp-*) share the editorial palette, type, and radius.
   Presentation only: markup, scripts, and saved data are owned by Retention and stay untouched. */
.walmong-editorial .wmx-shell {
  --ink: var(--wm-ink); --muted: var(--wm-muted); --line: var(--wm-line); --soft: var(--wm-tint);
  width: min(1160px, calc(100% - 48px)); max-width: none; padding: 36px 0 72px;
}
.walmong-editorial .wmx-hero { background: var(--wm-surface); border-color: var(--wm-line); border-radius: 6px; padding: 32px; }
.walmong-editorial :is(.wmx-hero > span, .wmx-kicker) { color: var(--wm-accent); font-size: 12px; font-weight: 600; letter-spacing: .12em; }
.walmong-editorial .wmx-hero h1 {
  font-family: var(--wm-serif); font-weight: 600; font-size: clamp(30px, 3.6vw, 44px); line-height: 1.4;
  letter-spacing: -.045em; color: var(--wm-ink); word-break: keep-all; margin: 12px 0;
}
.walmong-editorial .wmx-hero p { color: var(--wm-muted); font-size: 16px; line-height: 1.9; }
.walmong-editorial .wmx-summary b { font-family: var(--wm-serif); font-weight: 600; color: var(--wm-ink); }
.walmong-editorial :is(.wmx-live h2, .wmx-card h3, .wmx-recent > h2, .wmx-audio-card strong) {
  font-family: var(--wm-serif); font-weight: 600; color: var(--wm-ink); letter-spacing: -.02em; word-break: keep-all;
}
.walmong-editorial .wmx-recent > h2 { font-size: clamp(23px, 2.6vw, 29px); line-height: 1.5; margin-bottom: 16px; }
.walmong-editorial :is(.wmx-live article, .wmx-card, .wmx-recent article, .wmx-audio-card, .wmx-audio-player) {
  background: var(--wm-surface); border-color: var(--wm-line); border-radius: 6px; box-shadow: none;
}
.walmong-editorial :is(.wmx-live p, .wmx-live small, .wmx-card p) { color: var(--wm-muted); line-height: 1.7; }
.walmong-editorial :is(.wmx-live li a, .wmx-audio-card a) { color: var(--wm-ink); text-underline-offset: 4px; }
.walmong-editorial .wmx-live li a:hover { color: var(--wm-accent); }
.walmong-editorial :is(.wmx-tags span, .wmx-topic-list a) { background: var(--wm-tint); border-color: var(--wm-line); border-radius: 4px; }
.walmong-editorial :is(.wmx-audio-open, .wmx-actions > button, .wmx-save-entry, .wmx-login) {
  background: var(--wm-accent); color: #fffdf8; border-radius: 5px; font-weight: 600;
  min-height: 40px; padding: 8px 14px; display: inline-flex; align-items: center; justify-content: center;
}
.walmong-editorial .wmx-filters button { background: var(--wm-surface); border-color: var(--wm-line); border-radius: 5px; color: var(--wm-ink); min-height: 40px; }
.walmong-editorial .wmx-filters button.is-active { background: var(--wm-accent); border-color: var(--wm-accent); color: #fffdf8; }
.walmong-editorial .wmx-entry-text { background: var(--wm-surface); border-color: var(--wm-line); border-radius: 4px; }

.walmong-editorial .wvp-shell :is(.wvp-summary strong, .wvp-portfolio-facts dd, .wvp-draft-facts dd, .wvp-growth-facts dd, .wvp-author-card strong, .wvp-poster-art.is-typographic span) { font-family: var(--wm-serif); }
.walmong-editorial .wvp-shell :is(.wvp-visual-card[data-wvp-layout=postcard], .wvp-visual-poster, .wvp-draft-card, .wvp-scene-form input[type=text], .wvp-scene-form textarea) { background: var(--wm-surface); }
.walmong-editorial .wvp-shell :is(.wvp-visual-card, .wvp-visual-poster, .wvp-empty-state, .wvp-draft-card, .wvp-author-card) { border-radius: 6px; }
.walmong-editorial .wvp-shell :is(.wvp-visual-card[data-wvp-layout=journal], .wvp-edge-last .wvp-visual-card) { border-radius: 0; }
.walmong-editorial .wvp-shell :is(.wvp-actions button, .wvp-author-links a, .wvp-day, .wvp-bingo-cell) { border-radius: 5px; }
.walmong-editorial .wvp-shell .wvp-kicker { color: var(--wm-accent); letter-spacing: .12em; }
.walmong-editorial .wvp-shell .wvp-empty-state > span { color: var(--wm-accent); }
.walmong-editorial .wvp-shell .wvp-level-3 { background: var(--wm-accent); color: #fffdf8; }
.walmong-editorial .wvp-shell .wvp-bingo-cell.is-complete { background: var(--wm-tint); border-color: var(--wm-accent); }
.walmong-editorial .wvp-shell .wvp-bingo-cell.is-complete span { color: var(--wm-accent); }

@media (max-width: 760px) {
  .walmong-editorial .wmx-shell { width: calc(100% - 32px); padding: 20px 0 48px; }
  .walmong-editorial .wmx-hero { padding: 22px 18px; }
}

/* MY home: align the last stragglers with the editorial style.
   The membership tile used a one-off navy, and the Activity Hub growth card (.wah-*) is appended
   after the page content by that plugin; both are restyled here so Activity Hub stays untouched. */
.walmong-editorial .wmh-my-core a.is-primary { background: var(--wm-accent); }
.walmong-editorial .wmh-my-home-guide { margin-bottom: 0; }
.walmong-editorial .wah-my-card { padding-top: 0; }
.walmong-editorial .wah-shell :is(.wah-card, .wah-hero, .wah-stats > div, .wah-link-card) {
  background: var(--wm-surface); border-color: var(--wm-line); border-radius: 6px; box-shadow: none;
}
.walmong-editorial .wah-shell :is(.wah-head h2, .wah-card h2, .wah-hero h1, .wah-link-card b) {
  font-family: var(--wm-serif); font-weight: 600; color: var(--wm-ink); letter-spacing: -.02em; word-break: keep-all;
}
.walmong-editorial .wah-shell :is(.wah-head > span, .wah-stats small, .wah-link-card span, .wah-muted) { color: var(--wm-muted); }
.walmong-editorial .wah-shell .wah-btn { background: var(--wm-accent); color: #fffdf8; border-radius: 5px; font-weight: 600; min-height: 40px; display: inline-flex; align-items: center; }
.walmong-editorial .wah-shell :is(.wah-chips span, .wah-audit span) { background: var(--wm-tint); border-radius: 4px; }
.walmong-editorial .wah-shell .wah-progress i { background: var(--wm-accent); }
.walmong-editorial .wah-shell :is(.wah-form input, .wah-form select, .wah-form textarea) { background: var(--wm-surface); border-color: var(--wm-line); border-radius: 4px; }

/* Home: the primary link is a filled button here, so it needs its own padding (the base rule is an underlined text link). */
.walmong-editorial .wmh-primary-link {
  padding: 0 22px; border-bottom: 0; justify-content: center; font-weight: 600; letter-spacing: -.01em;
}

/* Home membership teaser. It used the membership page container class (.wmhome-mem-shell), which forces
   a white box with !important; it is now its own flat band separated by a rule like the other sections. */
.walmong-editorial .wmh-home-membership {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; flex-wrap: wrap;
  margin-top: 0; padding: 52px 0 8px; background: transparent; border: 0;
}
.walmong-editorial .wmh-home-membership h2 {
  font-family: var(--wm-serif); font-weight: 600; font-size: clamp(23px, 2.6vw, 29px); line-height: 1.5;
  letter-spacing: -.035em; color: var(--wm-ink); margin: 8px 0 10px; word-break: keep-all;
}
.walmong-editorial .wmh-home-membership p { color: var(--wm-muted); font-size: 15px; line-height: 1.85; max-width: 40em; margin: 0; }
@media (max-width: 760px) {
  .walmong-editorial .wmh-home-membership { gap: 22px; padding-top: 36px; }
}


/* v1.3.55 — Keep intrinsically single-line UI text on one line.
   Headings/body copy still wrap naturally; only compact navigation, controls, labels and CTAs
   opt out of the editorial shell's overflow-wrap:anywhere. */
.walmong-editorial #header .menu > li > a,
.walmong-editorial :is(
  .wmh-primary-link,
  .wmh-text-link,
  .wmh-section-head > a,
  .wmh-wolha-genres a,
  .wmh-mongji-status > span,
  .wmh-mongji-copy dt,
  .wmh-mongji-actions > a,
  .wmh-mongji-create-cta,
  .wmh-mongji-gate a,
  .wmh-challenge-go,
  .wmh-challenge-plugin-shell .wmc-tabs a,
  .wmh-my-subnav a,
  .wvp-subnav a,
  .wvp-actions button,
  .wvp-author-links a,
  .wmx-filters button,
  .wmx-tags span,
  .wmx-topic-list a,
  .wmx-audio-open,
  .wmx-actions > button,
  .wmx-save-entry,
  .wmx-login,
  .wah-btn,
  .wmh-share-tools button,
  .wmhome-mem-plan > a,
  .wmhome-mem-plan-lock,
  .wmhome-mem-note > a
) {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
}
.walmong-editorial :is(
  .wmh-primary-link,
  .wmh-text-link,
  .wmh-section-head > a,
  .wmh-wolha-genres a,
  .wmh-mongji-status > span,
  .wmh-mongji-actions > a,
  .wmh-mongji-create-cta,
  .wmh-mongji-gate a,
  .wmh-challenge-go,
  .wmh-challenge-plugin-shell .wmc-tabs a,
  .wvp-subnav a,
  .wmx-filters button,
  .wmx-tags span,
  .wmx-topic-list a,
  .wmx-audio-open,
  .wmx-actions > button,
  .wmx-save-entry,
  .wmx-login,
  .wah-btn,
  .wmh-share-tools button
) {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
}
.walmong-editorial :is(
  .wmh-hero-actions,
  .wmh-mongji-actions,
  .wvp-subnav,
  .wmx-filters,
  .wmx-tags,
  .wmx-topic-list,
  .wmh-share-tools
) {
  flex-wrap: wrap;
}
.walmong-editorial .wmh-mongji-status {
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 760px) {
  .walmong-editorial .wmh-my-subnav {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .walmong-editorial .wmh-my-subnav a {
    flex: 1 1 auto;
    min-width: max-content;
    width: auto;
    padding-inline: 12px;
  }
}

.wmh-community-detail { margin-block: 16px; max-width: 100%; }
.wmh-community-detail > summary, .wmh-community-content summary { cursor: pointer; font-weight: 600; line-height: 1.7; }
.wmh-community-content { line-height: 1.9; overflow-wrap: anywhere; min-width: 0; }
.wmh-community-content h4 { margin: 24px 0 8px; font-size: 1em; }
.wmh-community-content ul { padding-inline-start: 1.3em; }
.wmh-community-content details { margin-block: 12px; }
.wmh-community-preview { width: min(1160px, calc(100% - 32px)); margin: 24px auto 60px; }
.wmh-community-preview article { padding-block: 18px; border-bottom: 1px solid var(--wm-line, #dcd8ce); }

/* Long launch articles retain headings, lists and quotations inside the access wrapper. */
.walmong-editorial .wmh-reading-body { overflow-wrap: anywhere; }
.walmong-editorial .wmh-reading-body h2 { margin: 2.5em 0 1em; font-size: clamp(22px, 5vw, 28px); line-height: 1.5; }
.walmong-editorial .wmh-reading-body :is(ol, ul) { padding-inline-start: 1.5em; font-size: 17px; line-height: 1.95; }
.walmong-editorial .wmh-reading-body li + li { margin-top: .6em; }
.walmong-editorial .wmh-reading-body blockquote { margin: 2em 0; padding: 1em 1.25em; border-inline-start: 3px solid var(--wm-ink); }

/* 1.3.61 reading comfort: paragraphs breathe, Korean breaks on word boundaries, short labels stay on one line. */
.walmong-editorial .wmh-reading-body { overflow-wrap: break-word; word-break: keep-all; letter-spacing: -.01em; }
.walmong-editorial .wmh-reading-body :is(p, .wmh-reading-teaser > p) { margin: 0 0 1.75em; }
.walmong-editorial .wmh-reading-body .wmh-reading-teaser { margin-bottom: 4px; }
.walmong-editorial .wmh-reading-body h2 { margin: 2.7em 0 1em; letter-spacing: -.03em; text-wrap: balance; }
.walmong-editorial .wmh-reading-body h2:first-child { margin-top: .5em; }
.walmong-editorial .wmh-reading-body blockquote { margin: 2.2em 0; padding: .4em 0 .4em 1.4em; border-inline-start: 2px solid var(--wm-accent); background: none; }
.walmong-editorial .wmh-reading-body blockquote p { margin: 0; font-size: 18px; line-height: 2.1; color: var(--wm-ink); }
.walmong-editorial .wmh-reading-body :is(ol, ul) { margin: 0 0 1.9em; }
.walmong-editorial .wmh-reading-body li + li { margin-top: .9em; }
.walmong-editorial .wmr-article-loop, .walmong-editorial .wmr-article-loop * { word-break: keep-all; overflow-wrap: break-word; }
.walmong-editorial .wmr-article-loop :is(button, a, .wmr-kicker, .wmr-loop-head strong) { white-space: nowrap; }
.walmong-editorial .wmr-question h3 { font-size: clamp(15px, 4.1vw, 21px); line-height: 1.5; text-wrap: balance; letter-spacing: -.02em; }
.walmong-editorial .wmr-share-box > span { white-space: nowrap; color: var(--wm-muted); }
@media (max-width: 560px) {
  .walmong-editorial .wmr-article-loop { padding: 16px 14px; }
  .walmong-editorial .wmr-question { padding: 16px 14px; }
  .walmong-editorial .wmr-share-box { flex-direction: column; align-items: stretch; gap: 10px; }
  .walmong-editorial .wmr-share-box > span { text-align: center; font-size: 14px; }
  .walmong-editorial .wmr-share-box .wmr-share-selection { width: 100%; }
}
.walmong-editorial .wmh-launch-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.walmong-editorial .wmh-article-hero .wmh-launch-image { height: auto; max-height: 720px; }

/* 1.3.62 MY: five destinations on top, the other views of a destination in a quiet menu at the bottom. */
.walmong-editorial .wmh-my-subnav.wmh-my-subnav-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; }
.walmong-editorial .wmh-my-subnav-groups a { justify-content: center; text-align: center; white-space: nowrap; }
.walmong-editorial .wmh-my-subnav-groups a span { letter-spacing: .08em; }
.walmong-editorial .wmh-my-more { margin: 56px 0 8px; padding-top: 22px; border-top: 1px solid var(--wm-ink); background: none; border-radius: 0; }
.walmong-editorial .wmh-my-more h2 { margin: 0 0 6px; font-family: var(--wm-serif); font-size: 20px; line-height: 1.5; font-weight: 600; letter-spacing: -.03em; word-break: keep-all; }
.walmong-editorial .wmh-my-more ul { margin: 0; padding: 0; list-style: none; }
.walmong-editorial .wmh-my-more li { border-bottom: 1px solid var(--wm-line); }
.walmong-editorial .wmh-my-more a { display: flex; align-items: center; justify-content: space-between; min-height: 52px; color: var(--wm-ink); font-size: 16px; text-decoration: none; white-space: nowrap; }
.walmong-editorial .wmh-my-more a::after { content: "→"; color: var(--wm-muted); }
.walmong-editorial .wmh-my-more a[aria-current="page"] { color: var(--wm-accent); font-weight: 700; }
.walmong-editorial .wvp-my-panel { display: flex; flex-direction: column; }
.walmong-editorial .wvp-my-panel > .wvp-subnav { order: 99; margin: 40px 0 0; padding: 18px 0 0; border-top: 1px solid var(--wm-line); border-bottom: 0; background: none; }
@media (max-width: 720px) {
  .walmong-editorial .wmh-my-subnav.wmh-my-subnav-groups { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
  .walmong-editorial .wmh-my-subnav-groups a { padding-inline: 2px; font-size: 14px; }
  .walmong-editorial .wmh-my-subnav-groups a span { display: none; }
}

/* 1.3.63 in-article figures: tables, steps and one illustration. Quiet, never full-bleed. */
figure.wmh-inline-figure{margin:2.2em 0;padding:0}
.wmh-inline-figure img{display:block;width:100%;height:auto;border-radius:10px}
.wmh-inline-figure figcaption,.wmh-inline-table caption{font-size:13px;color:var(--wm-muted,#6b6459);text-align:left;margin-top:10px;caption-side:top;margin:0 0 10px;font-weight:700;word-break:keep-all}
.wmh-inline-image figcaption{font-weight:400;margin:10px 0 0;text-align:center}
.wmh-inline-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;word-break:keep-all}
.wmh-inline-table th,.wmh-inline-table td{border-top:1px solid var(--wm-line,#ddd5c6);padding:11px 10px;text-align:left;vertical-align:top}
.wmh-inline-table thead th{border-top:1px solid var(--wm-ink,#2b2a28);font-size:12px;letter-spacing:.04em;color:var(--wm-muted,#6b6459)}
.wmh-inline-table tbody th{white-space:nowrap;font-weight:700}
.wmh-inline-table tbody tr:last-child th,.wmh-inline-table tbody tr:last-child td{border-bottom:1px solid var(--wm-line,#ddd5c6)}
.wmh-inline-steps ol{list-style:none;margin:0;padding:0;counter-reset:wmhstep;display:grid;gap:0}
.wmh-inline-steps li{counter-increment:wmhstep;display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding:12px 0;border-top:1px solid var(--wm-line,#ddd5c6);word-break:keep-all}
.wmh-inline-steps li:last-child{border-bottom:1px solid var(--wm-line,#ddd5c6)}
.wmh-inline-steps li::before{content:counter(wmhstep);grid-row:1/3;font-weight:800;font-size:14px;color:var(--wm-muted,#6b6459);line-height:1.6}
.wmh-inline-steps li strong{font-size:15px}
.wmh-inline-steps li span{font-size:13.5px;color:var(--wm-muted,#6b6459);line-height:1.65}
@media(max-width:560px){.wmh-inline-table table{font-size:13px}.wmh-inline-table th,.wmh-inline-table td{padding:9px 6px}.wmh-inline-table tbody th{white-space:normal}}

/* 1.3.68 article title: keep a normal Korean title on one line (long ones still wrap and balance). */
.walmong-editorial.wmh-article-page .wmh-article-header h1{font-size:clamp(20px,5.3vw,40px) !important;line-height:1.35 !important;text-wrap:balance}

/* 1.3.69 design fixes from the production audit */
/* Korean text breaks between words, never inside one ("발/견합니다"). Words that cannot fit still wrap safely. */
.walmong-editorial { word-break: keep-all; overflow-wrap: break-word; }
/* Membership 초유 card keeps its dark navy surface: the shared heading/list colors made it unreadable. */
.walmong-editorial .wmhome-mem-featured :is(h2, h3, li, .wmhome-mem-plan-top, .wmhome-mem-plan-note) { color: #fff !important; }
.walmong-editorial .wmhome-mem-featured li { color: rgba(255,255,255,.9) !important; border-top-color: rgba(255,255,255,.22); }
/* Challenge list filter: type chips get their own row on phones instead of being clipped beside the status select. */
@media (max-width: 560px) {
  .walmong-editorial .wmc-filterbar { grid-template-columns: 1fr !important; row-gap: 10px; }
  .walmong-editorial .wmc-filterbar .wmc-tabs { flex-wrap: wrap; overflow: visible !important; }
  .walmong-editorial .wmc-status-filter { margin-left: 0; justify-content: flex-start; }
}
/* Space between the hero call-to-action and the illustration below it (stacked layout). */
@media (max-width: 900px) { .walmong-editorial .wmh-hero-actions { margin-bottom: 22px; } }

/* 1.3.70 readability floor: supporting text >= 13px, descriptive text >= 14px, contrast >= 4.5. */
.walmong-editorial :is(.wmh-archive-date, .wmh-wolha-row-author, .wmh-wolha-card-meta, .wmh-wolha-byline, .wmh-wolha-feature-meta, .wmh-readtime, .wmh-challenge-go, .wmh-pick-context span, .wmh-section-head > span, .wmh-section-head > a, .wmh-topic-chips a, .wmh-topic-chips span, .wmh-archive-pagination a, .wmh-text-link) {
  font-size: 13px; line-height: 1.7; letter-spacing: .01em; color: var(--wm-muted);
}
.walmong-editorial :is(.wmh-pick-context p, .wmh-archive-row-copy p, .wmh-wolha-spotlight p, .wmh-section-intro) {
  font-size: 14px; line-height: 1.75; color: var(--wm-muted);
}
.walmong-editorial :is(.wmh-kicker, .wmh-eyebrow) { font-size: 12px; color: var(--wm-muted); }
.walmong-editorial .wmh-topic-chips a.is-active { color: #fff; }
.walmong-editorial :is(.wmhome-mem-plan-note, .wmhome-mem-plan-lock, .wmhome-mem-plan-top span, .wmhome-mem-compare-table .head span, .wmhome-mem-compare-table > div > span) { font-size: 13px; line-height: 1.65; }
.walmong-editorial .wmh-archive-row-copy h2, .walmong-editorial .wmh-archive-row-copy h3 { line-height: 1.5; }
.walmong-editorial .wmh-archive-card h2, .walmong-editorial .wmh-wolha-spotlight h2, .walmong-editorial .wmh-wolha-spotlight h3 { line-height: 1.5; }
.walmong-editorial .wmh-article-byline span { font-size: 13px; color: var(--wm-muted); }
.walmong-editorial .wmhome-mem-note :is(p, a) { font-size: 14px; line-height: 1.75; color: var(--wm-muted); }
.walmong-editorial #footer :is(a, span, p, li) { font-size: 13px; line-height: 1.7; }