.om-list-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid #dce5f1;
  border-radius:24px;
  margin:0 0 22px;
  padding:clamp(26px,5vw,52px);
  color:#fff;
  background:
    radial-gradient(circle at 90% 5%,rgba(76,201,240,.28),transparent 34%),
    linear-gradient(135deg,#10233f 0%,#194a7a 56%,#0d7180 100%);
  box-shadow:0 18px 45px rgba(16,35,63,.14)
}
.om-list-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:260px;
  height:260px;
  right:-80px;
  bottom:-145px;
  border:48px solid rgba(255,255,255,.08);
  border-radius:50%
}
.om-list-hero .om-eyebrow{color:#9de3ef}
.om-list-hero h1{max-width:850px;margin:7px 0 10px;font-size:clamp(1.7rem,4vw,3.1rem);line-height:1.15;letter-spacing:-.025em}
.om-list-hero>p:not(.om-eyebrow):not(.om-source-hero){max-width:780px;color:#e6f0fa;font-size:clamp(.88rem,1.8vw,1.03rem);line-height:1.8}
.om-list-hero .om-source-hero{color:#bfd2e8!important}
.om-ranking-hero{background:radial-gradient(circle at 92% 5%,rgba(255,202,82,.28),transparent 33%),linear-gradient(135deg,#17233c,#4a3768 58%,#7b4b2c)}
.om-deals-hero{background:radial-gradient(circle at 90% 5%,rgba(255,228,120,.3),transparent 34%),linear-gradient(135deg,#422019,#9d3f25 55%,#c87922)}
.om-hero-stat{display:inline-flex;align-items:baseline;gap:9px;margin-top:16px;padding:10px 15px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.om-hero-stat strong{font-size:1.45rem}
.om-hero-stat span{font-size:.75rem;color:#e7eef8}

.om-search-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.34fr) auto;gap:9px;margin-top:22px;padding:9px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.om-search-panel input,.om-search-panel select{min-width:0;border:0;border-radius:10px;background:#fff;color:#17243a;padding:13px 14px;font:inherit}
.om-search-panel button{border:0;border-radius:10px;padding:12px 22px;background:#f0b73b;color:#30200a;font-weight:900;cursor:pointer}
.om-search-panel button:hover{background:#ffd063}

.om-section-heading--row{display:flex;justify-content:space-between;align-items:end;gap:14px}
.om-section-heading--row>strong{color:var(--om-navy);font-size:.8rem;background:#eef4ff;border-radius:999px;padding:8px 12px}
.om-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.om-link-grid>a{display:flex;min-height:90px;flex-direction:column;justify-content:center;gap:4px;padding:16px;border:1px solid var(--om-line);border-radius:14px;background:#fff;color:var(--om-navy);box-shadow:0 5px 16px rgba(16,35,63,.04)}
.om-link-grid>a:hover{border-color:#9eb7da;transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,35,63,.09)}
.om-link-grid small{color:var(--om-muted);font-size:.66rem}

.period-tabs,.genre-filter{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.period-tab,.genre-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid var(--om-line);border-radius:999px;background:#fff;color:#44536a;font-size:.78rem;font-weight:800}
.period-tab.active,.genre-chip.active{border-color:#173d83;background:#173d83;color:#fff}
.genre-chip{flex-direction:column;line-height:1.15}
.genre-chip small{display:block;margin-top:3px;font-size:.58rem;opacity:.65}
.om-ranking-note{display:grid;grid-template-columns:minmax(150px,.25fr) 1fr;gap:14px;align-items:center;margin:18px 0 24px;padding:16px 18px;border:1px solid #d8e3f2;border-left:4px solid #2b6eb6;border-radius:13px;background:#f5f8fd;color:#44546b}
.om-ranking-note strong{color:var(--om-navy);font-size:.82rem}
.om-ranking-note p{margin:0;font-size:.77rem;line-height:1.65}

.om-guide-article{max-width:960px;margin:0 auto}
.om-guide-article .om-list-hero{background:radial-gradient(circle at 90% 5%,rgba(255,255,255,.22),transparent 35%),linear-gradient(135deg,var(--g-main,#173d83),var(--g-sub,#2d7e87))}
.om-guide-article .guide-head-icon{display:block;font-size:2rem;margin-bottom:5px}
.om-original-notes{margin:26px 0;border:1px solid #d8e0eb;border-radius:14px;background:#f8fafc;padding:0 17px}
.om-original-notes summary{cursor:pointer;padding:15px 28px 15px 0;color:var(--om-navy);font-size:.82rem;font-weight:900}
.om-original-notes>p,.om-original-notes>div{color:#59677b;font-size:.76rem;line-height:1.75}
.om-original-notes>div{border-top:1px solid #e0e6ef;padding:12px 0 16px}
.om-original-notes ul{padding-left:20px}
.om-guide-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.om-guide-index .guide-index-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:center;min-height:130px;padding:18px;border:1px solid var(--om-line);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(16,35,63,.05)}
.om-guide-index .guide-index-card:hover{transform:translateY(-3px);border-color:#9eb7da;box-shadow:0 13px 28px rgba(16,35,63,.1)}
.om-guide-index .guide-index-icon{grid-row:1/4;font-size:1.8rem}
.om-guide-index strong{color:var(--om-navy);font-size:.9rem}
.om-guide-index small{color:var(--om-muted);font-size:.64rem}
.om-guide-index .guide-index-card>span:last-child{color:#68778c;font-size:.68rem}

@media(max-width:900px){
  .om-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .om-guide-index{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .om-list-hero{border-radius:18px;padding:26px 20px}
  .om-search-panel{grid-template-columns:1fr}
  .om-search-panel button{width:100%}
  .om-link-grid,.om-guide-index{grid-template-columns:1fr}
  .om-ranking-note{grid-template-columns:1fr}
  .om-section-heading--row{align-items:start;flex-direction:column}
}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.om-source-subtitle{margin:4px 0 14px;color:#718096;font-size:.7rem;line-height:1.45}