.content-lab { scroll-margin-top: 110px; }
.content-lab__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; align-items: start; }
.content-example,.content-check,.content-widget,.tourism-chart { min-width: 0; padding: clamp(20px,3vw,36px); margin: 0; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); }
.content-example h3 { margin-top: 0; }
.content-example__label { font-size: .8rem; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; color: var(--deep); }
.content-example blockquote { margin: 0 0 22px; padding: 14px 18px; border-left: 3px solid var(--coral); background: var(--ivory); }
.content-lab small,.content-source { display: block; font-size: .85rem; color: #4c586d; }
.content-source { max-width: 1100px; margin-top: 26px; }
.content-check fieldset { border: 0; margin: 0; padding: 0; }
.content-check legend { font-size: 1.2rem; font-weight: 750; margin-bottom: 16px; }
.content-check label { display: flex; align-items: start; gap: 12px; padding: 12px 0; cursor: pointer; border-bottom: 1px solid var(--line); }
.content-check input { width: 20px; height: 20px; flex: 0 0 auto; margin-top: 4px; accent-color: var(--deep); }
.content-lab__actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 20px 0; }
.content-widget > label,.content-inputs label { display: block; font-weight: 700; }
.content-widget input,.content-widget select { width: 100%; padding: 12px; margin-top: 8px; min-height: 48px; border: 1px solid #8592a5; background: white; color: var(--ink); border-radius: 8px; font: inherit; }
.content-widget input:focus-visible,.content-widget select:focus-visible,.content-check input:focus-visible { outline: 3px solid #276bb1; outline-offset: 3px; }
.content-widget ol { padding-left: 24px; }
.content-widget ol li { margin: 12px 0; }
.content-inputs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.vitals-reference,.tourism-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 24px 0; }
.vitals-reference > div,.tourism-metrics > div { padding: 24px; border-radius: 16px; background: var(--navy); color: white; }
.vitals-reference dt,.tourism-metrics strong { font-size: clamp(1.4rem,2.5vw,2.1rem); font-weight: 800; }
.vitals-reference dd { margin: 8px 0 0; }
.tourism-metrics span { display: block; margin-top: 8px; }
.tourism-chart figcaption strong,.tourism-chart figcaption span { display: block; }
.tourism-chart figcaption span { margin-top: 8px; font-size: .85rem; }
.tourism-chart ol { list-style: none; padding: 0; margin: 24px 0 0; }
.tourism-chart li { display: grid; grid-template-columns: 90px minmax(40px,1fr) 65px; gap: 12px; align-items: center; margin: 18px 0; }
.tourism-chart li strong { text-align: right; font-variant-numeric: tabular-nums; }
.tourism-chart meter { width: 100%; height: 24px; accent-color: var(--deep); }
.tourism-chart meter::-webkit-meter-bar { background: var(--blue-soft); border: 0; border-radius: 12px; }
.tourism-chart meter::-webkit-meter-optimum-value { background: var(--deep); border-radius: 12px; }
.tourism-chart meter::-moz-meter-bar { background: var(--deep); border-radius: 12px; }
.documentary-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.documentary-grid figure { margin: 0; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); overflow: hidden; }
.documentary-grid img { width: 100%; height: auto; }
.documentary-grid figcaption { padding: 24px; }
.documentary-grid figcaption h3 { margin-top: 0; }
.documentary-grid figcaption a { overflow-wrap: anywhere; }
.content-illustration { margin: 0; }
.content-illustration img { border-radius: var(--radius); width: 100%; }
.content-illustration figcaption { font-size: .85rem; margin-top: 12px; }
@media (max-width: 760px) {
  .content-lab__grid,.documentary-grid { grid-template-columns: 1fr; }
  .content-inputs { grid-template-columns: 1fr; }
  .vitals-reference,.tourism-metrics { grid-template-columns: 1fr; }
  .tourism-chart li { grid-template-columns: 75px minmax(30px,1fr) 55px; gap: 8px; font-size: .9rem; }
}
@media print { .content-lab button,.content-lab select { display: none; } .content-lab__grid { display: block; } .content-example,.content-check,.tourism-chart { break-inside: avoid; } }