/* Colored priority groups preserve the original typeface and gallery layout. */
.hanoi-comparison-page .hp-rank-1 { --hp-tint:#f6edcf; --hp-border:#d7be7a; --hp-ink:#594311; --hp-soft:#fbf7e9; }
.hanoi-comparison-page .hp-rank-2 { --hp-tint:#e6eee1; --hp-border:#9ab28f; --hp-ink:#315334; --hp-soft:#f3f7ef; }
.hanoi-comparison-page .hp-rank-3 { --hp-tint:#e6eef4; --hp-border:#97b3c6; --hp-ink:#294c65; --hp-soft:#f3f7fa; }
.n26-main .hp-priority-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:30px 0; }
.n26-main .hp-priority-card {
  display:flex; flex-direction:column; min-width:0; border:1px solid var(--hp-border);
  border-radius:18px; background:var(--hp-tint); padding:24px;
  text-decoration:none; color:var(--hp-ink); box-shadow:0 6px 18px rgba(33,48,38,.035);
}
.n26-main .hp-priority-card:hover { border-color:var(--hp-ink); }
.n26-main .hp-priority-card-top { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:15px; }
.n26-main .hp-priority-card-top strong { color:var(--hp-ink); font-size:25px; line-height:1.4; letter-spacing:-.035em; }
.n26-main .hp-priority-count { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; padding:4px 12px; border:1px solid var(--hp-border); border-radius:30px; font-size:13px; font-weight:650; background:rgba(255,255,255,.45); color:var(--hp-ink); }
.n26-main .hp-priority-card-description { font-size:14px; line-height:1.8; color:var(--hp-ink); margin-bottom:16px; word-break:keep-all; overflow-wrap:anywhere; }
.n26-main .hp-priority-card-names { display:block; flex:1; padding-top:14px; border-top:1px solid var(--hp-border); font-size:13px; line-height:1.9; color:var(--hp-ink); word-break:keep-all; overflow-wrap:anywhere; }
.n26-main .hp-priority-card-action { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:18px; font-size:13px; font-weight:650; color:var(--hp-ink); }
.n26-main .hp-priority-card-action span:last-child { font-size:20px; }
.n26-main .hp-rank-badge { display:inline-flex; align-items:center; gap:7px; width:max-content; border:1px solid var(--hp-border); border-radius:30px; background:var(--hp-tint); color:var(--hp-ink); padding:4px 12px; font-size:12px; line-height:1.6; font-weight:650; white-space:nowrap; }
.n26-main .hp-rank-badge::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }
.n26-main .hp-priority-table tbody tr { background:var(--hp-soft); }
.n26-main .hp-priority-table tbody tr > :first-child { border-left:3px solid var(--hp-border); }
.n26-main .hp-priority-table .hp-table-venue { display:block; margin-top:9px; }
.n26-main .hp-group-heading { display:flex; align-items:center; gap:24px; border:1px solid var(--hp-border); border-radius:20px; padding:27px 30px; background:var(--hp-tint); margin:0 0 32px; color:var(--hp-ink); }
.n26-main .hp-group-number { flex-shrink:0; font-size:54px; font-weight:500; letter-spacing:-.06em; line-height:1; color:var(--hp-ink); opacity:.82; }
.n26-main .hp-group-copy { min-width:0; flex:1; }
.n26-main .hp-group-copy h2 { display:flex; align-items:center; flex-wrap:wrap; gap:14px; color:var(--hp-ink); font-size:30px; margin:0 0 9px; }
.n26-main .hp-group-copy p { color:var(--hp-ink); font-size:14px; line-height:1.8; margin:0; }
.n26-main .hp-group-names { margin:0 0 26px; font-size:14px; line-height:1.9; color:#465b4b; }
.n26-main .hp-profile .casino-profile-heading > .n26-location { display:flex; align-items:center; flex-wrap:wrap; gap:9px 12px; margin-bottom:12px; }
.n26-main .hp-profile .casino-profile-copy > .hp-lead { font-size:19px; font-weight:600; line-height:1.85; margin-bottom:22px; }
.n26-main .hp-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:25px 0; }
.n26-main .hp-summary > div { min-width:0; background:var(--hp-soft); border:1px solid var(--hp-border); border-radius:12px; padding:18px 20px; }
.n26-main .hp-summary dt { color:var(--hp-ink); font-size:12px; font-weight:650; line-height:1.6; margin-bottom:7px; }
.n26-main .hp-summary dd { margin:0; font-size:15px; line-height:1.8; color:#294236; word-break:keep-all; overflow-wrap:anywhere; }
.n26-main .hp-highlights { background:var(--hp-soft); border-left:3px solid var(--hp-border); border-radius:0 12px 12px 0; padding:20px 24px; margin:24px 0; }
.n26-main .hp-highlights h4 { font-size:17px; line-height:1.6; margin:0 0 10px; color:var(--hp-ink); }
.n26-main .hp-highlights ul { padding-left:20px; margin:0; }
.n26-main .hp-highlights li { font-size:15px; line-height:1.85; color:#294236; margin:5px 0; }
.n26-main .hp-check-before { font-size:14px; line-height:1.85; color:#40594a; padding-top:18px; border-top:1px solid var(--n26-line); }
.n26-main .hp-check-before > strong { display:block; margin-bottom:5px; }
.n26-main .hp-map { margin:26px 0 0; border:1px solid var(--n26-line); border-radius:16px; overflow:hidden; background:#fff; }
.n26-main .hp-map-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding:22px 24px; }
.n26-main .hp-map-heading h4 { font-size:18px; line-height:1.55; margin:0 0 5px; color:#244d3b; }
.n26-main .hp-map-heading p { font-size:13px; line-height:1.7; margin:0; color:#4a5f50; }
.n26-main .hp-map-link { flex-shrink:0; display:inline-flex; align-items:center; min-height:44px; gap:8px; font-size:13px; font-weight:650; text-underline-offset:4px; }
.n26-main .hp-map-panel { height:300px; position:relative; background:#edf1e9; border-top:1px solid #d4ded0; }
.n26-main .hp-map-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; padding:24px; height:100%; text-align:center; }
.n26-main .hp-map-pin { position:relative; display:block; width:27px; height:27px; margin-bottom:7px; border:2px solid #456952; border-radius:50% 50% 50% 0; transform:rotate(-45deg); }
.n26-main .hp-map-pin::after { content:''; position:absolute; width:7px; height:7px; top:8px; left:8px; border:2px solid #456952; border-radius:50%; }
.n26-main .hp-map-placeholder > p { font-size:14px; line-height:1.75; margin:0; color:#40594a; max-width:450px; }
.n26-main .hp-map-load { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 24px; border:1px solid #244d3b; border-radius:28px; font:inherit; font-size:14px; font-weight:650; text-decoration:none; color:#fff; background:#244d3b; cursor:pointer; }
.n26-main .hp-map-load:hover { background:#153727; }
.n26-main .hp-map iframe { display:block; width:100%; height:100%; border:0; }
.n26-main .hp-map-placeholder[hidden] { display:none; }
.n26-main .hp-map-status { padding:0 24px; margin:0; font-size:13px; color:#40594a; }
.n26-main .hp-map-status:not(:empty) { padding-block:10px; }
.n26-main .hp-profile .casino-profile-copy > .n26-feature-line br { display:initial; }
@media(max-width:800px) {
  .n26-main .hp-priority-cards { grid-template-columns:1fr; gap:12px; margin:24px 0; }
  .n26-main .hp-priority-card { padding:21px; border-radius:15px; }
  .n26-main .hp-priority-card-top { margin-bottom:9px; }
  .n26-main .hp-priority-card-top strong { font-size:23px; }
  .n26-main .hp-priority-card-description { margin-bottom:11px; }
  .n26-main .hp-priority-card-action { margin-top:12px; }
  .n26-main .hp-group-heading { padding:23px 20px; gap:18px; border-radius:16px; margin-bottom:22px; }
  .n26-main .hp-group-number { font-size:43px; }
  .n26-main .hp-group-copy h2 { font-size:27px; gap:11px; }
  .n26-main .hp-group-copy p { font-size:13px; }
  .n26-main .hp-profile .casino-profile-copy > .hp-lead { font-size:18px; }
  .n26-main .hp-summary { grid-template-columns:1fr; gap:10px; }
  .n26-main .hp-summary > div { padding:16px 18px; }
  .n26-main .hp-highlights { padding:18px 20px; }
  .n26-main .hp-map-heading { display:block; padding:19px 20px 14px; }
  .n26-main .hp-map-link { margin-top:9px; }
  .n26-main .hp-map-panel { height:275px; }
  .n26-main .hp-map-placeholder { padding:20px; }
}
@media print {
  .n26-main .hp-priority-card,.n26-main .hp-group-heading { print-color-adjust:exact; }
  .n26-main .hp-map-panel,.n26-main .hp-map-status { display:none; }
}