/* Obsidian Gold. All geometry and configurable colors come from system settings. */
.og-directory,.og-mobile-hint{display:none}
#pageWrap.fa-modern[data-ad-surface=metal] #tab1 tr.ad-row td{
  border-top-color:var(--fa-border);
  background-image:linear-gradient(180deg,rgba(255,255,255,var(--fa-gloss)),transparent 60%,rgba(0,0,0,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 var(--fa-depth) 0 rgba(0,0,0,.3);
}
#pageWrap.fa-modern[data-premium="1"]{color:var(--fa-nav-text);font-family:'Microsoft YaHei','PingFang SC',sans-serif}
#pageWrap.fa-modern[data-premium="1"] .banner{
  border:0;border-bottom:1px solid var(--fa-border);box-shadow:0 16px 50px rgba(0,0,0,.16);background:#151619;
}
#pageWrap.fa-modern[data-premium="1"] .banner>img{object-fit:cover;object-position:center}
#pageWrap.fa-modern[data-premium="1"] .dl{width:100%;margin-left:0;margin-right:0}
#pageWrap.fa-modern[data-premium="1"] .dl td{
  padding:0 12px;border:1px solid var(--fa-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 var(--fa-depth) 0 rgba(0,0,0,.2);
  transition:border-color .18s,filter .18s;color:var(--fa-nav-text);font-size:13px;
}
#pageWrap.fa-modern[data-premium="1"] .dl td:hover{filter:brightness(1.12)}
#pageWrap.fa-modern[data-premium="1"] .dl td a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:13px;letter-spacing:.08em;font-weight:400;text-decoration:none}
#pageWrap.fa-modern[data-premium="1"] .dl td a.merchant-publish-link{font-weight:700}
#pageWrap.fa-modern[data-premium="1"] .dl td:has(.merchant-publish-link){border-color:var(--fa-button)}
#pageWrap.fa-modern[data-premium="1"] a:focus-visible{outline:2px solid var(--fa-button);outline-offset:2px}
#pageWrap.fa-modern[data-premium="1"] .og-directory{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 2px 19px;scroll-margin-top:16px}
#pageWrap.fa-modern[data-premium="1"] .og-eyebrow{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.22em;color:var(--fa-nav-text);opacity:.65;margin-bottom:7px}
#pageWrap.fa-modern[data-premium="1"] .og-heading h1{margin:0;font-size:23px;line-height:1.35;letter-spacing:.05em;font-weight:600;color:var(--fa-nav-text)}
#pageWrap.fa-modern[data-premium="1"] .og-heading h1 span{font-size:12px;letter-spacing:.03em;font-weight:400;opacity:.65;margin-left:14px}
#pageWrap.fa-modern[data-premium="1"] .og-directory-meta{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.08em;white-space:nowrap;color:var(--fa-nav-text)}
#pageWrap.fa-modern[data-premium="1"] .og-date{font:11px/1.5 Arial,sans-serif;letter-spacing:.1em;border-left:1px solid var(--fa-border);padding-left:14px;margin-left:5px;opacity:.7}
#pageWrap.fa-modern[data-premium="1"] .og-live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--fa-button);box-shadow:0 0 0 3px rgba(217,183,119,.1)}
#pageWrap.fa-modern[data-premium="1"] .ad-table-scroll{padding:0;scrollbar-color:var(--fa-border) var(--fa-table)}
#pageWrap.fa-modern[data-premium="1"] #tab1{margin:0}
#pageWrap.fa-modern[data-premium="1"] #tab1 thead th{font-size:12px!important;letter-spacing:.08em;font-weight:400;border-top:1px solid var(--fa-border);border-bottom:1px solid var(--fa-border)}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td{padding-left:7px;padding-right:7px;font-variant-numeric:tabular-nums}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td:first-child{padding-left:14px}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td a{font-size:12px}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td:first-child a{font-weight:700;font-size:13px}
/* The semantic type remains in the text and data attributes; replace dated animated artwork. */
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td:first-child .cell-mid{gap:7px}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td:first-child img,
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row .intro-recommend img{display:none}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td:first-child .cell-mid:before{content:'';display:block;width:5px;height:5px;flex:0 0 5px;transform:rotate(45deg);border:1px solid currentColor;opacity:.65}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td:first-child .cell-text-with-icon{max-width:calc(100% - 14px)}
#pageWrap.fa-modern[data-premium="1"] #tab1 .intro-recommend{font-size:10px;opacity:.65;margin-left:8px}
#pageWrap.fa-modern[data-premium="1"] #tab1 .intro-link{padding-left:8px}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td .viewlink,
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td:nth-child(3) a,
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td:nth-child(7) a{
  font-size:11px;line-height:1.25;padding:4px 8px;min-height:0;border-color:var(--fa-border);
  background-image:linear-gradient(rgba(255,255,255,.14),rgba(0,0,0,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 var(--fa-depth) 0 rgba(0,0,0,.18);
}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td:nth-child(3) a{background:transparent;box-shadow:none;color:var(--ad-text)!important;border-color:currentColor;padding:3px 7px}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row:hover td:nth-child(3) a{color:var(--fa-hover-text)!important}
#pageWrap.fa-modern[data-premium="1"] #tab1 tr.ad-row td:nth-child(8) a{height:auto;line-height:1.5;font-size:11px;font-weight:600;white-space:nowrap;padding:2px 5px;border:1px solid currentColor;border-radius:var(--fa-button-radius);max-width:100%;overflow:hidden;text-overflow:ellipsis}
#pageWrap.fa-modern[data-premium="1"] #tab1 .sep-row th,
#pageWrap.fa-modern[data-premium="1"] #tab1 .tomorrow-sep th,
#pageWrap.fa-modern[data-premium="1"] #tab1 .after-sep th,
#pageWrap.fa-modern[data-premium="1"] #tab1 .yesterday-sep th{padding:8px 16px;text-align:left;letter-spacing:.04em;font-size:12px!important;font-weight:400;border:1px solid var(--fa-border);scroll-margin-top:16px}
#pageWrap.fa-modern[data-premium="1"] #tab1 .sep-row th{text-align:center;font-size:11px!important}
#pageWrap.fa-modern[data-premium="1"] #tab1 .count{font-size:12px}
#pageWrap.fa-modern[data-premium="1"] .footer{font-size:11px;letter-spacing:.03em;box-shadow:none;line-height:1.9}
@media(max-width:700px){
  #pageWrap.fa-modern[data-premium="1"]{width:calc(100% - 20px)}
  #pageWrap.fa-modern[data-premium="1"] .banner>img{object-position:62% center}
  #pageWrap.fa-modern[data-premium="1"] .bt-stage .bt-title{font-size:calc(min(var(--bt-title-size),40px) * var(--bt-scale));text-wrap:balance}
  #pageWrap.fa-modern[data-premium="1"] .og-directory{padding:18px 0 12px;align-items:flex-end}
  #pageWrap.fa-modern[data-premium="1"] .og-heading h1{font-size:20px}
  #pageWrap.fa-modern[data-premium="1"] .og-heading h1 span,#pageWrap.fa-modern[data-premium="1"] .og-date{display:none}
  #pageWrap.fa-modern[data-premium="1"] .og-directory-meta{font-size:10px}
  #pageWrap.fa-modern[data-premium="1"] .og-mobile-hint{display:block;font-size:10px;color:var(--fa-nav-text);opacity:.6;margin:0 0 8px}
  #pageWrap.fa-modern[data-premium="1"] .og-mobile-hint span{float:right}
  #pageWrap.fa-modern[data-premium="1"] .dl td{flex-basis:calc(50% - var(--fa-nav-gap-x));padding:0 6px}
  #pageWrap.fa-modern[data-premium="1"] #tab1 .ad-row td:first-child{position:sticky;left:0;z-index:1}
  #pageWrap.fa-modern[data-premium="1"] #tab1 thead th:first-child{position:sticky;left:0;z-index:2}
}
@media(prefers-reduced-motion:reduce){#pageWrap.fa-modern[data-premium="1"] .dl td{transition:none}}
