.page-grille-evaluation .page-hero__media img { object-position: 70% 20%; }
.score-reading, .hotel-offer-case { background: #f4f2eb; }
.score-reading__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-block: 28px; }
.score-reading__metrics > article { padding: clamp(22px, 3vw, 34px); border: 1px solid #b8cbc3; border-radius: 16px; background: #fff; min-width: 0; }
.score-reading__metrics h3 { margin-block: 16px; font-size: clamp(30px, 4vw, 46px); line-height: 1.2; color: #1c4f44; }
.score-reading__metrics article > p:last-child { margin-bottom: 0; }
.score-reading__figure { margin: 28px 0; padding: clamp(22px, 3vw, 34px); border: 1px solid #bccdc7; border-radius: 16px; background: #fff; }
.score-reading__figure h3 { margin-top: 0; font-size: clamp(23px, 2.3vw, 30px); line-height: 1.3; }
.score-reading__chart { display: block; width: 100%; max-width: 900px; height: auto; margin-block: 20px; }
.score-reading__chart text { fill: #213e37; font: 26px system-ui, sans-serif; }
.score-reading__option { font-weight: 700; }
.score-reading__track { fill: #e4ebe7; }
.score-reading__known { fill: #225f50; }
.score-reading__pattern-bg { fill: #fff0df; }
.score-reading__pattern-line { fill: none; stroke: #9b4824; stroke-width: 2; }
.score-reading__unknown { stroke: #9b4824; stroke-width: 2; }
.score-reading__axis { stroke: #61766e; stroke-width: 2; }
.score-reading__marker { stroke: #132d25; stroke-width: 4; }
.score-reading__details { margin-block: 24px; border: 1px solid #b9c9c3; border-radius: 12px; background: #fff; }
.score-reading__details > summary { padding: 20px 24px; min-height: 52px; cursor: pointer; font-weight: 700; line-height: 1.5; }
.score-reading__details > .table-wrap { margin: 0 20px 20px; }
.score-reading__details > summary:focus-visible { outline: 3px solid #a54d24; outline-offset: 4px; border-radius: 12px; }
.score-reading__next, .hotel-offer-case__proof { padding: 26px; border: 1px solid #c1d0c8; border-radius: 14px; background: #fff; margin-block: 26px; }
.score-reading__next h3, .hotel-offer-case__proof h3 { margin-top: 0; font-size: 24px; line-height: 1.3; }
.hotel-offer-case__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start; margin-block: 30px; }
.hotel-offer-case__intro .editorial-photo { margin: 0; width: 100%; max-width: none; }
.hotel-offer-case__intro .editorial-photo img { display: block; width: 100%; height: auto; border-radius: 14px; }
.hotel-offer-case__intro figcaption { margin-top: 12px; font-size: 14px; line-height: 1.6; }
.hotel-offer-case__intro h3 { margin-top: 0; font-size: clamp(24px, 2.5vw, 34px); line-height: 1.25; }
.hotel-offer-case__intro li { padding-left: 4px; margin-block: 12px; }
.hotel-offer-case__mutations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-block: 28px; }
.hotel-offer-case__mutations article { padding: 26px; border: 1px solid #b9cbc2; border-radius: 14px; background: #fff; min-width: 0; }
.hotel-offer-case__mutations article > span { display: block; color: #8c421e; font-size: 14px; font-weight: 700; margin-bottom: 20px; }
.hotel-offer-case__mutations h3 { font-size: 23px; line-height: 1.3; }
.hotel-offer-case :is(p, td, li), .score-reading :is(p, td) { overflow-wrap: anywhere; }
@media (max-width: 950px) { .hotel-offer-case__intro { grid-template-columns: minmax(0, 1fr); } .hotel-offer-case__intro .editorial-photo { max-width: 700px; } }
@media (max-width: 750px) { .score-reading__metrics, .hotel-offer-case__mutations { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 400px) { .score-reading__figure { padding: 18px; } .score-reading__details > summary { padding: 18px; } }