.discovery-hero{padding:75px var(--page) 55px;max-width:1050px}.discovery-hero h1{font-size:clamp(50px,7vw,88px)}.discovery-hero>p:last-child{font-size:20px;line-height:1.65;color:var(--muted);max-width:720px}.room-jump{position:sticky;top:77px;z-index:4;display:flex;gap:7px;overflow:auto;padding:13px var(--page);background:#fff;border-block:1px solid var(--line)}.room-jump a{white-space:nowrap;padding:9px 14px;border-radius:20px;background:var(--sage-light);font-size:12px;font-weight:800}.room-list{padding:30px var(--page) 70px}.room-block{padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:140px}.room-block>header{display:grid;grid-template-columns:75px 1fr;gap:20px}.room-block>header>span{font:700 38px var(--serif);color:var(--gold)}.room-block h2{font-size:clamp(38px,4vw,57px)}.room-block header p{color:var(--muted);font-size:17px}.room-recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:27px 0 0 95px}.room-recommendations a{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;padding:24px;background:#f2f0ec;transition:.25s}.room-recommendations a:hover{background:var(--forest);color:#fff;transform:translateY(-3px)}.room-recommendations small{color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.room-recommendations h3{font-size:28px}.room-recommendations p{font-size:13px;color:var(--muted)}.room-recommendations a:hover p{color:#dbe4df}.discovery-cta{padding:80px var(--page);text-align:center;background:var(--forest);color:#fff}.discovery-cta h2{margin:12px auto 25px}.compare-controls{display:flex;justify-content:space-between;align-items:end;padding:0 var(--page) 22px}.compare-controls label{font-weight:800}.compare-controls select{display:block;margin-top:7px;padding:11px 35px 11px 11px;border:1px solid var(--line);background:#fff}.compare-controls small{color:var(--muted)}.comparison-table-wrap{margin:0 var(--page) 75px;overflow:auto}.comparison-table{width:100%;min-width:920px;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:20px 16px;border-bottom:1px solid var(--line);text-align:left}.comparison-table thead th{position:sticky;top:0;background:var(--forest);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.comparison-table tbody th{width:260px;font:700 21px var(--serif)}.comparison-table tbody th small{display:block;margin-top:5px;font:400 11px var(--sans);color:var(--muted)}.comparison-table tbody tr:hover{background:var(--sage-light)}.comparison-table a{font-weight:800;text-decoration:underline}.comparison-table tr[hidden]{display:none}
.discovery-hero{position:relative;padding-top:58px;padding-bottom:42px}.discovery-hero::before{content:'';position:absolute;top:38px;width:55px;height:3px;background:var(--gold)}.discovery-hero h1{font-size:clamp(42px,5.6vw,72px)}.room-jump{top:68px;padding-top:9px;padding-bottom:9px}.room-jump a{border-radius:3px;background:transparent;border:1px solid var(--line)}.room-jump a:hover{background:var(--forest);color:#fff}.room-block{padding:36px 0}.room-block>header>span{color:var(--gold-dark)}.room-recommendations{margin-top:20px}.room-recommendations a{min-height:175px;border-left:3px solid var(--gold);background:#eee8df}.comparison-table thead th{background:var(--forest-dark)}.comparison-table tbody tr{background:#fff}.comparison-table tbody tr:hover{background:var(--sage-light)}
.room-block:nth-child(even){position:relative}.room-block:nth-child(even)::before{content:'';position:absolute;z-index:-1;inset:0 calc(var(--page)*-1);background:#ffffff70}.room-recommendations a b{color:var(--gold-dark);transition:transform .2s}.room-recommendations a:hover b{color:var(--gold-light);transform:translateX(4px)}.comparison-table th:first-child{position:sticky;left:0;z-index:2;background:var(--cream);box-shadow:1px 0 0 var(--line)}.comparison-table thead th:first-child{z-index:3;background:var(--forest-dark)}
@media(max-width:800px){.room-recommendations{grid-template-columns:1fr;margin-left:0}.room-block>header{grid-template-columns:1fr}.room-block>header>span{font-size:25px}.compare-controls{align-items:start;flex-direction:column;gap:15px}}

/* Comparateur : une lecture dense, centrée et facile à balayer. */
.comparison-page .compare-controls{width:min(1180px,calc(100% - 2 * var(--page)));margin:0 auto;padding:0 0 16px}
.comparison-page .compare-key{display:flex;gap:18px;margin-left:auto;margin-right:24px;color:var(--muted);font-size:11px}
.comparison-page .compare-status{margin:0;color:var(--forest);font-size:12px;font-weight:800}
.comparison-page .compare-key span{display:inline-flex;align-items:center;gap:6px}
.comparison-page .rating-dot,.comparison-page .rating::before{content:'';display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#b7b2a8}
.comparison-page .rating-dot--strong{background:var(--gold)}
.comparison-page .comparison-table-wrap{width:min(1180px,calc(100% - 2 * var(--page)));margin:0 auto 58px;overflow:auto;border:1px solid var(--line);background:#fff}
.comparison-page .comparison-table{min-width:820px;table-layout:fixed}
.comparison-page .comparison-table th,.comparison-page .comparison-table td{padding:13px 14px;vertical-align:middle}
.comparison-page .comparison-table thead th{height:44px;padding-block:10px}
.comparison-page .comparison-table thead th:first-child,.comparison-page .comparison-table tbody th{width:220px}
.comparison-page .comparison-table thead th:last-child{width:72px}
.comparison-page .comparison-table tbody th{font-size:18px;line-height:1.08}
.comparison-page .comparison-table tbody th small{margin-top:4px;font-size:10px;line-height:1.25}
.comparison-page .comparison-table tbody td{font-size:13px;white-space:nowrap}
.comparison-page .comparison-table tbody tr{height:76px}
.comparison-page .comparison-table a{font-size:12px;white-space:nowrap}
.comparison-page .rating{display:inline-flex;align-items:center;gap:8px;color:#5d625e}
.comparison-page .rating[data-rating*="excellent"],.comparison-page .rating[data-rating*="très bon"]{font-weight:800;color:var(--forest)}
.comparison-page .rating[data-rating*="bon"]::before,.comparison-page .rating[data-rating*="facile"]::before{background:var(--sage)}
.comparison-page .rating[data-rating*="excellent"]::before,.comparison-page .rating[data-rating*="très bon"]::before{background:var(--gold);box-shadow:0 0 0 3px #d69a4220}
.comparison-page .rating[data-rating*="very good"]{font-weight:800;color:var(--forest)}
.comparison-page .rating[data-rating*="good"]::before,.comparison-page .rating[data-rating*="easy"]::before{background:var(--sage)}
.comparison-page .rating[data-rating*="very good"]::before{background:var(--gold);box-shadow:0 0 0 3px #d69a4220}
.comparison-page .comparison-table tbody tr:focus-within{outline:2px solid var(--gold);outline-offset:-2px}
.comparison-page .compare-more-wrap{display:none}
@media(min-width:801px){.comparison-page .comparison-action a{font-size:0}.comparison-page .comparison-action a::before{content:'Voir';font-size:12px}.comparison-page .comparison-action a span{font-size:12px}}
@media(min-width:801px){.comparison-page .comparison-action a{font-size:12px}.comparison-page .comparison-action a::before{content:none}}

@media(max-width:800px){
  .comparison-page .discovery-hero{padding-block:38px 30px}
  .comparison-page .discovery-hero h1{font-size:clamp(38px,11vw,52px)}
  .comparison-page .compare-controls,.comparison-page .comparison-table-wrap{width:calc(100% - 28px)}
  .comparison-page .compare-controls{display:block}
  .comparison-page .compare-controls label,.comparison-page .compare-controls select{width:100%}
  .comparison-page .compare-status{margin-top:10px}
  .comparison-page .compare-controls small,.comparison-page .compare-key{display:none}
  .comparison-page .comparison-table-wrap{overflow:visible;border:0;background:transparent}
  .comparison-page .comparison-table{display:block;min-width:0}
  .comparison-page .comparison-table thead{display:none}
  .comparison-page .comparison-table tbody{display:grid;gap:12px}
  .comparison-page .comparison-table tbody tr{display:grid;height:auto;padding:0 16px 14px;border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px #123c3310}
  .comparison-page .comparison-table tbody th{position:static;width:auto;margin:0 -16px 7px;padding:16px;background:var(--cream);box-shadow:none;font-size:20px}
  .comparison-page .comparison-table tbody th small{max-width:32ch}
  .comparison-page .comparison-table tbody td{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #e8e2d9;white-space:normal}
  .comparison-page .comparison-table tbody td::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
  .comparison-page .comparison-table tbody .comparison-action{justify-content:flex-end;padding-top:13px;border:0}
  .comparison-page .comparison-table tbody .comparison-action::before{display:none}
  .comparison-page .comparison-table tbody .comparison-action a{font-size:13px;color:var(--forest)}
  .comparison-page .compare-more-wrap{display:block;width:calc(100% - 28px);margin:-42px auto 58px;text-align:center}
  .comparison-page .compare-more{width:100%;padding:13px 18px;border:1px solid var(--forest);background:#fff;color:var(--forest);font-weight:800;cursor:pointer}
  .comparison-page .compare-more:hover,.comparison-page .compare-more:focus-visible{background:var(--forest);color:#fff}
  .comparison-page .compare-more[hidden]{display:none}
}
.room-jump a.is-current{border-color:var(--forest);background:var(--forest);color:#fff}
.room-jump a,.room-recommendations small,.comparison-controls label,.comparison-table th,.comparison-table td{font-size:13px}.room-recommendations p,.discovery-page p{font-size:15px}
@media(max-width:800px){
  .room-jump{max-width:100%;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
  .room-jump a{min-height:44px;display:flex;align-items:center;flex:0 0 auto;scroll-snap-align:start}
  .comparison-page .comparison-table tbody td>*{min-width:0}
  .comparison-page .comparison-table tbody td::before{flex:1 1 45%;min-width:0}
  .comparison-page .comparison-table tbody td{text-align:right}
}
@media(max-width:480px){
  .discovery-hero{padding-top:42px;padding-bottom:30px}.discovery-hero>p:last-child{font-size:17px}
  .room-list{padding-top:10px}.room-block{padding:30px 0}.room-recommendations a{min-height:0;padding:20px}
}