/* ROBERIN milestone calculator redesign v9 - Phase 2 article body */
body.postid-3004,
body.postid-3011,
body.postid-3012,
body.postid-3013,
body.postid-3014 {
  --ms-paper: #fff7e8;
  --ms-paper-soft: #fbf0dc;
  --ms-ink: #2b2119;
  --ms-muted: #67584a;
  --ms-line: #6b5745;
  --ms-line-soft: rgba(107, 87, 69, 0.28);
  --ms-green: #e3efd2;
  --ms-green-ink: #2f4e2e;
  --ms-blue: #dfeef8;
  --ms-blue-ink: #28455a;
  --ms-amber: #f7df9d;
  --ms-red: #a43e2d;
  --ms-white: #fffdf7;
  --ms-shadow: 4px 4px 0 rgba(72, 55, 40, 0.22);
  --ms-shadow-soft: 2px 2px 0 rgba(72, 55, 40, 0.14);
  --milestone-tool-width: 1200px;
  --milestone-article-width: 1050px;
  --milestone-main-grid-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) minmax(0, 0.92fr);
  background:
    linear-gradient(90deg, rgba(107, 87, 69, 0.025) 1px, transparent 1px) 0 0 / 18px 18px,
    linear-gradient(0deg, rgba(107, 87, 69, 0.022) 1px, transparent 1px) 0 0 / 18px 18px,
    #faf2e8;
}

body.postid-3004 .cs-site-content > .cs-container,
body.postid-3011 .cs-site-content > .cs-container,
body.postid-3012 .cs-site-content > .cs-container,
body.postid-3013 .cs-site-content > .cs-container,
body.postid-3014 .cs-site-content > .cs-container,
body.postid-3004 .cs-main-content,
body.postid-3011 .cs-main-content,
body.postid-3012 .cs-main-content,
body.postid-3013 .cs-main-content,
body.postid-3014 .cs-main-content,
body.postid-3004 .cs-content-area,
body.postid-3011 .cs-content-area,
body.postid-3012 .cs-content-area,
body.postid-3013 .cs-content-area,
body.postid-3014 .cs-content-area,
body.postid-3004 .cs-entry__container,
body.postid-3011 .cs-entry__container,
body.postid-3012 .cs-entry__container,
body.postid-3013 .cs-entry__container,
body.postid-3014 .cs-entry__container,
body.postid-3004 .cs-entry__content-wrap,
body.postid-3011 .cs-entry__content-wrap,
body.postid-3012 .cs-entry__content-wrap,
body.postid-3013 .cs-entry__content-wrap,
body.postid-3014 .cs-entry__content-wrap {
  width: 100%;
  max-width: none;
}

