/* Wohn(T)Raum layout adaptation — scoped to this protected article only. */
.wtvg-art {
  --wtvg-cream: #eee6da;
  --wtvg-cream-light: #f3eee4;
  --wtvg-cream-soft: #f7f2e9;
  --wtvg-forest: #075c4d;
  --wtvg-forest-dark: #075347;
  --wtvg-ink: #263f38;
  --wtvg-muted: #566962;
  --wtvg-brass: #a77b3b;
  --wtvg-line: #d5bc8c;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 70px);
  max-width: 1980px;
  margin: 0 0 70px;
  box-sizing: border-box;
  overflow: clip;
  font: 400 16.5px/1.67 Arial, Helvetica, system-ui, sans-serif;
  color: var(--wtvg-muted);
  background: var(--wtvg-cream);
  isolation: isolate;
}
.wtvg-art * { box-sizing: border-box; }
.wtvg-art :where(h1,h2,h3,h4,p,ul,ol,figure) { margin-top: 0; }
.wtvg-art img { display: block; max-width: 100%; }
.wtvg-art p { margin-bottom: 1.12em; }
.wtvg-art strong { color: var(--wtvg-ink); font-weight: 700; }
.wtvg-art :is(h1,h2,h3,h4) {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
  line-height: 1.13;
  letter-spacing: -.025em;
  color: var(--wtvg-forest);
  margin: 0 0 .45em;
}
.wtvg-art h1 {font-size: clamp(40px, 4.4vw, 78px); }
.wtvg-art h2 {font-size: clamp(34px, 3.65vw, 60px); }
.wtvg-art h3 {font-size: clamp(32px, 3.25vw, 55px); }
.wtvg-art h4 {font-size: clamp(22px, 2vw, 28px); }
.wtvg-art a { color: var(--wtvg-forest); text-decoration: none; border-bottom: 1px solid var(--wtvg-line); padding-bottom: 3px; overflow-wrap: anywhere; }
.wtvg-art a:hover { border-bottom-color: var(--wtvg-forest); color:#064838; }
.wtvg-art a:focus-visible { outline: 3px solid #b9914b; outline-offset: 3px; }
.wtvg-art .wtvg-step, .wtvg-art .wtvg-eyebrow, .wtvg-art .wtvg-mini-label {
  font: 700 12px/1.5 Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: .125em;
  color: #936720;
}
.wtvg-art .wtvg-step { margin-bottom: 16px; }
.wtvg-art .wtvg-small, .wtvg-art .wtvg-footnote { font-size: 14px; line-height: 1.63; }

/* The large 50 / 50 photo and cream text panels follow the existing home page. */
.wtvg-art .wtvg-hero,
.wtvg-art .wtvg-split { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); align-items: stretch; gap: 0; }
.wtvg-art .wtvg-hero { background: var(--wtvg-cream); }
.wtvg-hero-image { grid-column:1; grid-row:1; position:relative; min-height: 525px; margin:0; overflow:hidden; }
.wtvg-hero-copy { grid-column:2; grid-row:1; display:flex; flex-direction:column; justify-content:center; padding: clamp(48px, 5.7vw, 110px) clamp(43px, 5.7vw, 110px); }
.wtvg-art .wtvg-hero h1 { max-width: 10ch; }
.wtvg-art .wtvg-hero .wtvg-eyebrow { margin-bottom: 24px; }
.wtvg-art .wtvg-hero-sub { font-size: clamp(17px,1.45vw,21px); line-height:1.57; max-width: 34ch; margin:4px 0 20px; }
.wtvg-art .wtvg-hero-note { font-size: 15px; line-height:1.6; max-width: 40ch; }
.wtvg-hero-image img { width:100%; height:100%; min-height:525px; position:absolute; inset:0; object-fit:cover; object-position:38% 49%; }
.wtvg-hero-image figcaption { position:absolute; left:17px; bottom:15px; color:#fff; background:rgba(0,42,34,.75); padding:6px 10px; font:400 11px/1.4 Arial,sans-serif; max-width:270px; }

.wtvg-art .wtvg-toc {
  display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px;
  padding:18px clamp(22px,5vw,100px);
  color:var(--wtvg-forest);
  background:var(--wtvg-cream-light);
  border-top: 27px solid var(--wtvg-forest);
  border-bottom:1px solid #d5c6ae;
}
.wtvg-art .wtvg-toc span { font-weight:700; font-size:13px; }
.wtvg-art .wtvg-toc a {font-size:14px; font-weight:700; border-bottom:1px solid #c6a573;}
.wtvg-art .wtvg-intro {
  display:grid; grid-template-columns: minmax(0,1.16fr) minmax(0,.84fr); gap: clamp(35px,7vw,110px);
  padding: clamp(50px,5.4vw,92px) clamp(35px, 7.25vw,140px);
  background:var(--wtvg-cream-light);
}
.wtvg-art .wtvg-intro p { font-size: clamp(16.5px,1.25vw,19px); line-height:1.76; margin:0; }
.wtvg-art .wtvg-intro p + p { border-left:2px solid #c7aa78; padding:6px 0 8px 25px; }
.wtvg-art .wtvg-drop:first-letter {font:400 65px/.75 Georgia,serif;float:left;padding:8px 11px 0 0;color:var(--wtvg-forest);}

.wtvg-art .wtvg-chapter.wtvg-split { border-top:27px solid var(--wtvg-forest); padding:0; background:var(--wtvg-cream); }
.wtvg-art .wtvg-split .wtvg-copy { grid-column:1; grid-row:1; display:flex; flex-direction:column; justify-content:center; padding:clamp(42px,5vw,95px) clamp(35px,5.4vw,110px); min-width:0; }
.wtvg-art .wtvg-split .wtvg-side-image { grid-column:2; grid-row:1; display:block; margin:0; min-width:0; align-self:stretch; position:relative; overflow:hidden; min-height:615px; }
.wtvg-art .wtvg-split.wtvg-reverse .wtvg-copy { grid-column:2; grid-row:1; }
.wtvg-art .wtvg-split.wtvg-reverse .wtvg-side-image {grid-column:1; grid-row:1;}
.wtvg-art .wtvg-side-image img { position:absolute; width:100%; height:100%; min-height:615px; inset:0; object-fit:cover; object-position:50% 45%; }
.wtvg-art .wtvg-side-image figcaption { position:absolute; bottom:14px; left:16px; right:16px; max-width:355px; font:400 12px/1.4 Arial,sans-serif; color:white; background:rgba(0,42,34,.78); padding:9px 12px; }
.wtvg-art .wtvg-split .wtvg-copy p { max-width:69ch; }
.wtvg-art .wtvg-emphasis { border-left: 3px solid #b18c4f; padding:8px 0 8px 21px; font-weight:700; color:var(--wtvg-ink); }
.wtvg-art .wtvg-history-fact { border-top: 2px solid var(--wtvg-line); display:grid; grid-template-columns:.85fr 1.15fr; gap:16px 75px; padding:60px clamp(35px,7.25vw,140px); background:var(--wtvg-cream-light); }
.wtvg-art .wtvg-history-fact h3 { margin-bottom:0; }
.wtvg-art .wtvg-history-fact p { margin-bottom:0; }
.wtvg-art .wtvg-history-fact .wtvg-small { grid-column:2; margin-top:-4px; }

/* Two equal halves; graphic remains on the left, explanation on the right. */
.wtvg-art .wtvg-principle { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top:27px solid var(--wtvg-forest); background:var(--wtvg-cream); }
.wtvg-art .wtvg-principle .wtvg-heading { grid-column:2; grid-row:1; padding:clamp(50px,5vw,95px) clamp(35px,5.4vw,110px) 0; }
.wtvg-art .wtvg-principle .wtvg-payment-layout { display:contents; }
.wtvg-art .wtvg-principle .wtvg-payment-graph { grid-column:1; grid-row:1 / span 2; min-width:0; background:#e6e0d3; margin:0; padding:clamp(40px,5.8vw,110px); display:flex; flex-direction:column; justify-content:center; text-align:center; }
.wtvg-art .wtvg-principle .wtvg-payment-text { grid-column:2; grid-row:2; padding:0 clamp(35px,5.4vw,110px) clamp(45px,5vw,95px); }
.wtvg-art .wtvg-principle .wtvg-heading h3 { margin-bottom:.35em; }
.wtvg-art .wtvg-principle .wtvg-heading p:last-child { margin-bottom:20px; }
.wtvg-art .wtvg-payment-graph .wtvg-mini-label { margin-bottom:20px; color:var(--wtvg-forest); }
.wtvg-pill-source { background:var(--wtvg-forest); border-radius:6px; color:white; padding:22px 12px; margin:0 auto; width:min(100%,285px); }
.wtvg-pill-source strong, .wtvg-pill strong { display:block; font:700 clamp(42px,5vw,60px)/1 Arial,Helvetica,sans-serif; letter-spacing:-.045em; color:inherit; }
.wtvg-pill-source span, .wtvg-pill span { display:block; font-size:14px; margin-top:6px; line-height:1.35; }
.wtvg-branch { position:relative; height:36px; display:grid; grid-template-columns:1fr 1fr; margin:0 18% 4px; }
.wtvg-branch:before {content:""; position:absolute; width:2px; height:18px; background:#7ca397; top:0; left:50%;}
.wtvg-branch span{ margin-top:18px; border-top:2px solid #7ca397; border-left:2px solid #7ca397; height:18px; }
.wtvg-branch span+span{ border-left:0; border-right:2px solid #7ca397; }
.wtvg-payment-split { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:16px; }
.wtvg-pill { min-width:0; min-height:145px; padding:23px 8px; border-radius:5px; }
.wtvg-pill-main { color: #075c4d; background:#f4f5ea; }
.wtvg-pill-pool { color: #81592b; background:#f7efe2; }
.wtvg-art .wtvg-payment-graph .wtvg-footnote { font-size:13px; margin:24px 0 0; }
.wtvg-art .wtvg-payment-text ul { padding-left:20px; margin:10px 0 22px; }
.wtvg-art .wtvg-payment-text li { padding-left:4px; margin-bottom:11px; }

.wtvg-art #wtvg-laender { border-top:27px solid var(--wtvg-forest); padding:clamp(48px,5vw,90px) clamp(35px, 7.25vw,140px); background:var(--wtvg-cream-light); }
.wtvg-art #wtvg-laender>p:not(.wtvg-step){max-width:100ch;}
.wtvg-art .wtvg-table-wrap { overflow-x:auto; border:1px solid #d6c7ad; margin:27px 0 19px; }
.wtvg-art table { width:100%; min-width:660px; border-collapse:collapse; font-size:15px; line-height:1.45; color:var(--wtvg-muted); }
.wtvg-art table th, .wtvg-art table td { padding:17px 20px; text-align:left; border-bottom:1px solid #d9d1c2; }
.wtvg-art table thead th { background:var(--wtvg-forest); color:white; font:700 14px/1.5 Arial,Helvetica,sans-serif; }
.wtvg-art table tbody tr:nth-child(odd) { background:#f8f5ee; }
.wtvg-art table tbody tr:nth-child(even) { background:#eee9e0; }
.wtvg-art table tbody tr:last-child td,.wtvg-art table tbody tr:last-child th{border-bottom:0;}
.wtvg-art table .wtvg-number { font-variant-numeric:tabular-nums; text-align:right; font-weight:700; color:var(--wtvg-ink); white-space:nowrap; }
.wtvg-art .wtvg-notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:40px; }
.wtvg-art .wtvg-notes>div { border-top:2px solid var(--wtvg-line); padding-top:24px; }
.wtvg-art .wtvg-notes h4 { margin-bottom:15px; }
.wtvg-art .wtvg-notes p { font-size:14px; }

.wtvg-art .wtvg-conclusion { background:var(--wtvg-forest); color:#eef0e9; padding:clamp(55px,6vw,110px) clamp(35px,7.25vw,140px); border-top:10px solid #d2b27b; }
.wtvg-art .wtvg-conclusion h3 { color:white; max-width:28ch; }
.wtvg-art .wtvg-conclusion strong { color:white; }
.wtvg-art .wtvg-conclusion .wtvg-step { color:#e0c089; }
.wtvg-art .wtvg-conclusion p:not(.wtvg-step){ max-width:85ch; }
.wtvg-art .wtvg-last { font:400 clamp(22px,2.3vw,32px)/1.36 Georgia,serif; color:#ead4aa; border-top:1px solid #6b9a8d; padding-top:26px; margin:35px 0 0; }
.wtvg-art .wtvg-sources { padding:clamp(48px,5vw,90px) clamp(35px,7.25vw,140px); background:var(--wtvg-cream-light); border-top:27px solid var(--wtvg-forest); }
.wtvg-art .wtvg-sources ol {columns:2; column-gap:80px; padding-left:25px; margin:24px 0 35px;}
.wtvg-art .wtvg-sources li {font-size:14px;line-height:1.66;break-inside:avoid;margin-bottom:16px;padding-right:10px;}
.wtvg-art .wtvg-sources .wtvg-footnote { border-top:1px solid #d7c9b0; padding-top:20px; }

@media (max-width:1150px) {
  .wtvg-art {font-size:15.5px; width:calc(100vw - 36px);}
  .wtvg-art .wtvg-hero-copy, .wtvg-art .wtvg-split .wtvg-copy {padding:48px 45px;}
  .wtvg-art .wtvg-principle .wtvg-heading {padding:48px 45px 0;}
  .wtvg-art .wtvg-principle .wtvg-payment-text {padding:0 45px 48px;}
  .wtvg-art .wtvg-principle .wtvg-payment-graph {padding:45px;}
  .wtvg-art .wtvg-history-fact {gap:16px 35px;}
}
@media (max-width:830px) {
  .wtvg-art {width:100%; margin-bottom:30px;}
  .wtvg-art .wtvg-hero, .wtvg-art .wtvg-split {grid-template-columns:1fr;}
  .wtvg-hero-image{grid-column:1;grid-row:1;min-height:325px;}
  .wtvg-hero-image img {min-height:325px;}
  .wtvg-hero-copy{grid-column:1;grid-row:2;}
  .wtvg-art .wtvg-intro, .wtvg-art .wtvg-history-fact {grid-template-columns:1fr;}
  .wtvg-art .wtvg-intro p + p {border-left:0;border-top:1px solid #c7aa78;padding:22px 0 0;}
  .wtvg-art .wtvg-history-fact .wtvg-small {grid-column:1;}
  .wtvg-art .wtvg-split .wtvg-side-image, .wtvg-art .wtvg-split.wtvg-reverse .wtvg-side-image {grid-column:1;grid-row:1;min-height:350px;}
  .wtvg-art .wtvg-side-image img {min-height:350px;}
  .wtvg-art .wtvg-split .wtvg-copy, .wtvg-art .wtvg-split.wtvg-reverse .wtvg-copy {grid-column:1;grid-row:2;}
  .wtvg-art .wtvg-principle {grid-template-columns:1fr;}
  .wtvg-art .wtvg-principle .wtvg-heading {grid-column:1;grid-row:2;}
  .wtvg-art .wtvg-principle .wtvg-payment-graph {grid-column:1;grid-row:1;padding:45px 15vw;}
  .wtvg-art .wtvg-principle .wtvg-payment-text {grid-column:1;grid-row:3;}
  .wtvg-art .wtvg-notes{grid-template-columns:1fr;gap:12px;}
  .wtvg-art .wtvg-sources ol {columns:1;}
}
@media (max-width:540px) {
  .wtvg-art { width:100%;font-size:15px; }
  .wtvg-art .wtvg-hero-copy,.wtvg-art .wtvg-split .wtvg-copy{padding:42px 26px;}
  .wtvg-art h1{font-size:46px;}
  .wtvg-art h3{font-size:35px;}
  .wtvg-art .wtvg-hero-sub{font-size:18px;}
  .wtvg-art .wtvg-toc{padding:18px 25px;gap:12px 18px;border-top-width:16px;}
  .wtvg-art .wtvg-toc a{font-size:13px;}
  .wtvg-art .wtvg-intro,.wtvg-art .wtvg-history-fact{padding:45px 26px;gap:25px;}
  .wtvg-art .wtvg-chapter.wtvg-split,.wtvg-art .wtvg-principle,.wtvg-art #wtvg-laender,.wtvg-art .wtvg-sources{border-top-width:16px;}
  .wtvg-art .wtvg-split .wtvg-side-image,.wtvg-art .wtvg-split.wtvg-reverse .wtvg-side-image{min-height:280px;}
  .wtvg-art .wtvg-side-image img{min-height:280px;}
  .wtvg-art .wtvg-principle .wtvg-heading{padding:44px 26px 0;}
  .wtvg-art .wtvg-principle .wtvg-payment-text{padding:0 26px 44px;}
  .wtvg-art .wtvg-principle .wtvg-payment-graph{padding:40px 26px;}
  .wtvg-art #wtvg-laender,.wtvg-art .wtvg-sources,.wtvg-art .wtvg-conclusion{padding:47px 26px;}
  .wtvg-art .wtvg-sources ol{padding-left:22px;}
  .wtvg-art .wtvg-payment-split{gap:9px;}
  .wtvg-art .wtvg-pill {padding:16px 7px;min-height:126px;}
  .wtvg-art .wtvg-pill strong{font-size:46px;}
  .wtvg-art .wtvg-pill span{font-size:12px;}
  .wtvg-hero-image{min-height:270px;}
  .wtvg-hero-image img{min-height:270px;}
}
@media (prefers-reduced-motion: reduce) {.wtvg-art *{scroll-behavior:auto!important;}}
@media print {.wtvg-art{width:100%;max-width:none;left:0;transform:none;margin:0;overflow:visible;}.wtvg-art .wtvg-toc{display:none}.wtvg-art .wtvg-split .wtvg-side-image img,.wtvg-hero-image img{position:relative;height:auto;min-height:0}.wtvg-hero-image,.wtvg-art .wtvg-split .wtvg-side-image{min-height:0}.wtvg-art .wtvg-intro,.wtvg-art .wtvg-split{break-inside:avoid;}}
/* Optional protected entry card: place [wtvg_member_article_teaser] in the existing member dashboard. */
.wtvg-site-teaser { position:relative; left:50%; transform:translateX(-50%); width:calc(100vw - 70px); max-width:1980px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:30px 0; border-block:27px solid #075c4d; background:#eee6da; overflow:clip; }
.wtvg-site-teaser * { box-sizing:border-box; }
.wtvg-site-teaser figure { margin:0; position:relative; min-height:430px; }
.wtvg-site-teaser figure img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:42% 50%; }
.wtvg-site-teaser .wtvg-teaser-copy {display:flex;flex-direction:column;justify-content:center;padding:55px clamp(35px,5vw,95px);}
.wtvg-site-teaser .wtvg-teaser-step {color:#9a6d28;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;margin:0 0 17px;}
.wtvg-site-teaser h2 {font:400 clamp(35px,3.5vw,60px)/1.13 Georgia,serif;color:#075c4d;letter-spacing:-.02em;margin:0 0 20px;}
.wtvg-site-teaser .wtvg-teaser-copy>p:not(.wtvg-teaser-step){color:#52675d;font:400 17px/1.65 Arial,Helvetica,sans-serif;margin:0 0 26px;max-width:45ch;}
.wtvg-site-teaser a{font:700 16px/1.5 Arial,sans-serif;align-self:flex-start;color:#075c4d;text-decoration:none;border-bottom:1px solid #ae8950;padding-bottom:8px;}
.wtvg-site-teaser a:focus-visible{outline:3px solid #ae8950;outline-offset:3px;}
@media(max-width:830px){.wtvg-site-teaser{width:100%;grid-template-columns:1fr;}.wtvg-site-teaser figure{min-height:300px;}.wtvg-site-teaser .wtvg-teaser-copy{padding:43px 33px;}}
@media(max-width:540px){.wtvg-site-teaser{border-block-width:16px;}.wtvg-site-teaser figure{min-height:240px;}.wtvg-site-teaser .wtvg-teaser-copy{padding:36px 26px;}}