/* AsianDB editorial presentation: typography, artwork and open space. */
main *, main *::before, main *::after {
    border-radius: 0 !important;
    box-shadow: none !important;
    border-width: 0 !important;
}
main :focus-visible {
    outline: 2px solid #007d87;
    outline-offset: 4px;
}
main :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea) {
    background: #f1f5f5;
    color: #15313f;
    min-height: 48px;
    padding: 12px 14px;
    font-size: 16px;
    max-width: 100%;
    box-sizing: border-box;
}
main :is(button,.button) { min-height: 44px; }
main :is(.tracking-panel,.detail-facts-panel,.contribution-panel,.review-card,.review-composer,.discussion-composer,.studio-record,.studio-intro,.studio-preview,.studio-notice,.streaming-empty,.streaming-offer,.network-tile) {
    background: transparent;
}
main .text-link { text-decoration: underline; text-underline-offset: 5px; line-height: 1.6; }
main :is(.section-heading h2,.community-tabs-heading h2) { line-height: 1.2; }

/* The cover and title lead; body copy always sits on a plain reading surface. */
.title-detail .detail-top { background: #fff !important; color: #15313f; }
.title-detail .detail-top::before,.title-detail .detail-top::after { display: none; }
.title-detail .detail-inner { padding-top: 44px; padding-bottom: 40px; }
.title-detail .detail-copy { max-width: 850px; }
.title-detail .detail-copy :is(h1,h2,.overview,.original-title,.detail-facts,.detail-year,.detail-tagline,.detail-schedule-day) { color: #15313f; }
.title-detail .detail-copy .eyebrow { color: #007d87; }
.title-detail .detail-copy .overview { font-size: 16px; line-height: 1.8; }
.title-detail .original-title { line-height: 1.65; }
.title-detail .detail-genres { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.title-detail .detail-genres a { padding: 4px 0; background: none; color: #32616d; text-decoration: underline; text-underline-offset: 5px; }
.title-detail .next-airing { background: none; padding: 0; margin: 30px 0; max-width: none; gap: 8px; color: #15313f; }
.title-detail .next-airing .eyebrow { color: #007d87; }
.title-detail .next-airing small { color: #536976; }
.title-detail .next-airing strong { font-size: 22px; line-height: 1.45; }
.title-detail .detail-actions { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 26px; }
.title-detail .detail-actions :is(a,button),.title-detail .trailer-link { color: #15313f; background: none; padding: 10px 0; font-size: 14px; text-decoration: underline; text-underline-offset: 5px; justify-content: flex-start; }
.title-detail .detail-actions .detail-action-primary { background: #123440; color: #fff; padding: 12px 20px; text-decoration: none; }
.title-detail .detail-actions .detail-action-edit { background: none; }
.title-detail .detail-content { padding-top: 16px; }
.title-detail .detail-facts-panel { padding: 0; background: none; }
.title-detail .detail-facts-panel h2 { font-size: 25px; margin: 0 0 24px; }
.title-detail .detail-facts-panel dl { padding: 0; margin: 0; grid-template-columns: minmax(95px,.8fr) minmax(0,1.2fr); gap: 18px 20px; }
.title-detail .detail-facts-panel dt { font-size: 14px; font-weight: 400; text-transform: none; letter-spacing: 0; }
.title-detail .detail-facts-panel dd { font-size: 15px; font-weight: 500; }
.title-detail .detail-facts-panel .fact-network { flex-wrap: wrap; }
.title-detail .contribution-panel { padding: 0; margin-top: 52px; background: none; }
.contribution-panel h2 { font-size: 25px; }
.contribution-panel p { font-size: 16px; line-height: 1.75; }
.contribution-links { gap: 4px; }
.contribution-links a { padding: 12px 0; font-size: 15px; }
.title-detail .tracking-panel { padding: 0; background: none; gap: 24px; margin: 0 0 42px; }
.title-detail .tracking-panel p { font-size: 15px; line-height: 1.7; }
.title-detail .tracking-panel :is(button,.button) { padding: 12px 18px; background: #123440; color: #fff; font-size: 14px; }
.title-detail .tracking-panel .favorite-form button { background: none; color: #15313f; padding-left: 0; text-decoration: underline; text-underline-offset: 5px; }
.title-detail .add-to-list { flex-wrap: wrap; gap: 12px; padding: 0; background: none; }
.title-detail .add-to-list label { flex-basis: 100%; font-size: 15px; }
.title-detail .add-to-list select { min-width: 0; flex: 1; }
.title-detail .add-to-list button { background: #123440; color: white; padding: 12px 20px; }
.title-detail .section { margin: 48px 0; }
.title-detail .section-heading { margin-bottom: 24px; gap: 16px; }
.title-detail .section-heading h2 { font-size: 29px; }
.title-detail .season-feature { background: none; gap: 22px; }
.title-detail .season-feature:hover { background: none; }
.title-detail .season-feature-copy { padding: 0; justify-content: center; }
.title-detail .season-feature-copy strong { font-size: 22px; }
.title-detail .season-feature-copy small { font-size: 14px; margin: 10px 0; }
.title-detail .season-feature-copy>span { font-size: 15px; line-height: 1.7; }
.title-detail .season-feature-copy b { font-size: 14px; margin-top: 12px; }
.title-detail .episode-list { display: grid; gap: 30px; }
.title-detail .episode-row,.title-detail .episode-row:has(.episode-action) { padding: 0; grid-template-columns: 54px minmax(0,1fr) auto; column-gap: 16px; row-gap: 8px; align-items: start; }
.title-detail .episode-num { grid-column: 1; grid-row: 1 / span 2; font-size: 12px; padding-top: 3px; }
.title-detail .episode-row>div { grid-column: 2; grid-row: 1; min-width: 0; }
.title-detail .episode-row strong { font-size: 17px; line-height: 1.5; }
.title-detail .episode-row p { font-size: 14px; line-height: 1.65; margin: 6px 0; }
.title-detail .episode-row p:empty { display: none; }
.title-detail .episode-row time { grid-column: 2; grid-row: 2; white-space: normal; font-size: 14px; line-height: 1.6; }
.title-detail .episode-row .episode-action { grid-column: 3; grid-row: 1 / span 2; margin: 0; }
.title-detail .episode-action button { background: #edf4f4; padding: 10px 14px; font-size: 13px; color: #15313f; }
.title-detail .crew-list { gap: 20px; }
.title-detail .crew-list a { padding: 0; }
.media-videos>button { background: none; align-self: start; }
.media-videos>button>strong,.media-videos>button>small { padding: 0; }
.media-videos>button>strong { font-size: 16px; }
.media-videos>button>small { font-size: 13px; }
.title-detail .media-images { display: flex; flex-wrap: nowrap; overflow-x: auto; align-items: flex-start; gap: 20px; }
.title-detail .media-images a { flex: 0 0 auto; height: 180px; max-width: none; }
.title-detail .media-images img { width: auto; height: 100%; }
.streaming-offer,.streaming-empty { padding: 0; background: none; }
.streaming-offers { gap: 30px; }
.offer-type { background: none; padding: 0; }
.watch-country button { background: #123440; color: white; }
.title-detail .community-tabs { padding: 0; margin: 48px 0; }
.title-detail .community-tab-list { gap: 24px; margin-bottom: 26px; }
.title-detail .community-tab-list button { background: none; padding: 10px 0; color: #536976; }
.title-detail .community-tab-list button[aria-selected=true] { color: #15313f; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; }
.title-detail :is(.review-composer,.discussion-composer) { background: none; padding: 0; margin-top: 26px; }
.title-detail :is(.review-composer,.discussion-composer)>summary { padding: 12px 0; font-size: 18px; }
.title-detail .review-card { padding: 0; margin: 30px 0; }
.title-detail .card-meta { flex-wrap: wrap; gap: 5px 12px; font-size: 11px; }
.title-detail .card-meta span { text-align: left; }
.title-detail .card-copy h3 { font-size: 17px; line-height: 1.55; }
.title-detail .keyword-list { gap: 10px 22px; }
.title-detail .keyword-list a { background: none; padding: 8px 0; font-size: 14px; text-decoration: underline; text-underline-offset: 5px; }

/* Contribution work is a sequence of open forms, with generous field spacing. */
.studio-page .studio-record { padding: 0; margin: 44px 0; background: none; }
.studio-record-heading { padding: 0 0 24px; }
.studio-page .studio-form { padding: 0; gap: 28px; }
.studio-page .studio-intro { padding: 0; }
.studio-tabs { gap: 24px !important; }
.studio-tabs a { background: none; padding: 10px 0; }
.studio-tabs a[aria-current=page] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; }
.studio-preview { padding: 0; margin-bottom: 40px; }
.studio-page .studio-notice { padding: 20px 0; }
.person-results button { background: #f1f5f5; }

@media (max-width:850px) {
    .title-detail .detail-inner { grid-template-columns: 120px minmax(0,1fr); padding: 32px 24px; gap: 0 22px; }
    .title-detail .detail-poster { grid-column: 1; grid-row: 1 / span 5; align-self: start; }
    .title-detail .detail-copy { display: contents; }
    .title-detail .detail-copy>:is(.eyebrow,h1,.original-title,.detail-facts,.detail-tagline) { grid-column: 2; }
    .title-detail .detail-copy>:is(h2,.overview,.detail-genres,.next-airing,.detail-actions,.trailer-link,.score-row,.detail-schedule-day) { grid-column: 1 / -1; }
    .title-detail .detail-copy h1 { font-size: 34px; line-height: 1.14; overflow-wrap: anywhere; margin: 8px 0; }
    .title-detail .detail-copy h2 { margin-top: 30px; margin-bottom: 12px; font-size: 20px; }
    .title-detail .detail-copy .overview { font-size: 16px; line-height: 1.8; margin: 0; }
    .title-detail .detail-facts { margin: 14px 0 20px; font-size: 13px; line-height: 1.6; }
    .title-detail .detail-genres { margin-top: 24px; }
    .title-detail .next-airing { padding: 0; margin: 32px 0 12px; }
    .title-detail .detail-actions { display: flex; flex-wrap: wrap; gap: 12px 22px; }
    .title-detail .detail-actions :is(a,button) { width: auto; min-height: 46px; text-align: left; justify-content: flex-start; }
    .title-detail .detail-actions .detail-action-edit { flex-basis: 100%; }
    .title-detail .detail-content { display: flex; flex-direction: column; gap: 44px; padding: 16px 24px 48px; }
    .title-detail .detail-main,.title-detail .detail-side { display: contents; }
    .title-detail .detail-main>* { order: 2; width: 100%; box-sizing: border-box; margin: 0; }
    .title-detail .detail-main>:is(.tracking-panel,.add-to-list,.list-prompt) { order: 0; }
    .title-detail .detail-facts-panel { order: 1; width: 100%; padding: 0; background: none; }
    .title-detail .detail-facts-panel dl { padding: 0; grid-template-columns: minmax(95px,.8fr) minmax(0,1.2fr); }
    .title-detail .detail-side .contribution-panel { order: 3; margin: 0; padding: 0; }
    .title-detail .detail-main>.section,.title-detail .detail-main>.community-tabs { margin: 0; padding: 0; }
    .title-detail .section-heading { display: flex; flex-wrap: wrap; align-items: baseline; }
    .title-detail .section-heading h2 { font-size: 28px; }
    .title-detail .tracking-panel { display: flex; align-items: stretch; flex-direction: column; gap: 20px; padding: 0; }
    .title-detail .tracking-panel form { display: flex; flex-wrap: wrap; gap: 12px; }
    .title-detail .tracking-panel select { flex: 1 1 170px; min-width: 0; }
    .title-detail .tracking-panel .button { align-self: flex-start; }
    .title-detail .episode-row,.title-detail .episode-row:has(.episode-action) { grid-template-columns: 48px minmax(0,1fr); }
    .title-detail .episode-row .episode-action { grid-column: 2; grid-row: 3; justify-self: start; }
    .title-detail .episode-list { gap: 32px; margin-bottom: 24px; }
    .title-detail .episode-action button { min-height: 44px; }
    .title-detail .season-feature { grid-template-columns: 94px minmax(0,1fr); gap: 20px; }
    .title-detail .season-feature-copy { padding: 0; }
    .title-detail .season-feature-copy strong { font-size: 20px; }
    .title-detail .season-feature-copy b { padding: 0; font-size: 13px; line-height: 1.6; }
    .title-detail .community-tab-list { gap: 20px; }
    .title-detail .community-tab-list button { flex: none; text-align: left; font-size: 14px; }
    .title-detail .streaming-offer { padding: 0; }
    .title-detail .card-scroll { gap: 22px; }
    .title-detail .card-scroll .title-card { flex: 0 0 44%; min-width: 0; }
    .studio-page .studio-form { padding: 0; }
    .studio-page .studio-record-heading { padding: 0 0 24px; }
}
@media (max-width:420px) {
    .title-detail .detail-inner { grid-template-columns: 92px minmax(0,1fr); gap: 0 18px; padding-left: 20px; padding-right: 20px; }
    .title-detail .detail-copy h1 { font-size: 29px; }
    .title-detail .detail-year { font-size: 18px; }
    .title-detail .detail-content { padding-left: 20px; padding-right: 20px; }
    .title-detail .detail-facts-panel dl { gap: 18px 16px; }
    .title-detail .detail-facts-panel dd { font-size: 14px; }
    .title-detail .person-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 20px; }
    .title-detail .person-card strong { font-size: 15px; }
    .title-detail .person-card small { font-size: 13px; }
    .title-detail .media-videos { grid-auto-columns: 86%; }
}
.site-header :is(a,button,summary,.preferences-panel),.title-subnav-menu {
    border-radius: 0;
    box-shadow: none;
    border-width: 0;
}
.title-detail .detail-genres a { min-height: 44px; display: inline-flex; align-items: center; }
.title-detail :is(#facts,#tracker,#episodes,#media,#contribute) { scroll-margin-top: 24px; }
.title-detail .section p,.title-detail .community-tabs p { font-size: 15px; line-height: 1.7; }
.title-detail .section .provider-credit { font-size: 13px; }

/* Quiet horizontal rules distinguish database sections and personal activity. */
.title-detail .detail-content {
    border-top: 1px solid #dbe4e7 !important;
    padding-top: 32px;
}
.title-detail .detail-main>.section,
.title-detail .detail-main>.community-tabs,
.title-detail .detail-side .contribution-panel {
    border-top: 1px solid #dbe4e7 !important;
    padding-top: 32px;
}
.title-detail .episode-row+.episode-row,
.streaming-offer+.streaming-offer,
.tracker-item+.tracker-item,
.tracker-history-row+.tracker-history-row {
    border-top: 1px solid #e6ecee !important;
    padding-top: 24px;
}
.tracker-dashboard .tracker-section,
.tracker-dashboard .tracker-library,
.tracker-history-layout .tracker-activity,
.tracker-reviews>.review-card+.review-card {
    border-top: 1px solid #dbe4e7 !important;
    padding-top: 28px;
}
.contribution-studio .studio-section-heading,
.contribution-studio .studio-record+.studio-record {
    border-top: 1px solid #dbe4e7 !important;
    padding-top: 24px;
}
@media(max-width:850px) {
    .title-detail .detail-facts-panel {
        border-top: 1px solid #dbe4e7 !important;
        padding-top: 28px;
    }
    .title-detail .detail-main>.section,
    .title-detail .detail-main>.community-tabs,
    .title-detail .detail-side .contribution-panel { padding-top: 28px; }
}