.editorial h1 { max-width: 32ch; font-size: clamp(1.7rem,3vw,2.7rem); }
.editorial-intro { margin-bottom: 1.4rem; }
.editorial .article-date { margin: .25rem 0 1rem; color: #4b6171; font-size: .9rem; }
.editorial .editorial-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem 1.25rem; margin: 1.1rem 0; }
.editorial .editorial-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .65rem 1rem; color: white; background: #087b85; border-radius: .25rem; font-weight: 650; text-decoration: none; }
.editorial .editorial-primary:hover { background: #065f68; }
.editorial .quick-start { margin: .6rem 0 0; padding-left: 1.3rem; }
.editorial .quick-start li { font-size: .96rem; line-height: 1.6; }
.editorial figure.denominator-visual { padding: 1.5rem; border: 1px solid #bed2d8; margin: 1.5rem 0; }
.editorial .denominator-visual h2 { margin: 0 0 .5rem; font-size: clamp(1.3rem,2.2vw,1.7rem); }
.editorial .denominator-context { margin: .5rem 0 1.1rem; }
.editorial .denominator-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; }
.editorial .denominator-panel { background: #f4f8f8; border: 1px solid #dbe2e8; padding: 1rem; }
.editorial .denominator-panel p { margin: 0 0 .5rem; line-height: 1.5; }
.editorial .denominator-label { font-weight: 650; }
.editorial .denominator-value { display: block; font-size: 2rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.editorial .denominator-percent { color: #087b85; font-weight: 700; font-size: 1.35rem; }
.editorial .denominator-visual figcaption { max-width: 85ch; }
@media (max-width:540px) { .editorial figure.denominator-visual { padding: 1rem; } .editorial .denominator-grid { grid-template-columns: 1fr; gap: .8rem; } .editorial .editorial-primary { width: 100%; } }