/* Ekranda: prototip CSS'ine eklemeler (erişilebilirlik, yeni bloklar) */
:root{--faint:#5d6879;--muted:#566174}
html[data-theme=dark]{--faint:#b3b6c8;--muted:#c0c1d1}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute!important;left:-9999px;height:0;overflow:hidden}
.card-meta,.schedule-note,.search-hint,.rail-subtitle,small{font-size:12px}
.topnav{font-size:12.5px}.top-search{font-size:12px}
a.top-search{text-decoration:none}
.score-src{margin-left:4px;font-size:10px;color:var(--faint);font-weight:600;letter-spacing:.3px}
.facts-inline{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:14px 0}.facts-inline dt{color:var(--faint);font-weight:600}.facts-inline dd{margin:0}
.next-broadcast{display:grid;gap:4px;background:var(--soft);border-radius:var(--radius);padding:12px 14px;margin-top:10px}.next-broadcast b{color:var(--ink)}
.fine-print{font-size:12px;color:var(--faint);margin-top:10px}
.crew-line{margin-top:12px;color:var(--muted)}.crew-line a{color:var(--purple);font-weight:600}
.faq-list details{border-top:1px solid var(--line);padding:12px 2px}.faq-list details:first-child{border-top:0}
.faq-list summary{cursor:pointer;font-weight:650;color:var(--ink);list-style:none}.faq-list summary::after{content:'+';float:right;color:var(--purple);font-size:18px;line-height:1}
.faq-list details[open] summary::after{content:'–'}.faq-list p{margin-top:8px}
.spoiler summary{cursor:pointer;color:var(--purple);font-weight:600}.relation-list{padding-left:18px;color:var(--muted)}
.cast-table-wrap{overflow-x:auto}.cast-table{width:100%;border-collapse:collapse}.cast-table th{text-align:left;color:var(--faint);font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line)}
.cast-table td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.cast-cell{display:flex;align-items:center;gap:10px;font-weight:600}.cast-cell img{border-radius:6px;object-fit:cover}
.cast-person img{object-fit:cover;aspect-ratio:2/3;border-radius:10px;width:100%;height:auto}
.genre-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0}.genre-links h2{flex-basis:100%;font-size:16px}
.genre-links a{background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:6px 13px;font-weight:600}.genre-links small{color:var(--faint);margin-left:4px}
.upcoming-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.upcoming-card{background:var(--soft);padding:12px 14px;border-radius:var(--radius);display:grid;gap:3px}
.announcement-list{display:grid;gap:14px}.announcement{padding:18px 20px}
.schedule-cover.placeholder{display:grid;place-items:center;width:180px;height:100px;background:var(--soft);border-radius:10px;color:var(--purple)}
.source-link{display:inline-flex;gap:6px;align-items:center;color:var(--purple);font-weight:600;font-size:12.5px;margin:6px 0}
.ep-nav{display:flex;justify-content:space-between;margin-top:20px;font-weight:600}.episode-still{border-radius:12px;margin:12px 0;width:100%;height:auto}
.trailer-frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}.trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.search-page-form{display:flex;gap:10px;padding:12px}.search-page-form label{flex:1;display:flex;align-items:center;gap:8px}.search-page-form input{flex:1;border:0;background:transparent;color:var(--ink);padding:10px}
.contact-form label,.filter-panel label{display:grid;gap:5px;margin-bottom:12px;font-weight:600}
.contact-form input,.contact-form textarea,.filter-panel input,.filter-panel select,.schedule-controls input,.schedule-controls select,.people-filters input,.people-filters select,.results-toolbar select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface);color:var(--ink);width:100%}
.quick-result img{width:40px;height:56px;object-fit:cover;border-radius:6px}
.quick-result.selected{background:var(--soft)}
.modal-search{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:6px 12px}.modal-search input{border:0;flex:1;padding:10px 4px;background:transparent;color:var(--ink);font-size:15px}
.modal{border:0;border-radius:16px;padding:26px;max-width:560px;width:calc(100% - 28px);background:var(--surface);color:var(--ink)}.modal.wide{max-width:760px}.modal::backdrop{background:#0008}
.modal-close{position:absolute;right:12px;top:12px}.modal form label{display:grid;gap:5px;margin:12px 0;font-weight:600}.modal form input,.modal form textarea{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface);color:var(--ink)}
.icon-button b[hidden]{display:none}
.hero-playlist a{display:flex;gap:10px;align-items:center;text-align:left}
.hero-playlist a.selected{background:#ffffff1f}
main:focus{outline:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* otomatik: 11.5px altındaki yazılar okunabilirlik için yükseltildi */
.topnav{font-size:11.5px}
.top-search{font-size:11.5px}
.list-icon b{font-size:11.5px}
.sidebar nav a{font-size:11.5px}
.sidebar-bottom button,.sidebar-bottom>a{font-size:11.5px}
.hero-tag{font-size:11.5px}
.hero-meta{font-size:11.5px}
.score{font-size:11.5px}
.button{font-size:11.5px}
.hero-actions .button{font-size:11.5px}
.hero-playlist b{font-size:11.5px}
.hero-playlist small{font-size:11.5px}
.section-head>a{font-size:11.5px}
.art-badge{font-size:11.5px}
.card-name{font-size:11.5px}
.card-meta{font-size:11.5px}
.movie-card>.score{font-size:11.5px}
.mood-card p{font-size:11.5px}
.mood-pills a{font-size:11.5px}
.right-rail .section-head>a{font-size:11.5px}
.week-tabs button{font-size:11.5px}
.schedule-date{font-size:11.5px}
.schedule-row strong{font-size:11.5px}
.schedule-row small{font-size:11.5px}
.schedule-row em{font-size:11.5px}
.schedule-note{font-size:11.5px}
.rail-subtitle{font-size:11.5px}
.rank-row strong{font-size:11.5px}
.rank-row small{font-size:11.5px}
.news-row strong{font-size:11.5px}
.news-row small{font-size:11.5px}
.collection-promo small{font-size:11.5px}
.collection-promo em{font-size:11.5px}
.editorial-grid .section-head h2{font-size:11.5px}
.editorial-grid .section-head>a{font-size:11.5px}
.featured-person p,.editor-choice p{font-size:11.5px}
.featured-person a,.editor-choice a{font-size:11.5px}
.small-films>div>a>span{font-size:11.5px}
.editor-choice small{font-size:11.5px}
.editor-choice .score{font-size:11.5px}
.collection-card small{font-size:11.5px}
.collection-card p{font-size:11.5px}
.footer>div>span{font-size:11.5px}
.footer>nav{font-size:11.5px}
.footer-fine>span{font-size:11.5px}
.tmdb-mark{font-size:11.5px}
.breadcrumb{font-size:11.5px}
.eyebrow{font-size:11.5px}
.quiet-badge{font-size:11.5px}
.notice{font-size:11.5px}
.filter-title a{font-size:11.5px}
label{font-size:11.5px}
.filter-panel select,.filter-panel input{font-size:11.5px}
.filter-tip{font-size:11.5px}
.results-toolbar{font-size:11.5px}
.results-toolbar label{font-size:11.5px}
.results-toolbar select{font-size:11.5px}
.portrait-card .card-meta{font-size:11.5px}
.portrait-card>.score{font-size:11.5px}
.active-filters>span{font-size:11.5px}
.active-filters>a{font-size:11.5px}
.detail-title-score small{font-size:11.5px}
.facts dt{font-size:11.5px}
.facts dd{font-size:11.5px}
.source-button{font-size:11.5px}
.genre-tags>*{font-size:11.5px}
.next-episode p{font-size:11.5px}
.next-episode>a{font-size:11.5px}
.cast-person strong{font-size:11.5px}
.cast-person small{font-size:11.5px}
.trailer-title small{font-size:11.5px}
.season-selector a{font-size:11.5px}
.season-selector>span{font-size:11.5px}
.episode-row small{font-size:11.5px}
.episode-row p{font-size:11.5px}
.person-main .text-link{font-size:11.5px}
.person-stats>span{font-size:11.5px}
.fine-print{font-size:11.5px}
.pill-tabs a{font-size:11.5px}
.credit-role{font-size:11.5px}
.person-directory-card p{font-size:11.5px}
.person-directory-card>div>span{font-size:11.5px}
.schedule-week b{font-size:11.5px}
.schedule-time small{font-size:11.5px}
.full-schedule-row .channel-link{font-size:11.5px}
.full-schedule-row p{font-size:11.5px}
.text-link{font-size:11.5px}
.schedule-source{font-size:11.5px}
.collection-hero>div>span:last-child{font-size:11.5px}
.article-byline{font-size:11.5px}
.article-source{font-size:11.5px}
.mini-title strong{font-size:11.5px}
.mini-title small{font-size:11.5px}
.search-people small{font-size:11.5px}
.source-link-list{font-size:11.5px}
.contact-layout .notice{font-size:11.5px}
.quick-result small{font-size:11.5px}
.result-group{font-size:11.5px}
.all-results{font-size:11.5px}
.search-hint{font-size:11.5px}
.admin-top .quiet-badge{font-size:11.5px}
.admin-nav a{font-size:11.5px}
.admin-intro p{font-size:11.5px}
.admin-toolbar select{font-size:11.5px}
.stat-card>div{font-size:11.5px}
.stat-card small{font-size:11.5px}
.admin-table th{font-size:11.5px}
.admin-table td{font-size:11.5px}
.admin-table td small{font-size:11.5px}
.status-badge{font-size:11.5px}
.table-actions button{font-size:11.5px}
.form-actions>span{font-size:11.5px}
.admin-preview-link{font-size:11.5px}
.admin-media-item b{font-size:11.5px}
.admin-media-item a{font-size:11.5px}
.approval-card p{font-size:11.5px}
.diff-grid small{font-size:11.5px}
.settings-row p{font-size:11.5px}
.admin-alert{font-size:11.5px}
.task-card>span{font-size:11.5px}
.task-card p{font-size:11.5px}
.task-card .button{font-size:11.5px}
.admin-hint{font-size:11.5px}
.admin-log{font-size:11.5px}
.hero-playlist small{font-size:11.5px}
.card-meta{font-size:11.5px}
.movie-card>.score{font-size:11.5px}
.editorial-grid p{font-size:11.5px}
.topnav{font-size:11.5px}
.top-search{font-size:11.5px}
.sidebar nav a{font-size:11.5px}
.hero-copy>p{font-size:11.5px}
.hero-meta{font-size:11.5px}
.hero-playlist b{font-size:11.5px}
.hero-playlist small{font-size:11.5px}
.card-name{font-size:11.5px}
.card-meta{font-size:11.5px}
.art-badge{font-size:11.5px}
.movie-card>.score{font-size:11.5px}
.mood-card p{font-size:11.5px}
.mood-pills a{font-size:11.5px}
.schedule-row strong{font-size:11.5px}
.schedule-row small{font-size:11.5px}
.schedule-row em{font-size:11.5px}
.editorial-grid .section-head h2{font-size:11.5px}
.editorial-grid .section-head>a{font-size:11.5px}
.featured-person h3,.editor-choice h3{font-size:11.5px}
.featured-person p,.editor-choice p{font-size:11.5px}
.featured-person a,.editor-choice a{font-size:11.5px}
.small-films>div>a>span{font-size:11.5px}
.collection-card p{font-size:11.5px}
.portrait-card .card-name{font-size:11.5px}
.portrait-card .card-meta{font-size:11.5px}
.hero-playlist b{font-size:11.5px}
.hero-playlist small{font-size:11.5px}
.hero-actions .button{font-size:11.5px}
.hero-tag{font-size:11.5px}
.card-name{font-size:11.5px}
.card-meta{font-size:11.5px}
.movie-card>.score{font-size:11.5px}
.editorial-grid .section-head h2{font-size:11.5px}
.featured-person h3,.editor-choice h3{font-size:11.5px}
.featured-person p,.editor-choice p{font-size:11.5px}
.collection-card p{font-size:11.5px}
.detail-tabs{font-size:11.5px}
.person-stats>span{font-size:11.5px}
.stat-card>div{font-size:11.5px}
.stat-card small{font-size:11.5px}
.mobile-schedule .schedule-row strong{font-size:11.5px}
.hero-playlist b{font-size:11.5px}
.hero-playlist small{font-size:11.5px}
.hero-meta{font-size:11.5px}
.hero-actions .button{font-size:11.5px}
.hero-tag{font-size:11.5px}
.card-name{font-size:11.5px}
.card-meta{font-size:11.5px}
.editorial-grid .section-head h2{font-size:11.5px}
.featured-person h3,.editor-choice h3{font-size:11.5px}
.featured-person p,.editor-choice p{font-size:11.5px}
.collection-card p{font-size:11.5px}
.detail-tabs{font-size:11.5px}
.person-main .eyebrow{font-size:11.5px}
.admin-nav a{font-size:11.5px}
.admin-top .quiet-badge{font-size:11.5px}
.sidebar-bottom button,.sidebar-bottom a{font-size:11.5px}
.hero-copy>p{font-size:11.5px}
.hero-tag{font-size:11.5px}
.hero-meta{font-size:11.5px}
.hero-meta .score{font-size:11.5px}
.hero-actions .button{font-size:11.5px}
.mobile-schedule .section-head>a{font-size:11.5px}
.mobile-schedule .schedule-row strong{font-size:11.5px}
.mobile-schedule .schedule-row small{font-size:11.5px}
.mobile-schedule .schedule-row em{font-size:11.5px}
.mobile-schedule .schedule-date{font-size:11.5px}
.mobile-schedule .schedule-note{font-size:11.5px}
.week-tabs button{font-size:11.5px}
.section-head>a{font-size:11.5px}
.card-name{font-size:11.5px}
.card-meta{font-size:11.5px}
.movie-card>.score{font-size:11.5px}
.art-badge{font-size:11.5px}
.editorial-grid .section-head>a{font-size:11.5px}
.featured-person a,.editor-choice a{font-size:11.5px}
.small-films>div>a>span{font-size:11.5px}
.editor-choice small{font-size:11.5px}
.editor-choice .score{font-size:11.5px}
.collection-card p{font-size:11.5px}
.mood-pills a{font-size:11.5px}
.right-rail .section-head>a{font-size:11.5px}
.rail-subtitle{font-size:11.5px}
.rank-row small{font-size:11.5px}
.news-row strong{font-size:11.5px}
.news-row small{font-size:11.5px}
.collection-promo em{font-size:11.5px}
.footer>div>span{font-size:11.5px}
.footer>nav{font-size:11.5px}
.mobile-bottom a{font-size:11.5px}
.breadcrumb{font-size:11.5px}
.page-heading .eyebrow{font-size:11.5px}
.notice{font-size:11.5px}
.filter-panel label{font-size:11.5px}
.filter-panel select,.filter-panel input{font-size:11.5px}
.filter-panel>.button{font-size:11.5px}
.results-toolbar{font-size:11.5px}
.results-toolbar label{font-size:11.5px}
.results-toolbar select{font-size:11.5px}
.portrait-card .card-name{font-size:11.5px}
.portrait-card .card-meta{font-size:11.5px}
.portrait-card>.score{font-size:11.5px}
.active-filters>span{font-size:11.5px}
.active-filters>a{font-size:11.5px}
.detail-title>p{font-size:11.5px}
.detail-title .hero-tag{font-size:11.5px}
.detail-side>.button{font-size:11.5px}
.facts dt,.facts dd{font-size:11.5px}
.source-button{font-size:11.5px}
.detail-tabs{font-size:11.5px}
.genre-tags>*{font-size:11.5px}
.next-episode p{font-size:11.5px}
.next-episode>a{font-size:11.5px}
.cast-person strong{font-size:11.5px}
.cast-person small{font-size:11.5px}
.inline-empty{font-size:11.5px}
.section-description{font-size:11.5px}
.trailer-title small{font-size:11.5px}
.season-selector>a{font-size:11.5px}
.season-selector>span{font-size:11.5px}
.episode-row b{font-size:11.5px}
.episode-row small{font-size:11.5px}
.person-main .eyebrow{font-size:11.5px}
.person-main p{font-size:11.5px}
.person-main .text-link{font-size:11.5px}
.pill-tabs a{font-size:11.5px}
.credit-role{font-size:11.5px}
.people-filters select{font-size:11.5px}
.people-filters .button{font-size:11.5px}
.person-directory-card p{font-size:11.5px}
.person-directory-card>div>span{font-size:11.5px}
.schedule-controls label{font-size:11.5px}
.schedule-controls input,.schedule-controls select{font-size:11.5px}
.schedule-controls>.button{font-size:11.5px}
.schedule-week b{font-size:11.5px}
.schedule-time small{font-size:11.5px}
.full-schedule-row p{font-size:11.5px}
.full-schedule-row .channel-link{font-size:11.5px}
.full-schedule-row>.quiet-badge{font-size:11.5px}
.schedule-source{font-size:11.5px}
.collection-hero .eyebrow{font-size:11.5px}
.article-byline{font-size:11.5px}
.article-source{font-size:11.5px}
.search-page-form>.button{font-size:11.5px}
.contact-form label{font-size:11.5px}
.contact-form>.button{font-size:11.5px}
.not-found .button{font-size:11.5px}
.modal>.eyebrow{font-size:11.5px}
.modal>p{font-size:11.5px}
.quick-result strong{font-size:11.5px}
.quick-result small{font-size:11.5px}
.preference-row{font-size:11.5px}
#toast{font-size:11.5px}
.admin-top .quiet-badge{font-size:11.5px}
.admin-top>.button{font-size:11.5px}
.admin-nav a{font-size:11.5px}
.admin-intro p{font-size:11.5px}
.admin-intro .button{font-size:11.5px}
.stat-card>div{font-size:11.5px}
.stat-card small{font-size:11.5px}
.admin-alert{font-size:11.5px}
.admin-table td{font-size:11.5px}
.admin-table th{font-size:11.5px}
.admin-toolbar input{font-size:11.5px}
.admin-toolbar select{font-size:11.5px}
.admin-toolbar .button{font-size:11.5px}
.admin-section>p{font-size:11.5px}
.admin-form label{font-size:11.5px}
.admin-form .button{font-size:11.5px}
.admin-media-item b{font-size:11.5px}
.admin-media-item a{font-size:11.5px}
.approval-detail>.button{font-size:11.5px}
.diff-grid p{font-size:11.5px}
.settings-row h4{font-size:11.5px}
.settings-row p{font-size:11.5px}
.admin-hint{font-size:11.5px}
.admin-log{font-size:11.5px}
.hero-copy>p{font-size:11.5px}
.card-name{font-size:11.5px}
.card-meta{font-size:11.5px}
.schedule-row strong{font-size:11.5px}
.schedule-row em{font-size:11.5px}
.detail-tabs{font-size:11.5px}
.maintenance-banner{font-size:11.5px}
.pagination>a{font-size:11.5px}
.maintenance-banner{font-size:11.5px}

.collection-card h2{font-size:27px;margin:6px 0}.collection-card h2,.collection-card h3{color:#fff}

.avatar{display:grid;place-items:center;background:linear-gradient(135deg,var(--soft),#d9cdf3);color:var(--purple);font-weight:750;border-radius:10px;aspect-ratio:2/3;width:100%;font-size:clamp(15px,2.4vw,28px);letter-spacing:.5px}
html[data-theme=dark] .avatar{background:linear-gradient(135deg,#312549,#241a3a)}
.cast-cell .avatar{width:36px;height:54px;font-size:13px;border-radius:6px;flex-shrink:0}
.person-avatar.avatar{width:150px;height:225px;font-size:40px}
.person-directory-card .avatar{border-radius:0;height:100%}

/* Arama kutuları ve açılır menülerde kalın mor odak çerçevesi yok; yalnız ince, nötr bir kenarlık değişimi */
input:focus-visible,select:focus-visible,textarea:focus-visible,.top-search:focus-visible,.modal-search:focus-within,.search-page-form label:focus-within{outline:none!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:none}
.filter-panel input:focus,.filter-panel select:focus,.people-filters input:focus,.people-filters select:focus,.schedule-controls input:focus,.schedule-controls select:focus,.results-toolbar select:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--muted)}
.modal-search input,.search-page-form input,.people-filters label input{outline:none!important}

/* Oyuncular arama satırı: kutu + görev seçimi + düğme yan yana, arama kutusu esner */
.people-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.people-filters>label{flex:1 1 280px;min-width:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:2px 12px;background:var(--surface)}
.people-filters>label input{flex:1;min-width:0;width:auto;border:0;background:transparent;padding:9px 4px;color:var(--ink);font-size:14px}
.people-filters>select{flex:0 0 190px;width:190px;font-size:14px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface);color:var(--ink)}
.people-filters>.button{flex:0 0 auto}
@media(max-width:600px){.people-filters>label{flex-basis:100%}.people-filters>select{flex:1 1 140px;width:auto}}

/* Metin içi (bağlam) linkler görünür: mor, kalın, kesikli alt çizgi */
.synopsis a,.bio-panel p a,.crew-line a,.faq-list p a,.text-document p a,.article-prose a{color:var(--purple);font-weight:600;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.synopsis a:hover,.bio-panel p a:hover,.faq-list p a:hover{text-decoration-style:solid}
.also-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.also-links a{background:var(--soft);color:var(--purple);border-radius:30px;padding:6px 13px;font-weight:600}

/* Afişler gerçek afiş oranında (2:3) gösterilir; kırpılıp kareleşmez */
.card-art,.portrait-card .card-art,.related-grid .card-art{aspect-ratio:2/3!important}
.card-art img{object-position:center!important}
.schedule-row>img,.mobile-schedule .schedule-row>img{width:38px!important;height:57px!important;aspect-ratio:2/3;object-fit:cover}
.rank-row>img{width:42px!important;height:63px!important;aspect-ratio:2/3;object-fit:cover}
.hero-playlist img{width:36px!important;height:54px!important;aspect-ratio:2/3;object-fit:cover;object-position:center!important}
.hero-playlist button,.hero-playlist a{min-height:64px!important}
.small-films img{height:auto!important;aspect-ratio:2/3;object-fit:cover;object-position:center!important}
.featured-person>div>img{width:80px!important;height:120px!important;aspect-ratio:2/3;object-fit:cover}
.editor-choice>div>img{width:76px!important;height:114px!important;aspect-ratio:2/3;object-fit:cover}
.mini-title>img{width:46px!important;height:69px!important;aspect-ratio:2/3;object-fit:cover}
.full-poster{height:auto!important;aspect-ratio:2/3!important}

.trailer-preview img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}
.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:12px}
.video-thumb{display:grid;gap:6px;font-weight:600;font-size:12.5px}.video-thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;border-radius:9px}
