/* Article shell only. Editorial HTML, images, tables and reading controls are untouched. */
body.jvds-article-framed {
  --article-paper: #f3f1eb; --article-line: #d9d7cf; --article-ink: #282821; --article-muted: #6e6e65;
  background: var(--article-paper); color: var(--article-ink); padding-top: 80px;
}
/* Freeze the shell palette so the existing scroll-theme animation cannot change this page's paper. */
body.jvds-article-framed .main,
body.jvds-article-framed .main.is-jvds-news-detail-mobile-light {
  --jvds-news-detail-bg: var(--article-paper) !important;
  --jvds-news-detail-text: var(--article-ink) !important;
  --jvds-news-detail-muted: var(--article-muted) !important;
  --jvds-news-detail-line: var(--article-line) !important;
  --jvds-news-detail-surface: #eae8df !important;
  --jvds-news-detail-contrast: var(--article-paper) !important;
  --jvds-news-detail-title-circle-opacity: 1 !important;
  --jvds-news-side-title-hover: #626257 !important;
  background: var(--article-paper); color: var(--article-ink);
}
body.jvds-article-framed .header,
body.jvds-article-framed .header.fixed,
body.jvds-article-framed .header > .wp3 { background: var(--article-paper) !important; }
body.jvds-article-framed .header .nav > li > .v1 { color: var(--article-ink) !important; }
body.jvds-article-framed .header .logo .img1 { display: none; }
body.jvds-article-framed .header .logo .img2 { display: inline-block; filter: none; }
body.jvds-article-framed .header .jvds-header-tools > .g-contact-btn {
  color: var(--article-ink) !important; border-color: #000 !important;
}
body.jvds-article-framed .header .jvds-header-tools > .g-contact-btn .g-contact-btn-text { color: var(--article-ink) !important; }
body.jvds-article-framed .header .jvds-header-tools .jvds-pref-btn { color: var(--article-ink); border-color: var(--article-line); }
body.jvds-article-framed .header #jvds-header-contact,
body.jvds-article-framed .header #jvds-header-contact .g-contact-btn-text {
  color: var(--article-ink) !important;
  border-color: #000 !important;
}
/* The header component draws its outline with an inset shadow, not a border. */
body.jvds-article-framed .header #jvds-header-contact {
  box-shadow: inset 0 0 0 1px #000 !important;
}
.jvds-article-framed .service-cta.site-cta {
  background-image: linear-gradient(180deg, var(--article-paper) 0%, #f6ffdc 34%, #e4f794 66%, #e0f94c 100%);
}
/* Align the cover frame with the inner edges of the article/sidebar container. */
body.jvds-article-framed .main > .news-detail-hero {
  position: relative;
  box-sizing: border-box;
  width: calc(100% - var(--jvds-content-gutter, 60px) * 2);
  max-width: calc(var(--jvds-content-max, 1920px) - var(--jvds-content-gutter, 60px) * 2);
  border: 1px solid var(--article-line);
  border-radius: 0;
  overflow: visible;
}
.jvds-article-framed .news-detail-hero { margin: 32px auto 64px; }
/* Clip the existing image parallax inside the frame, leaving corner nodes visible. */
.jvds-article-framed .news-detail-cover {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.jvds-article-framed .news-detail-wrap { gap: 64px 48px; margin-bottom: 80px; }
.jvds-article-framed .news-detail-main {
  position: relative; min-width: 0; padding: 36px; border: 1px solid var(--article-line); box-sizing: border-box;
}
.jvds-article-framed .news-detail-head { padding-bottom: 28px; margin-bottom: 36px; border-bottom: 1px solid var(--article-line); }
.jvds-article-framed .news-detail-head h1 { font-size: clamp(34px, 3vw, 54px); line-height: 1.25; overflow-wrap: anywhere; }
.jvds-article-framed .news-detail-side { padding: 26px; border: 1px solid var(--article-line); box-sizing: border-box; }
.jvds-article-framed .news-side-list > li { padding-bottom: 24px; border-bottom: 1px solid var(--article-line); }
.jvds-article-framed .news-side-list > li:last-child { padding-bottom: 0; border-bottom: 0; }
.jvds-article-framed .news-side-list a { grid-template-columns: 90px minmax(0, 1fr); gap: 16px; }
.jvds-article-framed .news-side-list .pic { height: 74px; }
.jvds-article-framed .news-side-list .pic,
.jvds-article-framed .news-side-list .pic img,
.jvds-article-framed .news-related-card .pic,
.jvds-article-framed .news-related-card .pic img { border-radius: 0; }
.jvds-article-framed .news-detail-switch { gap: 20px; margin-top: 48px; padding-top: 0; border: 0; }
.jvds-article-framed .news-detail-switch > a {
  position: relative;
  margin: 0;
  padding: 24px 16px;
  border: 1px solid var(--article-line);
  border-radius: 0;
  transition: background-color .2s ease-out;
}
body.jvds-article-framed .news-detail-switch > a:is(:hover, :focus-visible) {
  background-color: #e0f94c;
}
body.jvds-article-framed .news-detail-switch > a:is(:hover, :focus-visible),
body.jvds-article-framed .news-detail-switch > a:is(:hover, :focus-visible) :is(em, span) {
  color: #000;
}
.jvds-article-framed .news-related { margin-bottom: 80px; }
.jvds-article-framed .news-related-grid { gap: 28px; align-items: stretch; }
.jvds-article-framed .news-related-card { position: relative; padding: 20px; border: 1px solid var(--article-line); box-sizing: border-box; }
.jvds-article-framed .news-related-card:hover { background: #eae8df; }
.jvds-article-framed .news-related-card .news-related-card-title { font-weight: 500; }
.jvds-article-framed .jvds-article-keyword-tags a { border-radius: 0; }
.jvds-article-framed .news-detail-hero::after,
.jvds-article-framed .news-detail-main::after,
.jvds-article-framed .news-detail-side::after,
.jvds-article-framed .news-detail-switch > a::after,
.jvds-article-framed .news-related-card::after {
  content: ""; position: absolute; z-index: 4; inset: -3.5px; pointer-events: none;
  background:
    linear-gradient(var(--article-ink),var(--article-ink)) left top / 6px 6px no-repeat,
    linear-gradient(var(--article-ink),var(--article-ink)) right top / 6px 6px no-repeat,
    linear-gradient(var(--article-ink),var(--article-ink)) left bottom / 6px 6px no-repeat,
    linear-gradient(var(--article-ink),var(--article-ink)) right bottom / 6px 6px no-repeat;
}
.jvds-article-framed .news-detail-content img { max-width: 100%; height: auto; }
.jvds-article-framed .news-detail-content .article-table-wrap { width: 100%; max-width: 100%; }
.jvds-article-framed .news-detail-content p,
.jvds-article-framed .news-detail-content li { overflow-wrap: anywhere; }
@media (max-width: 1100px) {
  .jvds-article-framed .news-detail-wrap { grid-template-columns: minmax(0, 1fr); }
  .jvds-article-framed .news-detail-side { position: relative; top: auto; }
}
@media (max-width: 800px) {
  body.jvds-article-framed { padding-top: 64px; }
  .jvds-article-framed .news-detail-hero { margin-top: 24px; margin-bottom: 36px; }
  .jvds-article-framed .news-detail-wrap { gap: 40px; margin-bottom: 48px; }
  .jvds-article-framed .news-detail-main,
  .jvds-article-framed .news-detail-side { padding: 22px 18px; }
  .jvds-article-framed .news-detail-head { padding-bottom: 24px; margin-bottom: 28px; }
  .jvds-article-framed .news-detail-head h1 { font-size: 32px; line-height: 1.3; }
  .jvds-article-framed .news-detail-switch { margin-top: 36px; }
  .jvds-article-framed .news-detail-switch > a { padding: 20px 10px; }
  .jvds-article-framed .news-related { margin-bottom: 48px; }
  .jvds-article-framed .news-related-card { padding: 16px; }
}

/* Page-local rectangular actions: black/white at rest, brand color on hover/focus. */
body.jvds-article-framed .service-hero-action {
  --framed-action-bg: #000;
  --framed-action-ink: #fff;
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 0;
  background: var(--framed-action-bg);
  color: var(--framed-action-ink) !important;
  -webkit-text-fill-color: var(--framed-action-ink);
}
body.jvds-article-framed .jvds-growth-resource-actions .service-hero-action {
  border-color: #000;
  background: var(--framed-action-bg);
}
body.jvds-article-framed .service-hero-action:is(:hover, :focus-visible),
body.jvds-article-framed .jvds-growth-feature-card:is(:hover, :focus-visible) .jvds-growth-feature-action {
  --framed-action-bg: #e0f94c;
  --framed-action-ink: #000;
}
body.jvds-article-framed .service-hero-action .service-hero-action-arrow,
body.jvds-article-framed .service-hero-action .service-hero-action-text {
  height: 100%;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--framed-action-ink) !important;
  -webkit-text-fill-color: var(--framed-action-ink);
}
body.jvds-article-framed .jvds-growth-feature-card:is(:hover, :focus-visible) .jvds-growth-feature-action :is(.service-hero-action-arrow, .service-hero-action-text) {
  color: #000 !important;
  -webkit-text-fill-color: #000;
}
body.jvds-article-framed .service-hero-action:focus-visible { outline: 2px solid #000; outline-offset: 3px; }
body.jvds-article-framed .jvds-article-service-contact :is(.jvds-article-service-phone, .jvds-article-service-cta) {
  border-color: #000;
  border-radius: 0;
  background: #000 !important;
  color: #fff !important;
}
body.jvds-article-framed .jvds-article-service-contact :is(.jvds-article-service-phone, .jvds-article-service-cta):is(:hover, :focus-visible) {
  border-color: #000;
  background: #e0f94c !important;
  color: #000 !important;
}