body.postid-3004 .cs-breadcrumbs,
body.postid-3011 .cs-breadcrumbs,
body.postid-3012 .cs-breadcrumbs,
body.postid-3013 .cs-breadcrumbs,
body.postid-3014 .cs-breadcrumbs,
body.postid-3004 .cs-entry__header,
body.postid-3011 .cs-entry__header,
body.postid-3012 .cs-entry__header,
body.postid-3013 .cs-entry__header,
body.postid-3014 .cs-entry__header,
body.postid-3004 .milestone-calculator-wrapper,
body.postid-3011 .milestone-calculator-wrapper,
body.postid-3012 .milestone-calculator-wrapper,
body.postid-3013 .milestone-calculator-wrapper,
body.postid-3014 .milestone-calculator-wrapper,
body.postid-3004 .entry-content > article,
body.postid-3011 .entry-content > article,
body.postid-3012 .entry-content > article,
body.postid-3013 .entry-content > article,
body.postid-3014 .entry-content > article {
  width: min(var(--milestone-tool-width), calc(100vw - 32px));
  max-width: var(--milestone-tool-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

body.postid-3004 .entry-content > article,
body.postid-3011 .entry-content > article,
body.postid-3012 .entry-content > article,
body.postid-3013 .entry-content > article,
body.postid-3014 .entry-content > article {
  width: min(var(--milestone-article-width), calc(100vw - 32px));
  max-width: var(--milestone-article-width);
}

body.postid-3004 .cs-entry__header,
body.postid-3011 .cs-entry__header,
body.postid-3012 .cs-entry__header,
body.postid-3013 .cs-entry__header,
body.postid-3014 .cs-entry__header {
  margin-top: 18px;
  margin-bottom: 14px;
  text-align: left;
}

body.postid-3004 .cs-entry__title,
body.postid-3011 .cs-entry__title,
body.postid-3012 .cs-entry__title,
body.postid-3013 .cs-entry__title,
body.postid-3014 .cs-entry__title {
  color: var(--ms-ink);
  font-size: clamp(30px, 3.2vw, 42px);
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -0.055em;
  word-break: keep-all;
}

.milestone-calculator-wrapper,
.milestone-calculator-wrapper *,
.milestone-calculator-wrapper *::before,
.milestone-calculator-wrapper *::after { box-sizing: border-box; }

.milestone-calculator-wrapper {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: var(--ms-ink);
}

.milestone-calculator-wrapper br { display: none; }

body.postid-3004 .entry-content > .milestone-calculator-wrapper,
body.postid-3011 .entry-content > .milestone-calculator-wrapper,
body.postid-3012 .entry-content > .milestone-calculator-wrapper,
body.postid-3013 .entry-content > .milestone-calculator-wrapper,
body.postid-3014 .entry-content > .milestone-calculator-wrapper {
  margin-bottom: 40px !important;
}

@media (max-width: 640px) {
  body.postid-3004 .entry-content > .milestone-calculator-wrapper,
  body.postid-3011 .entry-content > .milestone-calculator-wrapper,
  body.postid-3012 .entry-content > .milestone-calculator-wrapper,
  body.postid-3013 .entry-content > .milestone-calculator-wrapper,
  body.postid-3014 .entry-content > .milestone-calculator-wrapper {
    margin-bottom: 24px !important;
  }
}

body.postid-3004 .entry-content > .milestone-calculator-wrapper + .aicp,
body.postid-3011 .entry-content > .milestone-calculator-wrapper + .aicp,
body.postid-3012 .entry-content > .milestone-calculator-wrapper + .aicp,
body.postid-3013 .entry-content > .milestone-calculator-wrapper + .aicp,
body.postid-3014 .entry-content > .milestone-calculator-wrapper + .aicp {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.postid-3004 .entry-content > .aicp + article,
body.postid-3011 .entry-content > .aicp + article,
body.postid-3012 .entry-content > .aicp + article,
body.postid-3013 .entry-content > .aicp + article,
body.postid-3014 .entry-content > .aicp + article {
  margin-top: 24px !important;
}

body.postid-3004 .entry-content > .aicp .roberin-qa-ad-placeholder,
body.postid-3011 .entry-content > .aicp .roberin-qa-ad-placeholder,
body.postid-3012 .entry-content > .aicp .roberin-qa-ad-placeholder,
body.postid-3013 .entry-content > .aicp .roberin-qa-ad-placeholder,
body.postid-3014 .entry-content > .aicp .roberin-qa-ad-placeholder {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.milestone-calculator-container {
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 0;
  padding: 14px;
  overflow: hidden;
  color: var(--ms-ink);
  background: var(--ms-paper);
  border: 2px solid var(--ms-line);
  border-radius: 0;
  box-shadow: var(--ms-shadow);
  line-height: 1.52;
}

.milestone-calculator-container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(107, 87, 69, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(107, 87, 69, 0.045) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
}

.calculator-header {
  display: grid;
  gap: 6px;
  margin: 0 0 10px;
  padding: 0 0 10px;
  text-align: left;
  border-bottom: 2px solid var(--ms-line);
}

.calculator-header h2 {
  margin: 0;
  color: var(--ms-ink);
  font-size: clamp(22px, 2.5vw, 30px);
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: -0.045em;
  text-shadow: none;
  word-break: keep-all;
}

.calculator-header .subtitle,
.subtitle {
  max-width: 760px;
  margin: 0;
  color: var(--ms-muted);
  font-size: 14.5px;
  line-height: 1.55;
  font-weight: 700;
  word-break: keep-all;
}

.quick-actions {
  display: grid;
  grid-template-columns: var(--milestone-main-grid-columns);
  gap: 10px;
  margin: 0 0 10px;
}

.btn-quick,
.btn-reset,
.cal-btn,
.btn-calc,
.btn-calculate,
.btn-share {
  appearance: none;
  border-radius: 0;
  font-family: inherit;
  cursor: pointer;
  transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease, color 120ms ease;
}

.btn-quick,
.btn-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 8px 10px;
  color: var(--ms-ink);
  background: var(--ms-white);
  border: 1px solid var(--ms-line);
  box-shadow: var(--ms-shadow-soft);
  font-size: 13.5px;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
}

.btn-quick { background: var(--ms-green); color: var(--ms-green-ink); }
.btn-reset { background: #f3dfd3; color: #743528; }

.btn-quick svg,
.btn-reset svg,
.btn-calculate svg,
.section-title svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2.2;
}

.btn-quick:hover,
.btn-reset:hover,
.cal-btn:hover:not(:disabled),
.btn-calculate:hover,
.btn-share:hover {
  transform: translate(1px, 1px);
  box-shadow: 1px 1px 0 rgba(72, 55, 40, 0.16);
}

.btn-quick:active,
.btn-reset:active,
.cal-btn:active:not(:disabled),
.btn-calculate:active,
.btn-share:active {
  transform: translate(2px, 2px);
  box-shadow: none;
}

.btn-quick:focus-visible,
.btn-reset:focus-visible,
.cal-btn:focus-visible,
.btn-calculate:focus-visible,
.btn-share:focus-visible,
.date-input:focus-visible,
.select-input:focus-visible {
  outline: 3px solid #d6a62b;
  outline-offset: 2px;
}

.calculator-main {
  display: grid;
  grid-template-columns: var(--milestone-main-grid-columns);
  gap: 10px;
  margin: 0 0 10px;
  align-items: start;
}

@media (min-width: 981px) {
  .calculator-main {
    grid-auto-rows: auto;
    align-items: stretch;
  }
  .input-section { grid-column: 1 / 2; grid-row: 1; }
  .special-section { grid-column: 2 / 4; grid-row: 1; }
  .result-section {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: start;
  }
  .input-section,
  .special-section {
    align-self: stretch;
    height: 100%;
  }
}

.input-section,
.result-section,
.special-section,
.info-section {
  min-width: 0;
  background: rgba(255, 253, 247, 0.94);
  border: 1px solid var(--ms-line);
  border-radius: 0;
  box-shadow: var(--ms-shadow-soft);
  padding: 12px;
}

.input-section,
.result-section,
.special-section {
  display: flex;
  flex-direction: column;
}

.section-title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px;
  padding: 0 0 8px;
  color: var(--ms-ink) !important;
  border-bottom: 1px solid var(--ms-line-soft);
  font-size: 15.5px;
  line-height: 1.2;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.section-title svg { color: var(--ms-line); }

.calendar-type-btns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 9px;
}

.cal-btn {
  min-height: 36px;
  padding: 7px 9px;
  color: var(--ms-ink);
  background: #fffdf8;
  border: 1px solid var(--ms-line);
  box-shadow: var(--ms-shadow-soft);
  font-size: 12.5px;
  line-height: 1;
  font-weight: 900;
}

.cal-btn.active { background: var(--ms-green); color: var(--ms-green-ink); }
.cal-btn:disabled { opacity: .52; cursor: not-allowed; }

.date-inputs {
  display: grid;
  grid-template-columns: .9fr .72fr .72fr;
  gap: 6px;
  margin: 0 0 9px;
}

.input-group { min-width: 0; margin: 0; }
.input-group label {
  display: block;
  margin: 0 0 5px;
  color: var(--ms-muted);
  font-size: 12.5px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.01em;
}

.date-input,
.select-input {
  min-width: 0;
  min-height: 40px;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  color: var(--ms-ink);
  background: #fffdf8;
  border: 1px solid var(--ms-line);
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(107, 87, 69, 0.08);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  font-family: inherit;
  color-scheme: light;
}

.date-input:focus,
.select-input:focus {
  background: #fff6d8;
  border-color: #5f4834;
  outline: none;
}

.err {
  display: block;
  min-height: 14px;
  margin-top: 3px;
  color: var(--ms-red);
  font-size: 11px;
  line-height: 1.15;
  font-weight: 850;
}

.preview,
.leap-notice,
.special-helper,
.copy-notice {
  margin: 0 0 9px;
  padding: 9px 10px;
  color: var(--ms-muted);
  background: #fffaf0;
  border: 1px dashed rgba(107, 87, 69, 0.52);
  font-size: 12.8px;
  line-height: 1.45;
  font-weight: 800;
  text-align: center;
}

.preview.success { color: var(--ms-green-ink); background: #edf6dd; border-style: solid; }
.preview.error { color: var(--ms-red); background: #f8ded7; border-style: solid; }
.leap-notice { color: #6f4b1d; background: #fff2c1; border: 1px solid #c99a35; border-left-width: 5px; text-align: left; }

.btn-calculate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 42px;
  margin-top: auto;
  padding: 10px 14px;
  color: #fffaf0;
  background: #35271d;
  border: 1px solid #231a13;
  box-shadow: 3px 3px 0 rgba(72, 55, 40, 0.24);
  font-size: 14.5px;
  line-height: 1;
  font-weight: 950;
}

.initial-msg,
.no-result {
  display: grid;
  min-height: 128px;
  place-items: center;
  gap: 8px;
  padding: 16px;
  color: var(--ms-muted);
  background: #fffaf0;
  border: 1px dashed rgba(107, 87, 69, 0.52);
  text-align: center;
  font-size: 13.5px;
  line-height: 1.5;
  font-weight: 800;
}

.initial-msg p { margin: 0; }
.msg-icon { font-size: 30px; line-height: 1; }
.sub-title { margin: 6px 0 6px; color: var(--ms-ink); font-size: 13.5px; line-height: 1.25; font-weight: 950; }

.milestone-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 0 0 8px;
}

.milestone-card {
  min-width: 0;
  padding: 8px;
  color: var(--ms-ink);
  background: #fffaf0;
  border: 1px solid rgba(107, 87, 69, 0.38);
  border-radius: 0;
  box-shadow: 2px 2px 0 rgba(72, 55, 40, 0.14);
  cursor: pointer;
  transition: transform 120ms ease, box-shadow 120ms ease;
}

.milestone-card:hover { transform: translate(1px, 1px); box-shadow: 1px 1px 0 rgba(72, 55, 40, 0.16); }
.milestone-card.upcoming { background: #edf6dd; border-color: var(--ms-line); }
.milestone-card.passed { opacity: .82; background: #f4ead8; }

.milestone-badge {
  display: inline-block;
  margin: 0 0 4px;
  padding: 2px 5px;
  color: var(--ms-green-ink);
  background: var(--ms-green);
  border: 1px solid rgba(107, 87, 69, 0.46);
  font-size: 10.8px;
  line-height: 1.1;
  font-weight: 950;
}

.milestone-card.passed .milestone-badge { color: #5f4834; background: #e8dcc7; }
.milestone-name { margin: 0 0 2px; color: var(--ms-ink); font-size: 16px; line-height: 1.15; font-weight: 950; letter-spacing: -0.035em; }
.milestone-age { margin: 0 0 4px; color: var(--ms-muted); font-size: 11.5px; line-height: 1.25; font-weight: 800; }
.milestone-date { margin: 0 0 4px; color: var(--ms-ink); font-size: 12.2px; line-height: 1.35; font-weight: 900; overflow-wrap: anywhere; }
.milestone-dday { margin: 0 0 4px; padding: 5px; color: var(--ms-blue-ink); background: var(--ms-blue); border: 1px solid rgba(107, 87, 69, 0.34); text-align: center; font-size: 15px; line-height: 1; font-weight: 950; font-variant-numeric: tabular-nums; }
.milestone-detail { color: var(--ms-muted); font-size: 11.3px; line-height: 1.35; font-weight: 800; text-align: center; }

.copy-notice { display: none; margin: 4px 0 0; color: var(--ms-green-ink); background: #edf6dd; border-style: solid; }
.copy-notice.show { display: block; }

.age-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 9px;
}

.age-item {
  min-width: 0;
  padding: 11px 8px;
  text-align: center;
  background: var(--ms-blue);
  border: 1px solid var(--ms-line);
}

.age-label { display: block; margin: 0 0 4px; color: var(--ms-muted); font-size: 12.3px; line-height: 1.18; font-weight: 900; }
.age-value { display: block; color: var(--ms-blue-ink); font-size: 25.5px; line-height: 1; font-weight: 950; font-variant-numeric: tabular-nums; }
.special-helper { text-align: left; }

.btn-share {
  width: 100%;
  min-height: 42px;
  margin-top: auto;
  padding: 9px 12px;
  color: var(--ms-ink);
  background: var(--ms-amber);
  border: 1px solid var(--ms-line);
  box-shadow: var(--ms-shadow-soft);
  font-size: 14.5px;
  line-height: 1;
  font-weight: 950;
}


@media (min-width: 981px) {
  .special-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
  }
  .special-section .section-title { margin-bottom: 0; }
  .age-box { gap: 8px; margin-bottom: 0; }
  .age-item { padding: 13px 10px; }
  .special-helper {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 13.6px;
    line-height: 1.5;
  }
  .btn-share { width: 100%; margin-top: 0; }
  .result-section { padding: 11px; }
}

.info-section { margin: 0; padding: 12px; }
.info-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 0 10px; }
.info-card { min-width: 0; padding: 10px; background: #fffaf0; border: 1px solid rgba(107, 87, 69, 0.32); text-align: left; }
.info-icon { margin: 0 0 5px; font-size: 19px; line-height: 1; }
.info-title { margin: 0 0 4px; color: var(--ms-ink); font-size: 12.5px; line-height: 1.2; font-weight: 950; }
.info-desc { color: var(--ms-muted); font-size: 12px; line-height: 1.42; font-weight: 700; }
.feature-list { margin: 0; padding: 10px; background: #fffdf8; border: 1px solid rgba(107, 87, 69, 0.28); }
.feature-list p { margin: 0 0 7px; color: var(--ms-ink); font-size: 13px; font-weight: 950; }
.feature-list ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 12px; margin: 0; padding-left: 18px; }
.feature-list li { margin: 0; color: var(--ms-muted); font-size: 12.5px; line-height: 1.42; font-weight: 700; }
.feature-list li::marker { color: #426f52; }

body.postid-3004[data-scheme="dark"], body.postid-3004[data-scheme="inverse"],
body.postid-3011[data-scheme="dark"], body.postid-3011[data-scheme="inverse"],
body.postid-3012[data-scheme="dark"], body.postid-3012[data-scheme="inverse"],
body.postid-3013[data-scheme="dark"], body.postid-3013[data-scheme="inverse"],
body.postid-3014[data-scheme="dark"], body.postid-3014[data-scheme="inverse"] {
  --ms-paper: #2b2119;
  --ms-paper-soft: #241c15;
  --ms-ink: #f7ebd8;
  --ms-muted: #f0dfc5;
  --ms-line: #a98b6b;
  --ms-line-soft: rgba(169, 139, 107, 0.48);
  --ms-green: #344a32;
  --ms-green-ink: #f7ebd8;
  --ms-blue: #233c43;
  --ms-blue-ink: #f1e8cf;
  --ms-amber: #d2aa55;
  --ms-red: #d08b75;
  --ms-white: #241c15;
  --ms-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34);
  --ms-shadow-soft: 2px 2px 0 rgba(0, 0, 0, 0.24);
  color: #f2e4cf !important;
  background:
    linear-gradient(90deg, rgba(229, 196, 139, 0.055) 1px, transparent 1px) 0 0 / 18px 18px,
    linear-gradient(0deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) 0 0 / 18px 18px,
    #201811 !important;
}

body.postid-3004[data-scheme="dark"] .cs-wrapper, body.postid-3004[data-scheme="inverse"] .cs-wrapper,
body.postid-3011[data-scheme="dark"] .cs-wrapper, body.postid-3011[data-scheme="inverse"] .cs-wrapper,
body.postid-3012[data-scheme="dark"] .cs-wrapper, body.postid-3012[data-scheme="inverse"] .cs-wrapper,
body.postid-3013[data-scheme="dark"] .cs-wrapper, body.postid-3013[data-scheme="inverse"] .cs-wrapper,
body.postid-3014[data-scheme="dark"] .cs-wrapper, body.postid-3014[data-scheme="inverse"] .cs-wrapper,
body.postid-3004[data-scheme="dark"] .cs-site-content, body.postid-3004[data-scheme="inverse"] .cs-site-content,
body.postid-3011[data-scheme="dark"] .cs-site-content, body.postid-3011[data-scheme="inverse"] .cs-site-content,
body.postid-3012[data-scheme="dark"] .cs-site-content, body.postid-3012[data-scheme="inverse"] .cs-site-content,
body.postid-3013[data-scheme="dark"] .cs-site-content, body.postid-3013[data-scheme="inverse"] .cs-site-content,
body.postid-3014[data-scheme="dark"] .cs-site-content, body.postid-3014[data-scheme="inverse"] .cs-site-content,
body.postid-3004[data-scheme="dark"] footer.cs-footer, body.postid-3004[data-scheme="inverse"] footer.cs-footer,
body.postid-3011[data-scheme="dark"] footer.cs-footer, body.postid-3011[data-scheme="inverse"] footer.cs-footer,
body.postid-3012[data-scheme="dark"] footer.cs-footer, body.postid-3012[data-scheme="inverse"] footer.cs-footer,
body.postid-3013[data-scheme="dark"] footer.cs-footer, body.postid-3013[data-scheme="inverse"] footer.cs-footer,
body.postid-3014[data-scheme="dark"] footer.cs-footer, body.postid-3014[data-scheme="inverse"] footer.cs-footer {
  color: #f2e4cf !important;
  background-color: #201811 !important;
}

body[data-scheme="dark"] .milestone-calculator-container,
body[data-scheme="inverse"] .milestone-calculator-container {
  color: #f7ebd8 !important;
  background: #2b2119 !important;
  border-color: #a98b6b !important;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34) !important;
}

body[data-scheme="dark"] .milestone-calculator-container::before,
body[data-scheme="inverse"] .milestone-calculator-container::before {
  background-image:
    linear-gradient(rgba(229, 196, 139, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(229, 196, 139, 0.05) 1px, transparent 1px) !important;
}

body[data-scheme="dark"] .input-section,
body[data-scheme="inverse"] .input-section,
body[data-scheme="dark"] .result-section,
body[data-scheme="inverse"] .result-section,
body[data-scheme="dark"] .special-section,
body[data-scheme="inverse"] .special-section,
body[data-scheme="dark"] .info-section,
body[data-scheme="inverse"] .info-section,
body[data-scheme="dark"] .info-card,
body[data-scheme="inverse"] .info-card,
body[data-scheme="dark"] .feature-list,
body[data-scheme="inverse"] .feature-list,
body[data-scheme="dark"] .milestone-card,
body[data-scheme="inverse"] .milestone-card,
body[data-scheme="dark"] .preview,
body[data-scheme="inverse"] .preview,
body[data-scheme="dark"] .special-helper,
body[data-scheme="inverse"] .special-helper,
body[data-scheme="dark"] .copy-notice,
body[data-scheme="inverse"] .copy-notice {
  color: #f7ebd8 !important;
  background: #33271d !important;
  border-color: #a98b6b !important;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.24) !important;
}

body[data-scheme="dark"] .calculator-header h2,
body[data-scheme="inverse"] .calculator-header h2,
body[data-scheme="dark"] .section-title,
body[data-scheme="inverse"] .section-title,
body[data-scheme="dark"] .milestone-name,
body[data-scheme="inverse"] .milestone-name,
body[data-scheme="dark"] .milestone-date,
body[data-scheme="inverse"] .milestone-date,
body[data-scheme="dark"] .info-title,
body[data-scheme="inverse"] .info-title,
body[data-scheme="dark"] .feature-list p,
body[data-scheme="inverse"] .feature-list p {
  color: #f7ebd8 !important;
  -webkit-text-fill-color: #f7ebd8 !important;
}

body[data-scheme="dark"] .calculator-header .subtitle,
body[data-scheme="inverse"] .calculator-header .subtitle,
body[data-scheme="dark"] .subtitle,
body[data-scheme="inverse"] .subtitle,
body[data-scheme="dark"] .input-group label,
body[data-scheme="inverse"] .input-group label,
body[data-scheme="dark"] .milestone-age,
body[data-scheme="inverse"] .milestone-age,
body[data-scheme="dark"] .milestone-detail,
body[data-scheme="inverse"] .milestone-detail,
body[data-scheme="dark"] .info-desc,
body[data-scheme="inverse"] .info-desc,
body[data-scheme="dark"] .feature-list li,
body[data-scheme="inverse"] .feature-list li,
body[data-scheme="dark"] .special-helper,
body[data-scheme="inverse"] .special-helper {
  color: #f0dfc5 !important;
  -webkit-text-fill-color: #f0dfc5 !important;
}

body[data-scheme="dark"] .date-input,
body[data-scheme="inverse"] .date-input,
body[data-scheme="dark"] .select-input,
body[data-scheme="inverse"] .select-input {
  color: #fff5df !important;
  -webkit-text-fill-color: #fff5df !important;
  caret-color: #f0c86a !important;
  background: #241c15 !important;
  border-color: #a98b6b !important;
  color-scheme: dark;
}

body[data-scheme="dark"] .btn-quick,
body[data-scheme="inverse"] .btn-quick,
body[data-scheme="dark"] .cal-btn.active,
body[data-scheme="inverse"] .cal-btn.active {
  color: #f7ebd8 !important;
  -webkit-text-fill-color: #f7ebd8 !important;
  background: #344a32 !important;
  border-color: #a98b6b !important;
}

body[data-scheme="dark"] .btn-reset,
body[data-scheme="inverse"] .btn-reset {
  color: #fff0dd !important;
  -webkit-text-fill-color: #fff0dd !important;
  background: #5a3028 !important;
  border-color: #c98266 !important;
}

body[data-scheme="dark"] .btn-calculate,
body[data-scheme="inverse"] .btn-calculate,
body[data-scheme="dark"] .btn-share,
body[data-scheme="inverse"] .btn-share {
  color: #201811 !important;
  -webkit-text-fill-color: #201811 !important;
  background: #f0c86a !important;
  border-color: #a98b6b !important;
}

body[data-scheme="dark"] .milestone-dday,
body[data-scheme="inverse"] .milestone-dday,
body[data-scheme="dark"] .age-item,
body[data-scheme="inverse"] .age-item,
body[data-scheme="dark"] .no-result,
body[data-scheme="inverse"] .no-result {
  color: #f7ebd8 !important;
  background: #233c43 !important;
  border-color: #a98b6b !important;
}

body[data-scheme="dark"] .age-value,
body[data-scheme="inverse"] .age-value,
body[data-scheme="dark"] .milestone-dday,
body[data-scheme="inverse"] .milestone-dday {
  color: #f1e8cf !important;
  -webkit-text-fill-color: #f1e8cf !important;
}

body[data-scheme="dark"] .leap-notice,
body[data-scheme="inverse"] .leap-notice {
  color: #f0dfc5 !important;
  -webkit-text-fill-color: #f0dfc5 !important;
  background: #3b2d21 !important;
  border-color: #d2aa55 !important;
}

body[data-scheme="dark"] .cs-contact-form__content,
body[data-scheme="inverse"] .cs-contact-form__content,
body[data-scheme="dark"] .cs-contact-form__header,
body[data-scheme="inverse"] .cs-contact-form__header,
body[data-scheme="dark"] .cs-contact-form__form,
body[data-scheme="inverse"] .cs-contact-form__form,
body[data-scheme="dark"] form.wpcf7-form,
body[data-scheme="inverse"] form.wpcf7-form {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
  background: #2b2119 !important;
  border-color: #a98b6b !important;
}

body[data-scheme="dark"] .wpcf7-form input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]),
body[data-scheme="inverse"] .wpcf7-form input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]),
body[data-scheme="dark"] .wpcf7-form textarea,
body[data-scheme="inverse"] .wpcf7-form textarea {
  color: #fff5df !important;
  -webkit-text-fill-color: #fff5df !important;
  caret-color: #f0c86a !important;
  background: #241c15 !important;
  border-color: #a98b6b !important;
}

body[data-scheme="dark"] .roberin-contact-consent,
body[data-scheme="inverse"] .roberin-contact-consent {
  color: #f7ebd8 !important;
  -webkit-text-fill-color: #f7ebd8 !important;
  background: #344a32 !important;
  border-color: #a98b6b !important;
}

body[data-scheme="dark"] .roberin-contact-consent .wpcf7-acceptance,
body[data-scheme="inverse"] .roberin-contact-consent .wpcf7-acceptance,
body[data-scheme="dark"] .roberin-contact-consent .wpcf7-list-item,
body[data-scheme="inverse"] .roberin-contact-consent .wpcf7-list-item,
body[data-scheme="dark"] .roberin-contact-consent label,
body[data-scheme="inverse"] .roberin-contact-consent label {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  body.postid-3004 .cs-breadcrumbs, body.postid-3011 .cs-breadcrumbs, body.postid-3012 .cs-breadcrumbs, body.postid-3013 .cs-breadcrumbs, body.postid-3014 .cs-breadcrumbs,
  body.postid-3004 .cs-entry__header, body.postid-3011 .cs-entry__header, body.postid-3012 .cs-entry__header, body.postid-3013 .cs-entry__header, body.postid-3014 .cs-entry__header,
  body.postid-3004 .milestone-calculator-wrapper, body.postid-3011 .milestone-calculator-wrapper, body.postid-3012 .milestone-calculator-wrapper, body.postid-3013 .milestone-calculator-wrapper, body.postid-3014 .milestone-calculator-wrapper,
  body.postid-3004 .entry-content > article, body.postid-3011 .entry-content > article, body.postid-3012 .entry-content > article, body.postid-3013 .entry-content > article, body.postid-3014 .entry-content > article {
    width: min(var(--milestone-tool-width), calc(100vw - 20px));
  }
  .calculator-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .input-section, .result-section, .special-section { grid-row: auto; }
  .input-section { grid-column: 1 / 2; }
  .result-section { grid-column: 2 / 3; }
  .special-section { grid-column: 1 / -1; }
  .quick-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .milestone-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-list ul { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  body.postid-3004 .cs-breadcrumbs, body.postid-3011 .cs-breadcrumbs, body.postid-3012 .cs-breadcrumbs, body.postid-3013 .cs-breadcrumbs, body.postid-3014 .cs-breadcrumbs,
  body.postid-3004 .cs-entry__header, body.postid-3011 .cs-entry__header, body.postid-3012 .cs-entry__header, body.postid-3013 .cs-entry__header, body.postid-3014 .cs-entry__header,
  body.postid-3004 .milestone-calculator-wrapper, body.postid-3011 .milestone-calculator-wrapper, body.postid-3012 .milestone-calculator-wrapper, body.postid-3013 .milestone-calculator-wrapper, body.postid-3014 .milestone-calculator-wrapper,
  body.postid-3004 .entry-content > article, body.postid-3011 .entry-content > article, body.postid-3012 .entry-content > article, body.postid-3013 .entry-content > article, body.postid-3014 .entry-content > article {
    width: calc(100vw - 10px);
    max-width: calc(100vw - 10px);
    margin-left: auto;
    margin-right: auto;
    transform: none;
  }
  body.postid-3004 .cs-entry__header, body.postid-3011 .cs-entry__header, body.postid-3012 .cs-entry__header, body.postid-3013 .cs-entry__header, body.postid-3014 .cs-entry__header { margin-top: 12px; margin-bottom: 10px; }
  .milestone-calculator-container { padding: 9px; border-width: 1px; box-shadow: 3px 3px 0 rgba(72, 55, 40, 0.18); }
  .calculator-header { gap: 4px; margin-bottom: 8px; padding-bottom: 8px; }
  .quick-actions { grid-template-columns: 1fr; gap: 6px; margin-bottom: 8px; }
  .btn-quick, .btn-reset { min-height: 36px; padding: 7px 8px; font-size: 12.5px; }
  .calculator-main { grid-template-columns: 1fr; gap: 8px; margin-bottom: 8px; }
  .input-section, .result-section, .special-section { grid-column: 1 / -1; grid-row: auto; height: auto; }
  .input-section, .result-section, .special-section, .info-section { padding: 9px; }
  .section-title { margin-bottom: 8px; padding-bottom: 7px; font-size: 14.5px; }
  .date-inputs { grid-template-columns: 1fr; }
  .date-input, .select-input { min-height: 38px; font-size: 13.5px; }
  .initial-msg, .no-result { min-height: 112px; }
  .milestone-grid, .info-grid, .feature-list ul { grid-template-columns: 1fr; }
}

@media print {
  .milestone-calculator-wrapper { width: 100% !important; max-width: 100% !important; }
  .milestone-calculator-container { border: 1px solid #000; box-shadow: none; }
  .quick-actions, .btn-calculate, .btn-share, .info-section { display: none !important; }
}

/* Phase 2 article body - PDF body reference rhythm, target namespace only */
body.postid-3004 article.roberin-article-body.milestone-article,
body.postid-3011 article.roberin-article-body.milestone-article,
body.postid-3012 article.roberin-article-body.milestone-article,
body.postid-3013 article.roberin-article-body.milestone-article,
body.postid-3014 article.roberin-article-body.milestone-article {
  display: grid;
  grid-template-columns: minmax(0, 920px);
  gap: 18px;
  width: min(976px, calc(100vw - 32px));
  max-width: 976px;
  margin: 40px auto 42px;
  padding: 28px;
  box-sizing: border-box;
  color: #34281f;
  -webkit-text-fill-color: #34281f;
  background: #f8efe2;
  border: 2px solid #6b5745;
  border-radius: 0;
  box-shadow: 5px 5px 0 rgba(82, 65, 50, 0.22);
  font-size: 16px;
  line-height: 1.72;
}

body.postid-3004 article.roberin-article-body.milestone-article > header,
body.postid-3004 article.roberin-article-body.milestone-article > section,
body.postid-3011 article.roberin-article-body.milestone-article > header,
body.postid-3011 article.roberin-article-body.milestone-article > section,
body.postid-3012 article.roberin-article-body.milestone-article > header,
body.postid-3012 article.roberin-article-body.milestone-article > section,
body.postid-3013 article.roberin-article-body.milestone-article > header,
body.postid-3013 article.roberin-article-body.milestone-article > section,
body.postid-3014 article.roberin-article-body.milestone-article > header,
body.postid-3014 article.roberin-article-body.milestone-article > section {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 0;
  color: inherit;
  -webkit-text-fill-color: inherit;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.postid-3004 article.roberin-article-body.milestone-article > .milestone-article__hero,
body.postid-3011 article.roberin-article-body.milestone-article > .milestone-article__hero,
body.postid-3012 article.roberin-article-body.milestone-article > .milestone-article__hero,
body.postid-3013 article.roberin-article-body.milestone-article > .milestone-article__hero,
body.postid-3014 article.roberin-article-body.milestone-article > .milestone-article__hero {
  padding-bottom: 18px;
  border-bottom: 1px dashed rgba(107, 87, 69, 0.34);
}

body.postid-3004 article.roberin-article-body.milestone-article > .milestone-article__section + .milestone-article__section,
body.postid-3011 article.roberin-article-body.milestone-article > .milestone-article__section + .milestone-article__section,
body.postid-3012 article.roberin-article-body.milestone-article > .milestone-article__section + .milestone-article__section,
body.postid-3013 article.roberin-article-body.milestone-article > .milestone-article__section + .milestone-article__section,
body.postid-3014 article.roberin-article-body.milestone-article > .milestone-article__section + .milestone-article__section {
  padding-top: 18px;
  border-top: 1px dashed rgba(107, 87, 69, 0.34);
}

.milestone-article__kicker {
  margin: 0;
  color: #7a412f;
  -webkit-text-fill-color: #7a412f;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

article.roberin-article-body.milestone-article h2,
article.roberin-article-body.milestone-article h3,
article.roberin-article-body.milestone-article p,
article.roberin-article-body.milestone-article ul,
article.roberin-article-body.milestone-article ol {
  margin: 0;
}

article.roberin-article-body.milestone-article h2 {
  color: #34281f;
  -webkit-text-fill-color: #34281f;
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 30px;
  line-height: 1.18;
  font-weight: 950;
  letter-spacing: -0.055em;
  word-break: keep-all;
}

article.roberin-article-body.milestone-article h3 {
  color: #34281f;
  -webkit-text-fill-color: #34281f;
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 17px;
  line-height: 1.28;
  font-weight: 950;
  letter-spacing: -0.025em;
}

article.roberin-article-body.milestone-article p,
article.roberin-article-body.milestone-article li,
article.roberin-article-body.milestone-article details {
  color: #574838;
  -webkit-text-fill-color: #574838;
  font-size: 15px;
  line-height: 1.72;
  font-weight: 680;
  word-break: keep-all;
}

.milestone-article__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.milestone-article__nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 10px;
  color: #34281f;
  -webkit-text-fill-color: #34281f;
  text-decoration: none;
  background: #fff8ed;
  border: 1px solid #6b5745;
  box-shadow: 2px 2px 0 rgba(82, 65, 50, 0.13);
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
}

.milestone-article__grid,
.milestone-article__process-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.milestone-article__use-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.milestone-article__card,
.milestone-article__use,
.milestone-article__process,
article.roberin-article-body.milestone-article details {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
  color: #574838;
  -webkit-text-fill-color: #574838;
  background: #fff8ed;
  border: 1px solid #6b5745;
  border-radius: 0;
  box-shadow: 3px 3px 0 rgba(82, 65, 50, 0.13);
}

.milestone-article__process strong {
  display: block;
  color: #34281f;
  -webkit-text-fill-color: #34281f;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 950;
}

.milestone-article__process span {
  display: block;
  color: #574838;
  -webkit-text-fill-color: #574838;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 720;
}

.milestone-article__steps,
.milestone-article__notice ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 0;
  list-style: none;
}

.milestone-article__steps {
  counter-reset: milestone-step;
}

.milestone-article__steps > li,
.milestone-article__notice li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  min-width: 0;
  color: #574838;
  -webkit-text-fill-color: #574838;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.milestone-article__steps > li {
  counter-increment: milestone-step;
}

.milestone-article__steps > li::before,
.milestone-article__notice li::before {
  position: static;
  transform: none;
  display: inline-grid;
  place-items: center;
  align-self: start;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  color: #241c15;
  -webkit-text-fill-color: #241c15;
  background: #d2aa55;
  border: 1px solid #6b5745;
  box-shadow: 1px 1px 0 rgba(82, 65, 50, 0.16);
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
}

.milestone-article__steps > li::before {
  content: counter(milestone-step);
}

.milestone-article__notice li::before {
  content: "!";
}

.milestone-article__li-text {
  display: block;
  min-width: 0;
}

.milestone-article__notice {
  display: grid;
  gap: 7px;
  padding: 12px;
  color: #574838;
  -webkit-text-fill-color: #574838;
  background: rgba(239, 225, 188, 0.64);
  border: 1px dashed #6b5745;
  border-radius: 0;
  box-shadow: 3px 3px 0 rgba(82, 65, 50, 0.13);
}

article.roberin-article-body.milestone-article summary {
  cursor: pointer;
  color: #34281f;
  -webkit-text-fill-color: #34281f;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 950;
}

article.roberin-article-body.milestone-article details p {
  margin-top: 6px;
}

body[data-scheme="dark"] article.roberin-article-body.milestone-article,
body[data-scheme="inverse"] article.roberin-article-body.milestone-article {
  color: #f2e4cf;
  -webkit-text-fill-color: #f2e4cf;
  background: #594e43;
  border-color: #9d8164;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.32);
}

body[data-scheme="dark"] article.roberin-article-body.milestone-article > .milestone-article__hero,
body[data-scheme="inverse"] article.roberin-article-body.milestone-article > .milestone-article__hero,
body[data-scheme="dark"] article.roberin-article-body.milestone-article > .milestone-article__section + .milestone-article__section,
body[data-scheme="inverse"] article.roberin-article-body.milestone-article > .milestone-article__section + .milestone-article__section {
  border-color: rgba(169, 139, 107, 0.46);
}

body[data-scheme="dark"] .milestone-article__kicker,
body[data-scheme="inverse"] .milestone-article__kicker {
  color: #d2aa55;
  -webkit-text-fill-color: #d2aa55;
}

body[data-scheme="dark"] article.roberin-article-body.milestone-article h2,
body[data-scheme="dark"] article.roberin-article-body.milestone-article h3,
body[data-scheme="dark"] article.roberin-article-body.milestone-article summary,
body[data-scheme="inverse"] article.roberin-article-body.milestone-article h2,
body[data-scheme="inverse"] article.roberin-article-body.milestone-article h3,
body[data-scheme="inverse"] article.roberin-article-body.milestone-article summary {
  color: #f2e4cf;
  -webkit-text-fill-color: #f2e4cf;
}

body[data-scheme="dark"] article.roberin-article-body.milestone-article p,
body[data-scheme="dark"] article.roberin-article-body.milestone-article li,
body[data-scheme="dark"] article.roberin-article-body.milestone-article details,
body[data-scheme="inverse"] article.roberin-article-body.milestone-article p,
body[data-scheme="inverse"] article.roberin-article-body.milestone-article li,
body[data-scheme="inverse"] article.roberin-article-body.milestone-article details {
  color: #cdbfad;
  -webkit-text-fill-color: #f2e4cf;
}

body[data-scheme="dark"] .milestone-article__nav a,
body[data-scheme="dark"] .milestone-article__card,
body[data-scheme="dark"] .milestone-article__use,
body[data-scheme="dark"] .milestone-article__process,
body[data-scheme="dark"] article.roberin-article-body.milestone-article details,
body[data-scheme="inverse"] .milestone-article__nav a,
body[data-scheme="inverse"] .milestone-article__card,
body[data-scheme="inverse"] .milestone-article__use,
body[data-scheme="inverse"] .milestone-article__process,
body[data-scheme="inverse"] article.roberin-article-body.milestone-article details {
  color: #cdbfad;
  -webkit-text-fill-color: #f2e4cf;
  background: #33271d;
  border-color: #a98b6b;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.26);
}

body[data-scheme="dark"] .milestone-article__process strong,
body[data-scheme="inverse"] .milestone-article__process strong {
  color: #f2e4cf;
  -webkit-text-fill-color: #f2e4cf;
}

body[data-scheme="dark"] .milestone-article__process span,
body[data-scheme="inverse"] .milestone-article__process span {
  color: #cdbfad;
  -webkit-text-fill-color: #f2e4cf;
}

body[data-scheme="dark"] .milestone-article__notice,
body[data-scheme="inverse"] .milestone-article__notice {
  color: #cdbfad;
  -webkit-text-fill-color: #f2e4cf;
  background: rgba(90, 74, 43, 0.62);
  border-color: #a98b6b;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.26);
}

body[data-scheme="dark"] .milestone-article__steps > li::before,
body[data-scheme="dark"] .milestone-article__notice li::before,
body[data-scheme="inverse"] .milestone-article__steps > li::before,
body[data-scheme="inverse"] .milestone-article__notice li::before {
  color: #241c15;
  -webkit-text-fill-color: #241c15;
  background: #d2aa55;
  border-color: #a98b6b;
}

@media (max-width: 980px) {
  body.postid-3004 article.roberin-article-body.milestone-article,
  body.postid-3011 article.roberin-article-body.milestone-article,
  body.postid-3012 article.roberin-article-body.milestone-article,
  body.postid-3013 article.roberin-article-body.milestone-article,
  body.postid-3014 article.roberin-article-body.milestone-article {
    width: min(976px, calc(100vw - 20px));
    max-width: calc(100vw - 20px);
    padding: 22px;
    grid-template-columns: minmax(0, 1fr);
  }
  .milestone-article__use-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.postid-3004 article.roberin-article-body.milestone-article,
  body.postid-3011 article.roberin-article-body.milestone-article,
  body.postid-3012 article.roberin-article-body.milestone-article,
  body.postid-3013 article.roberin-article-body.milestone-article,
  body.postid-3014 article.roberin-article-body.milestone-article {
    width: calc(100vw - 10px);
    max-width: calc(100vw - 10px);
    margin: 40px auto;
    padding: 18px;
    transform: none;
  }
  article.roberin-article-body.milestone-article h2 {
    font-size: 25px;
    line-height: 1.2;
  }
  .milestone-article__grid,
  .milestone-article__process-grid,
  .milestone-article__use-grid {
    grid-template-columns: 1fr;
  }
  .milestone-article__nav a {
    flex: 1 1 calc(50% - 8px);
  }
  .milestone-article__steps > li,
  .milestone-article__notice li {
    grid-template-columns: 24px minmax(0, 1fr);
  }
}

/* Phase 2 body hard override: keep milestone article on the PDF-page-deletion rhythm even when global article CSS loads later. */
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article {
  box-sizing: border-box !important;
  display: grid !important;
  justify-content: center !important;
  width: min(980px, calc(100vw - 20px)) !important;
  max-width: calc(100vw - 20px) !important;
  grid-template-columns: minmax(0, 920px) !important;
  gap: 18px !important;
  margin: 40px auto 42px !important;
  padding: 28px !important;
  overflow: visible !important;
  transform: none !important;
  border: 2px solid #6b5745 !important;
  border-radius: 0 !important;
  background: #f8efe2 !important;
  box-shadow: 5px 5px 0 rgba(82, 65, 50, 0.22) !important;
  color: #34281f !important;
  -webkit-text-fill-color: #34281f !important;
  line-height: 1.72 !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article *,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article *::before,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article *::after {
  box-sizing: border-box !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article > .milestone-article__hero,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article > .milestone-article__section {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #34281f !important;
  -webkit-text-fill-color: #34281f !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article > .milestone-article__hero {
  padding: 0 0 22px !important;
  border-top: 0 !important;
  border-bottom: 1px dashed rgba(107, 87, 69, 0.34) !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article > .milestone-article__section {
  padding: 0 !important;
  border-top: 0 !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article > .milestone-article__section + .milestone-article__section {
  padding-top: 18px !important;
  border-top: 1px dashed rgba(107, 87, 69, 0.34) !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article h2,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article h3 {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #34281f !important;
  -webkit-text-fill-color: #34281f !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article h2::before,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article h2::after,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article h3::before,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article h3::after {
  content: none !important;
  display: none !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article h2 {
  font-size: 30px !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article h3 {
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article p,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article li,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article summary {
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  word-break: keep-all !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__grid,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__process-grid,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__use-grid,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__steps,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__notice ul {
  min-width: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__steps {
  counter-reset: milestone-step !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__steps > li,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__notice li {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 9px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #574838 !important;
  -webkit-text-fill-color: #574838 !important;
  line-height: 1.72 !important;
  font-size: 15px !important;
  font-weight: 680 !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__steps > li {
  counter-increment: milestone-step !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__steps > li::before,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__notice li::before {
  position: static !important;
  transform: none !important;
  display: inline-grid !important;
  place-items: center !important;
  align-self: start !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  color: #241c15 !important;
  -webkit-text-fill-color: #241c15 !important;
  background: #d2aa55 !important;
  border: 1px solid #6b5745 !important;
  border-radius: 0 !important;
  box-shadow: 1px 1px 0 rgba(82, 65, 50, 0.16) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__steps > li::before {
  content: counter(milestone-step) !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__notice li::before {
  content: "!" !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__li-text {
  display: block !important;
  grid-column: 2 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__notice {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding: 12px !important;
  color: #574838 !important;
  -webkit-text-fill-color: #574838 !important;
  background: rgba(239, 225, 188, 0.64) !important;
  border: 1px dashed #6b5745 !important;
  border-radius: 0 !important;
  box-shadow: 3px 3px 0 rgba(82, 65, 50, 0.13) !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="dark"] article.roberin-article-body.milestone-article,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="inverse"] article.roberin-article-body.milestone-article {
  background: #594e43 !important;
  border-color: #9d8164 !important;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.32) !important;
  color: #cdbfad !important;
  -webkit-text-fill-color: #f2e4cf !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="dark"] article.roberin-article-body.milestone-article h2,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="dark"] article.roberin-article-body.milestone-article h3,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="dark"] article.roberin-article-body.milestone-article summary,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="inverse"] article.roberin-article-body.milestone-article h2,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="inverse"] article.roberin-article-body.milestone-article h3,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="inverse"] article.roberin-article-body.milestone-article summary {
  background: transparent !important;
  box-shadow: none !important;
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="dark"] article.roberin-article-body.milestone-article > .milestone-article__hero,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="inverse"] article.roberin-article-body.milestone-article > .milestone-article__hero,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="dark"] article.roberin-article-body.milestone-article > .milestone-article__section + .milestone-article__section,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="inverse"] article.roberin-article-body.milestone-article > .milestone-article__section + .milestone-article__section {
  border-color: rgba(169, 139, 107, 0.46) !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="dark"] article.roberin-article-body.milestone-article .milestone-article__steps > li,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="dark"] article.roberin-article-body.milestone-article .milestone-article__notice li,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="inverse"] article.roberin-article-body.milestone-article .milestone-article__steps > li,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="inverse"] article.roberin-article-body.milestone-article .milestone-article__notice li {
  color: #cdbfad !important;
  -webkit-text-fill-color: #f2e4cf !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="dark"] article.roberin-article-body.milestone-article .milestone-article__notice,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014)[data-scheme="inverse"] article.roberin-article-body.milestone-article .milestone-article__notice {
  color: #cdbfad !important;
  -webkit-text-fill-color: #f2e4cf !important;
  background: rgba(90, 74, 43, 0.62) !important;
  border-color: #a98b6b !important;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.26) !important;
}

@media (max-width: 980px) {
  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 22px !important;
  }
}

@media (max-width: 640px) {
  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    margin: 40px auto !important;
    padding: 18px !important;
    transform: none !important;
  }

  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article h2 {
    font-size: 27px !important;
    line-height: 1.2 !important;
  }

  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__nav a {
    flex: 1 1 calc(50% - 8px) !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__grid,
  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__process-grid,
  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__use-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article p,
  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article li,
  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article summary,
  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article a {
    overflow-wrap: anywhere !important;
  }
}

/* Phase 2 body hard override patch: mobile gap parity and locale-safe process text wrapping. */
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__card,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__process,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__use,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article details {
  min-width: 0 !important;
  max-width: 100% !important;
  grid-template-columns: minmax(0, 1fr) !important;
  overflow-wrap: anywhere !important;
}

:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__card > *,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__process > *,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article .milestone-article__use > *,
:is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article details > * {
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 640px) {
  :is(body.postid-3004, body.postid-3011, body.postid-3012, body.postid-3013, body.postid-3014) article.roberin-article-body.milestone-article {
    margin-top: 24px !important;
    margin-bottom: 40px !important;
  }
}