/* Comfortable desktop type. Phone layouts and the separate TV composition keep their own sizing. */
@media (min-width:900px){
  html:not(.tv-mode){--desk-text:18px;--desk-note:16px;--desk-title:24px;--desk-section:30px;--desk-heading:44px;font-size:18px}
  html:not(.tv-mode) body{font-size:var(--desk-text);line-height:1.6}
  html:not(.tv-mode) p,html:not(.tv-mode) li,html:not(.tv-mode) dt,html:not(.tv-mode) dd,html:not(.tv-mode) label,html:not(.tv-mode) legend,html:not(.tv-mode) .field{font-size:var(--desk-text)!important;line-height:1.6}
  html:not(.tv-mode) button,html:not(.tv-mode) input,html:not(.tv-mode) select,html:not(.tv-mode) textarea{font-size:var(--desk-text)!important;line-height:1.45!important;max-width:100%;min-width:0}
  html:not(.tv-mode) button,html:not(.tv-mode) select,html:not(.tv-mode) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),html:not(.tv-mode) textarea{min-height:48px}
  html:not(.tv-mode) button{white-space:normal;overflow-wrap:anywhere}
  html:not(.tv-mode) input[type="checkbox"],html:not(.tv-mode) input[type="radio"]{flex-shrink:0}
  html:not(.tv-mode) summary{font-size:var(--desk-text)!important;line-height:1.5!important;min-height:48px;overflow-wrap:anywhere}
  html:not(.tv-mode) h1{font-size:var(--desk-heading)!important;line-height:1.12!important;overflow-wrap:anywhere}
  html:not(.tv-mode) h2{font-size:var(--desk-section)!important;line-height:1.25!important;overflow-wrap:anywhere}
  html:not(.tv-mode) h3,html:not(.tv-mode) h4{font-size:var(--desk-title)!important;line-height:1.35!important;overflow-wrap:anywhere}
  html:not(.tv-mode) small,html:not(.tv-mode) .eyebrow,html:not(.tv-mode) .intro-kicker,html:not(.tv-mode) .step-label,html:not(.tv-mode) .time-note,html:not(.tv-mode) .field-help,html:not(.tv-mode) .hint,html:not(.tv-mode) .note-status{font-size:var(--desk-note)!important;line-height:1.6!important}
  html:not(.tv-mode) footer,html:not(.tv-mode) footer a,html:not(.tv-mode) footer>span{font-size:var(--desk-note)!important;line-height:1.6}
  html:not(.tv-mode) table,html:not(.tv-mode) th,html:not(.tv-mode) td{font-size:var(--desk-text)!important;line-height:1.55}

  /* Navigation grows into another row instead of squeezing text or account names. */
  html:not(.tv-mode) body>header.app-simple-header{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:10px;padding-bottom:10px}
  html:not(.tv-mode) body>header.app-simple-header>.app-header-brand{flex:0 1 auto;font-size:24px;line-height:1.35;min-height:48px}
  html:not(.tv-mode) body>header.app-simple-header>.app-primary-nav{flex:1 1 400px;justify-content:center;flex-wrap:wrap;gap:6px 18px;min-width:0}
  html:not(.tv-mode) body>header.app-simple-header>.account-nav{flex:0 1 auto;max-width:32%;font-size:var(--desk-text)!important;line-height:1.5;overflow-wrap:anywhere}
  html:not(.tv-mode) header a,html:not(.tv-mode) header button,html:not(.tv-mode) header .app-menu>summary,html:not(.tv-mode) .app-simple-header .app-menu-links>a{font-size:var(--desk-text)!important;line-height:1.5!important;min-height:48px;white-space:normal}
  html:not(.tv-mode) .app-simple-header .app-menu-links{width:330px;max-width:calc(100vw - 32px);background:#222832}
  html:not(.tv-mode) .app-header-brand,html:not(.tv-mode) .wordmark{font-size:24px!important;letter-spacing:0}
  html:not(.tv-mode) body>header.topbar{gap:8px 20px;padding:10px 24px}
  html:not(.tv-mode) body>header.topbar>.wordmark{flex:1 1 160px}
  html:not(.tv-mode) body>header.topbar>.account-nav{font-size:var(--desk-text)!important;line-height:1.5}
  html:not(.tv-mode) .topbar .top-actions,html:not(.tv-mode) .topbar .preference-links{flex-wrap:wrap;gap:8px 18px}
  html:not(.tv-mode) .top-actions>span{font-size:var(--desk-note)!important;line-height:1.45}
  html:not(.tv-mode) .saved-link b,html:not(.tv-mode) [data-saved-count]{font-size:var(--desk-note)!important}
  html:not(.tv-mode) header .saved-link b{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:28px;height:auto;min-height:28px;padding:4px 8px;line-height:1.2;white-space:nowrap}

  /* Home search and the four chooser steps retain their existing scroll containers. */
  html:not(.tv-mode) #app .screen{bottom:48px!important;min-width:0;scroll-padding-bottom:24px}
  html:not(.tv-mode) .intro h1{max-width:800px}
  html:not(.tv-mode) .intro .intro-copy{font-size:var(--desk-text)!important;max-width:760px}
  html:not(.tv-mode) .intro .wink-hero{transform:none;width:260px;right:20px}
  html:not(.tv-mode) .intro .wink-bubble{left:auto;right:calc(100% + 20px);top:0;width:250px;background:#1f222a}
  html:not(.tv-mode) .wink-bubble b,html:not(.tv-mode) .wink-bubble span{font-size:var(--desk-text)!important;line-height:1.5}
  html:not(.tv-mode) .local-data-note,html:not(.tv-mode) .local-data-note a{font-size:var(--desk-note)!important;line-height:1.6!important}
  html:not(.tv-mode) .intro .home-search{max-width:1000px}
  html:not(.tv-mode) .home-search-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px}
  html:not(.tv-mode) .home-search-row input{width:100%;padding:12px 16px}
  html:not(.tv-mode) .search-options>div{display:flex;flex-wrap:wrap;gap:18px}
  html:not(.tv-mode) .home-search .score-filter,html:not(.tv-mode) .home-search .availability-filter{flex:1 1 210px;min-width:0;font-size:var(--desk-text)!important}
  html:not(.tv-mode) .home-search select{width:100%;padding-top:10px;padding-bottom:10px}
  html:not(.tv-mode) .search-filter-summary,html:not(.tv-mode) .search-filter-summary span,html:not(.tv-mode) .search-options,html:not(.tv-mode) .home-options .wink-frequency,html:not(.tv-mode) .wink-guide span,html:not(.tv-mode) .wink-guide b,html:not(.tv-mode) .provider-note,html:not(.tv-mode) .provider-search span,html:not(.tv-mode) .selected-provider-head b,html:not(.tv-mode) .provider-favorites span,html:not(.tv-mode) .selected-provider-list>span,html:not(.tv-mode) .taste-tools b,html:not(.tv-mode) .taste-tools span,html:not(.tv-mode) .fine-tune-head b,html:not(.tv-mode) .fine-tune-head span,html:not(.tv-mode) .optional-settings>summary span,html:not(.tv-mode) .step-actions>span,html:not(.tv-mode) .result-topline{font-size:var(--desk-text)!important;line-height:1.55!important}
  html:not(.tv-mode) .intro .quick-match-help{font-size:var(--desk-note)!important;line-height:1.6}
  html:not(.tv-mode) .returning-actions a,html:not(.tv-mode) .cta,html:not(.tv-mode) .continue,html:not(.tv-mode) .chooser .back,html:not(.tv-mode) .home-footer a{font-size:var(--desk-text)!important;line-height:1.5!important;min-height:48px}
  html:not(.tv-mode) .chooser{max-width:1220px}
  html:not(.tv-mode) .chooser h2{font-size:var(--desk-heading)!important}
  html:not(.tv-mode) .mood-multi,html:not(.tv-mode) .extra-mood-grid,html:not(.tv-mode) .mood-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  html:not(.tv-mode) [data-screen="time"]>.time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  html:not(.tv-mode) .chooser .choice{height:auto;min-height:120px;padding:18px}
  html:not(.tv-mode) .chooser .choice b{font-size:var(--desk-title)!important;line-height:1.3!important;white-space:normal}
  html:not(.tv-mode) .chooser .choice small{font-size:var(--desk-note)!important;line-height:1.5!important}
  html:not(.tv-mode) .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  html:not(.tv-mode) .service-grid button{min-height:76px;white-space:normal;overflow-wrap:anywhere}
  html:not(.tv-mode) .service-grid img{flex-shrink:0}
  html:not(.tv-mode) .people-results span{font-size:var(--desk-text)!important;white-space:normal;overflow-wrap:anywhere}
  html:not(.tv-mode) .suggestion-head,html:not(.tv-mode) .suggestion-empty,html:not(.tv-mode) .live-suggestion b,html:not(.tv-mode) .recent-search-copy b{font-size:var(--desk-text)!important;line-height:1.5}
  html:not(.tv-mode) .live-suggestion b,html:not(.tv-mode) .live-suggestion small,html:not(.tv-mode) .recent-search-copy b,html:not(.tv-mode) .recent-search-copy small{white-space:normal;overflow-wrap:anywhere}
  html:not(.tv-mode) .search-suggestions{background:#15171d!important;max-height:420px!important}

  /* Fewer, wider cards let titles and useful descriptions stay readable. */
  html:not(.tv-mode) .home-search-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  html:not(.tv-mode) .popular-row{grid-auto-columns:220px;gap:20px}
  html:not(.tv-mode) .recently-viewed-rail,html:not(.tv-mode) .home-recent .recently-viewed-rail{grid-auto-columns:210px;gap:20px}
  html:not(.tv-mode) .home-card b,html:not(.tv-mode) .popular-row .home-card b,html:not(.tv-mode) .recently-viewed-copy b,html:not(.tv-mode) .credit-card b,html:not(.tv-mode) .wink-pick-copy b,html:not(.tv-mode) .starter-grid a{font-size:var(--desk-title)!important;line-height:1.35!important;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
  html:not(.tv-mode) .home-card>span:not(.home-card-art),html:not(.tv-mode) .popular-row .home-card>span:not(.home-card-art),html:not(.tv-mode) .recently-viewed-copy span,html:not(.tv-mode) .credit-card span,html:not(.tv-mode) .wink-pick-copy span{font-size:var(--desk-text)!important;line-height:1.5!important;white-space:normal;overflow-wrap:anywhere}
  html:not(.tv-mode) .home-card-score{font-size:var(--desk-text)!important}
  html:not(.tv-mode) .popular-head span,html:not(.tv-mode) .recently-viewed-hint{font-size:var(--desk-note)!important;white-space:normal}
  html:not(.tv-mode) .pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  html:not(.tv-mode) .pick-card{display:flex;flex-direction:column;min-width:0}
  html:not(.tv-mode) .pick-art{height:230px;min-height:230px;flex:none}
  html:not(.tv-mode) .pick-poster{width:100%;height:100%;object-fit:contain}
  html:not(.tv-mode) .pick-body{padding:20px;min-width:0;flex:1}
  html:not(.tv-mode) .pick-body h3,html:not(.tv-mode) .card .copy h3,html:not(.tv-mode) .saved-card h2,html:not(.tv-mode) .similar-copy h2,html:not(.tv-mode) .compare-card h2,html:not(.tv-mode) .shared-card h2,html:not(.tv-mode) .film h3{font-size:var(--desk-title)!important;line-height:1.35!important;white-space:normal;overflow-wrap:anywhere}
  html:not(.tv-mode) .pick-summary,html:not(.tv-mode) .similar-overview,html:not(.tv-mode) .compare-card .compare-overview,html:not(.tv-mode) .shared-card p,html:not(.tv-mode) .film p,html:not(.tv-mode) .saved-card .overview{font-size:var(--desk-text)!important;line-height:1.65!important}
  html:not(.tv-mode) .pick-meta,html:not(.tv-mode) .pick-reasons,html:not(.tv-mode) .pick-access,html:not(.tv-mode) .meta,html:not(.tv-mode) .meta span,html:not(.tv-mode) .similar-meta,html:not(.tv-mode) .similar-reason,html:not(.tv-mode) .library-meta,html:not(.tv-mode) .shared-card .meta,html:not(.tv-mode) .shared-card b,html:not(.tv-mode) .facts,html:not(.tv-mode) .cast-role,html:not(.tv-mode) .cast-total{font-size:var(--desk-text)!important;line-height:1.55!important;white-space:normal;overflow-wrap:anywhere}
  html:not(.tv-mode) .pick-actions,html:not(.tv-mode) .actions,html:not(.tv-mode) .similar-actions,html:not(.tv-mode) .compare-actions{flex-wrap:wrap;gap:10px 14px}
  html:not(.tv-mode) .pick-actions a,html:not(.tv-mode) .pick-actions span,html:not(.tv-mode) .actions>a,html:not(.tv-mode) .similar-actions a,html:not(.tv-mode) .compare-actions a,html:not(.tv-mode) .film-link,html:not(.tv-mode) .person-actions a,html:not(.tv-mode) .saved-quick-links a,html:not(.tv-mode) .discovery-links a{font-size:var(--desk-text)!important;line-height:1.5!important;min-height:48px;white-space:normal;overflow-wrap:anywhere}
  html:not(.tv-mode) .pick-actions a{display:inline-flex;align-items:center}
  html:not(.tv-mode) .pick-number,html:not(.tv-mode) .pick-match{font-size:var(--desk-note)!important}
  html:not(.tv-mode) #similar-results,html:not(.tv-mode) .film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  html:not(.tv-mode) .credit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

  /* Store filters and saved-list tools use full-size labels as well as controls. */
  html:not(.tv-mode) .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  html:not(.tv-mode) .card .copy{padding:20px}
  html:not(.tv-mode) .store-search .context,html:not(.tv-mode) #store-settings-summary,html:not(.tv-mode) #store-draft-status,html:not(.tv-mode) .filter-group .context,html:not(.tv-mode) .filter-group .locale-selection,html:not(.tv-mode) .settings-footer,html:not(.tv-mode) .applied-details .context,html:not(.tv-mode) .context,html:not(.tv-mode) .locale-selection,html:not(.tv-mode) .library-status,html:not(.tv-mode) .status,html:not(.tv-mode) .toolbar>b,html:not(.tv-mode) .service-summary,html:not(.tv-mode) .taste-summary,html:not(.tv-mode) .matching-settings>summary span,html:not(.tv-mode) .session-settings>summary span,html:not(.tv-mode) .similar-service-note,html:not(.tv-mode) .similar-notice{font-size:var(--desk-text)!important;line-height:1.6!important}
  html:not(.tv-mode) .settings-title{font-size:var(--desk-text)}
  html:not(.tv-mode) .settings-footer,html:not(.tv-mode) .toolbar,html:not(.tv-mode) .fine-tune-head,html:not(.tv-mode) .work-head,html:not(.tv-mode) .episode-heading,html:not(.tv-mode) .wink-picks-heading{flex-wrap:wrap}
  html:not(.tv-mode) .fields label,html:not(.tv-mode) .filter-options label,html:not(.tv-mode) .picker-fields label,html:not(.tv-mode) .similar-filters label{min-width:0}
  html:not(.tv-mode) .saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:not(.tv-mode) .saved-card .actions>.card-menu{flex:1 1 100px}
  html:not(.tv-mode) .saved-card .card-menu[open]{flex-basis:100%}
  html:not(.tv-mode) .saved-card .card-menu-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
  html:not(.tv-mode) .service-panel-title,html:not(.tv-mode) .taste-group-title{font-size:var(--desk-title)}
  html:not(.tv-mode) .service-help,html:not(.tv-mode) .service-help summary{font-size:var(--desk-text)!important;line-height:1.6}
  html:not(.tv-mode) .services-page #directory{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
  html:not(.tv-mode) .feedback-row>span,html:not(.tv-mode) .rating-row a,html:not(.tv-mode) .taste-person a{font-size:var(--desk-text)!important;line-height:1.6}

  /* Details, cast and every score source remain readable beside the larger title. */
  html:not(.tv-mode) .title-line{align-items:flex-start;flex-wrap:wrap}
  html:not(.tv-mode) .title-line .score-badge{min-height:72px}
  html:not(.tv-mode) .score-label b,html:not(.tv-mode) .score-label small,html:not(.tv-mode) .imdb-source,html:not(.tv-mode) .imdb-score:after{font-size:var(--desk-note)!important;line-height:1.4;letter-spacing:0}
  html:not(.tv-mode) .score-number,html:not(.tv-mode) .imdb-score strong,html:not(.tv-mode) .score-group .ww-score strong{font-size:var(--desk-title)!important;line-height:1.3}
  html:not(.tv-mode) .score-group .ww-score small{font-size:var(--desk-note)!important}
  html:not(.tv-mode) .provider,html:not(.tv-mode) .provider span,html:not(.tv-mode) .provider small,html:not(.tv-mode) .provider-group h3:before,html:not(.tv-mode) .provider-group h3:after,html:not(.tv-mode) .availability-source,html:not(.tv-mode) .availability-tools a,html:not(.tv-mode) .actor-bio{font-size:var(--desk-text)!important;line-height:1.5}
  html:not(.tv-mode) .provider-group-rent h3,html:not(.tv-mode) .provider-group-buy h3{font-size:0!important}
  html:not(.tv-mode) .provider{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  html:not(.tv-mode) .provider img{flex-shrink:0}
  html:not(.tv-mode) .person b,html:not(.tv-mode) .person span,html:not(.tv-mode) .credit span,html:not(.tv-mode) .show-person h3,html:not(.tv-mode) .episode-summary-copy b,html:not(.tv-mode) .episode-summary-copy span,html:not(.tv-mode) .episode-copy p,html:not(.tv-mode) .episode-copy h4,html:not(.tv-mode) .episode-actor b,html:not(.tv-mode) .episode-actor small,html:not(.tv-mode) .personal-rating-label b,html:not(.tv-mode) .personal-rating-label span{font-size:var(--desk-text)!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
  html:not(.tv-mode) .people{grid-template-columns:repeat(3,minmax(0,1fr))}
  html:not(.tv-mode) .title-media figcaption{font-size:var(--desk-note)!important;line-height:1.55}
  html:not(.tv-mode) .availability-empty b,html:not(.tv-mode) .availability-empty span,html:not(.tv-mode) .cast-notice,html:not(.tv-mode) .cast-count,html:not(.tv-mode) .actor-lookup-status,html:not(.tv-mode) .wink-picks-heading p,html:not(.tv-mode) .ww-review-editor p{font-size:var(--desk-text)!important;line-height:1.6}
  html:not(.tv-mode) .personal-rating-buttons button{height:auto;min-height:48px}
  html:not(.tv-mode) .bio,html:not(.tv-mode) .overview,html:not(.tv-mode) .tagline{font-size:var(--desk-text)!important;line-height:1.7}

  /* Dialogs, notifications, account forms and editorial pages use the same floor. */
  html:not(.tv-mode) .collection-save{width:540px;max-width:calc(100% - 40px);font-size:var(--desk-text)}
  html:not(.tv-mode) .collection-save h2{font-size:var(--desk-section)!important}
  html:not(.tv-mode) .pick-notification,html:not(.tv-mode) .recently-viewed-status,html:not(.tv-mode) .compare-tray,html:not(.tv-mode) .watchwink-update,html:not(.tv-mode) .install-help-card p{font-size:var(--desk-text)!important;line-height:1.55!important}
  html:not(.tv-mode) .compare-tray{width:500px}
  html:not(.tv-mode) .compare-tray a,html:not(.tv-mode) .recently-viewed-status button,html:not(.tv-mode) .account-links a{font-size:var(--desk-text)!important;line-height:1.5}
  html:not(.tv-mode) .compare-summary caption{font-size:var(--desk-title)}
  html:not(.tv-mode) .account-card,html:not(.tv-mode) .account-card summary,html:not(.tv-mode) .account-actions,html:not(.tv-mode) .account-links,html:not(.tv-mode) .text-button{font-size:var(--desk-text)!important;line-height:1.6}
  html:not(.tv-mode) .lead,html:not(.tv-mode) .callout strong{font-size:var(--desk-text)!important;line-height:1.7}
}
@media (min-width:1600px){
  html:not(.tv-mode){--desk-text:20px;--desk-note:18px;--desk-title:28px;--desk-section:36px;--desk-heading:56px;font-size:20px}
  html:not(.tv-mode) .home-search-results,html:not(.tv-mode) .pick-grid,html:not(.tv-mode) #similar-results,html:not(.tv-mode) .film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  html:not(.tv-mode) .popular-row{grid-auto-columns:250px}
  html:not(.tv-mode) .recently-viewed-rail,html:not(.tv-mode) .home-recent .recently-viewed-rail{grid-auto-columns:240px}
  html:not(.tv-mode) .credit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  html:not(.tv-mode) .intro .wink-hero{width:320px;right:40px}
  html:not(.tv-mode) .intro .wink-bubble{width:280px;left:auto;right:calc(100% + 20px)}
}
/* Device-only reader preference; the normal default remains Large. */
@media (min-width:900px){
  html:not(.tv-mode)[data-desktop-size="standard"]{--desk-text:16px;--desk-note:14px;--desk-title:22px;--desk-section:28px;--desk-heading:40px;font-size:16px}
  html:not(.tv-mode)[data-desktop-size="extra-large"]{--desk-text:22px;--desk-note:20px;--desk-title:30px;--desk-section:38px;--desk-heading:56px;font-size:22px}
  html:not(.tv-mode)[data-desktop-size="huge"]{--desk-text:26px;--desk-note:22px;--desk-title:34px;--desk-section:42px;--desk-heading:64px;font-size:26px}
  html:not(.tv-mode)[data-desktop-size="extra-large"] .home-search-results,html:not(.tv-mode)[data-desktop-size="extra-large"] .pick-grid,html:not(.tv-mode)[data-desktop-size="huge"] .home-search-results,html:not(.tv-mode)[data-desktop-size="huge"] .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:not(.tv-mode)[data-desktop-size="huge"] #grid,html:not(.tv-mode)[data-desktop-size="huge"] .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:not(.tv-mode) .desktop-text-setting{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:var(--desk-text)}
  html:not(.tv-mode) .desktop-text-setting select{max-width:170px}
  html:not(.tv-mode) .tv-controls{flex-shrink:1;max-width:100%}
}
@media (min-width:1600px){
  html:not(.tv-mode)[data-desktop-size="standard"]{--desk-text:18px;--desk-note:16px;font-size:18px}
  html:not(.tv-mode)[data-desktop-size="extra-large"]{--desk-text:24px;--desk-note:22px;--desk-title:32px;font-size:24px}
  html:not(.tv-mode)[data-desktop-size="huge"]{--desk-text:28px;--desk-note:24px;--desk-title:36px;font-size:28px}
}
@media (max-width:899px){.desktop-text-setting{display:none!important}}
@media (min-width:761px) and (max-width:899px){
  html:not(.tv-mode) .intro .wink-bubble{left:auto;right:calc(100% + 20px);top:0}
}

/* Phone reading preference uses the same saved choice as the computer view. */
@media(max-width:899px){
 html:not(.tv-mode){--phone-text:16px;--phone-title:20px}
 html:not(.tv-mode)[data-desktop-size="standard"]{--phone-text:16px;--phone-title:20px}
 html:not(.tv-mode)[data-desktop-size="large"]{--phone-text:18px;--phone-title:22px}
 html:not(.tv-mode)[data-desktop-size="extra-large"]{--phone-text:20px;--phone-title:24px}
 html:not(.tv-mode)[data-desktop-size="huge"]{--phone-text:22px;--phone-title:28px}
 html:not(.tv-mode) main p,html:not(.tv-mode) main li,html:not(.tv-mode) main label,html:not(.tv-mode) main select,html:not(.tv-mode) main input,html:not(.tv-mode) main textarea,html:not(.tv-mode) main button,html:not(.tv-mode) main summary,html:not(.tv-mode) .pick-summary,html:not(.tv-mode) .overview{font-size:var(--phone-text)!important;line-height:1.5!important}
 html:not(.tv-mode) .pick-card h3,html:not(.tv-mode) .saved-card h3,html:not(.tv-mode) .film h3,html:not(.tv-mode) .home-card b{font-size:var(--phone-title)!important;line-height:1.35!important;overflow-wrap:anywhere}
 html:not(.tv-mode) main input,html:not(.tv-mode) main select,html:not(.tv-mode) main textarea{min-width:0;max-width:100%}
}