/* R36: clear navigation icons, immediate press feedback and branded artwork placeholders. */
.hulk-content-page{color-scheme:dark}
:where(#hulk-content-root,#hulk-home-catalog){color:var(--text);direction:rtl;text-align:right}
#hulk-content-root{margin-block:24px 20px}
.hulk-main{padding-block:28px 16px}
.hulk-page-intro{text-align:center;margin-bottom:24px}
.hulk-page-intro h1{font-size:32px;line-height:1.55}
.hulk-eyebrow{color:var(--gold-light);font-size:14px;font-weight:500;margin:0 0 8px;line-height:1.7}
.hulk-sub{color:var(--muted);font-size:14px;line-height:1.8;margin-top:8px}
.hulk-page-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px;margin-inline:auto;padding-bottom:24px;border-bottom:1px solid var(--line)}
.hulk-page-nav a{min-width:0;min-height:52px;padding:10px 12px}
.hulk-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px;margin:24px auto 28px;padding-bottom:24px;border-bottom:1px solid var(--line);text-align:center}
.hulk-summary>span{color:var(--muted);font-size:13px}
.hulk-summary strong{display:block;margin-top:3px;font-size:20px;font-weight:600;color:var(--gold-light);font-variant-numeric:tabular-nums}
.hulk-summary .hulk-divider{display:none}
.hulk-library-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}
.hulk-types{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.hulk-library-controls .hulk-types{margin:0}
.hulk-types button,.hulk-category-button{min-height:46px;border:1px solid var(--gold-line);border-radius:5px;background:var(--card);color:var(--text);padding:8px 16px;font-size:14px;font-weight:600;line-height:1.6}
.hulk-search{display:flex;align-items:center;gap:10px;flex:1 1 260px;min-width:0;min-height:46px;padding-inline:14px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--muted)}
.hulk-search .icon{width:18px;height:18px}
.hulk-search input{width:100%;min-width:0;padding:10px 0;background:transparent;border:0;font:inherit;font-size:16px;color:var(--text);text-align:right}
.hulk-search:focus-within{border-color:var(--gold-line);outline:1px solid var(--gold-line)}
.hulk-search input:focus-visible{outline:none}
.hulk-content-page input::placeholder{color:var(--muted);opacity:1}
.hulk-category-section{padding-block:18px;border-block:1px solid var(--line);margin-bottom:24px}
.hulk-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.hulk-list-heading h3{min-width:0;font-size:16px;font-weight:600;line-height:1.6;text-align:right;overflow-wrap:anywhere}
.hulk-list-heading>span{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.hulk-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.hulk-category-button{min-width:0;padding:8px 10px;font-size:13px;overflow-wrap:anywhere}
.hulk-category-more{display:flex;justify-content:center;margin-top:14px}
.hulk-category-more .button{font-size:13px;min-height:42px}
.hulk-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px;align-items:stretch}
.hulk-media-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:10px;transition:transform .22s ease,border-color .22s ease}
.hulk-card-media{position:relative;aspect-ratio:2 / 3;overflow:hidden;background:var(--bg)}
.hulk-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.hulk-card-copy{padding:12px;min-width:0;display:flex;flex-direction:column;align-items:stretch;flex:1;text-align:center}
.hulk-card-kind{font-size:11px;color:var(--gold-light);font-weight:500;line-height:1.5;margin:0 0 4px}
.hulk-card-title{font-size:15px;font-weight:600;line-height:1.5;color:var(--text);text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3em;margin:0}
.hulk-card-meta{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hulk-image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center;background:radial-gradient(ellipse at 50% 40%,var(--gold-surface),var(--bg) 76%)}
.hulk-fallback-mark{display:block;font-size:12px;font-weight:600;line-height:1.5;color:var(--gold-light);letter-spacing:.08em}
.hulk-placeholder-mark{position:relative;display:block;flex:none;width:clamp(56px,42%,108px);max-width:50%;aspect-ratio:.7636;overflow:hidden}
.hulk-placeholder-mark img{position:absolute;width:182.206%;max-width:none;inset-inline-end:-40.925%;top:-18.071%;height:auto}
.hulk-card-media[data-artwork="loading"]>.hulk-card-image,.hulk-update-cover[data-artwork="loading"]>.hulk-card-image{opacity:0}
.hulk-card-media[data-layout="channel"] .hulk-image-fallback{gap:6px;padding:8px}
.hulk-card-media[data-layout="channel"] .hulk-placeholder-mark{width:clamp(24px,20%,56px)}
.hulk-card-media[data-layout="channel"] .hulk-fallback-mark{font-size:11px}
.hulk-catalog-grid[data-layout="channel"] .hulk-card-media{aspect-ratio:16 / 10;border-bottom:1px solid var(--line)}
.hulk-catalog-grid[data-layout="channel"] .hulk-card-image{object-fit:contain;padding:18px}
.hulk-load-more{display:flex;justify-content:center;margin-top:24px}
.hulk-load-more .button{min-width:154px;min-height:44px}
.hulk-content-page button:disabled{opacity:.55;cursor:default;transform:none}
.hulk-content-page button:disabled .button-arrow{visibility:hidden}
.hulk-foot{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:12px;color:var(--muted);flex-direction:column;text-align:center}
.hulk-foot .button{font-size:13px;min-height:42px}
.hulk-message,.hulk-home-status{font-size:13px;color:var(--gold-light);line-height:1.8;margin-top:12px;text-align:center}
.hulk-empty{padding-block:24px;color:var(--muted);font-size:14px;text-align:center}
.hulk-tabs-small{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:520px;margin:24px auto 20px}
.hulk-tabs-small button{min-width:0;min-height:48px;padding:10px 14px}
.hulk-feed{display:grid;padding-inline:20px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.hulk-feed:empty{display:none}
.hulk-event{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:16px;padding-block:18px;border-bottom:1px solid var(--line)}
.hulk-event:last-child{border-bottom:0}
.hulk-update-cover{position:relative;width:70px;aspect-ratio:2 / 3;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--bg)}
.hulk-update-cover>.hulk-card-image{width:100%;height:100%;object-fit:cover}
.hulk-update-cover[data-layout="channel"]{aspect-ratio:1}
.hulk-update-cover[data-layout="channel"]>.hulk-card-image{object-fit:contain;padding:6px}
.hulk-update-cover .hulk-image-fallback{padding:8px}
.hulk-update-cover .hulk-fallback-mark{display:none}
.hulk-update-cover .hulk-placeholder-mark{width:28px;max-width:70%}
.hulk-event-text{min-width:0;text-align:center}
.hulk-event h3{font-size:16px;font-weight:600;line-height:1.5;text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hulk-event p{font-size:12px;color:var(--muted);margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hulk-event time{display:block;font-size:11px;color:var(--muted)}
.hulk-tag{padding:4px 8px;border:1px solid var(--gold-line);border-radius:5px;color:var(--gold-light);background:var(--gold-surface);font-size:11px;font-weight:500;white-space:nowrap;justify-self:center}
.hulk-alerts{display:grid;gap:16px}
.hulk-alerts h3{font-size:18px;margin:0 0 8px}
.hulk-alerts p{color:var(--muted);font-size:14px;line-height:1.8}
.hulk-bottom-cta{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;margin-top:36px;border:1px solid var(--gold-line);border-radius:10px;background:var(--card);flex-direction:column;text-align:center}
.hulk-bottom-cta h2{font-size:23px;line-height:1.55}
.hulk-account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:center}
.hulk-bottom-cta .hulk-account-actions{flex-shrink:0}
.hulk-account-grid{max-width:500px;margin-inline:auto}
.hulk-subscription{padding-block:12px 32px}
.hulk-account-panel{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:28px;text-align:center}
.hulk-account-panel h1,.hulk-account-panel h2{font-size:26px;line-height:1.5;text-align:center}
.hulk-account-panel .hulk-eyebrow{margin-bottom:6px}
.hulk-login{margin-top:24px}
.hulk-login label{display:block;color:var(--muted);font-size:14px;margin:16px 0 6px;text-align:center}
.hulk-login input{display:block;width:100%;min-height:48px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text);font:inherit;font-size:16px;padding:10px 12px;text-align:center}
.hulk-login input:focus-visible{outline:2px solid var(--gold-line);outline-offset:2px}
.hulk-login .button{width:100%;min-height:46px;margin-top:24px}
.hulk-account-help{margin-top:18px;display:flex;justify-content:center}
.hulk-account-help .button{font-size:13px;min-height:42px}
.hulk-expiry{margin-top:24px;padding:16px;border:1px solid var(--gold-line);border-radius:5px;background:var(--gold-surface);text-align:center}
.hulk-expiry .hulk-sub{margin:0;display:block;font-size:13px}
.hulk-expiry p{margin:4px 0 0;color:var(--gold-light);font-size:14px}
.hulk-expiry strong{display:inline-block;font-size:32px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}
.hulk-account-panel dl{margin:22px 0}
.hulk-account-row{display:grid;grid-template-columns:1fr 1fr;align-items:baseline;gap:12px;padding-block:12px;border-bottom:1px solid var(--line);font-size:14px;text-align:center}
.hulk-account-row:last-child{border-bottom:0}
.hulk-account-row dt{color:var(--muted)}
.hulk-account-row dd{margin:0;min-width:0;text-align:center;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#hulk-home-catalog{border-top:1px solid var(--gold-line);margin-top:12px;padding-block:36px}
#hulk-home-catalog .hulk-eyebrow{margin:0 0 6px;color:var(--gold-light);font-size:14px}
#hulk-home-catalog .hulk-sub{margin-top:8px}
.hulk-home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px;margin:0 auto 24px}
.hulk-home-shortcuts .content-tab{min-width:0;min-height:48px;padding:8px 12px;font-size:14px}
#hulk-home-catalog .hulk-catalog-grid{max-width:1000px;margin-inline:auto}
#hulk-home-catalog .hulk-card-title{font-size:14px;min-height:0;-webkit-line-clamp:1;line-height:1.6}
#hulk-home-catalog .hulk-card-copy{padding:12px}
#hulk-home-catalog .hulk-home-status{text-align:center}
.hulk-home-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.hulk-home-actions .button{min-height:44px;min-width:158px}
.hulk-loading-card .hulk-card-media{background:linear-gradient(135deg,var(--card),var(--bg))}
.hulk-loading-card .hulk-card-kind,.hulk-loading-card .hulk-card-title,.hulk-loading-card .hulk-card-meta{background:var(--line);border-radius:3px;opacity:.35;max-width:85%;margin-inline:auto}
.hulk-with-icon .button-inner{display:inline-flex;direction:rtl;align-items:center;justify-content:center;gap:.4em;white-space:normal}
.hulk-with-icon .button-text{min-width:0;overflow-wrap:anywhere}
.hulk-button-icon{display:block;flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hulk-control{min-width:0;min-height:48px;padding:10px 16px;border:1px solid var(--gold-line);border-radius:5px;background:var(--card);color:var(--text);font-size:14px;font-weight:600;line-height:1.6;text-align:center;white-space:normal;transition:transform .16s ease}
/* Colors change immediately; navigation feedback does not redefine the current page. */
:where(#hulk-content-root,#hulk-home-catalog) :is(.hulk-control,.hulk-category-button,.hulk-with-icon){touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s ease}
:where(#hulk-content-root,#hulk-home-catalog) :is(.hulk-control,.hulk-category-button,.hulk-with-icon):is([aria-current="page"],[aria-pressed="true"],[aria-selected="true"],[data-pending="true"],:active):not(:disabled){background:var(--gold-fill);border-color:var(--gold-light);color:var(--gold-ink)}
.hulk-control:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
@media(hover:hover) and (pointer:fine){
  .hulk-media-card:hover{transform:translateY(-3px);border-color:var(--gold-line)}
  .hulk-media-card:hover .hulk-card-image{transform:scale(1.045)}
  .hulk-category-button:hover,.hulk-control:hover{border-color:var(--gold-light)}
  .hulk-control:active{transform:scale(.975)}
}
@media(max-width:799px){
  .hulk-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hulk-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hulk-library-controls .hulk-search{flex-basis:100%}
  .hulk-bottom-cta{flex-direction:column;align-items:stretch}
  .hulk-bottom-cta .hulk-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #hulk-home-catalog .hulk-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:767px){
  #hulk-content-root{margin-top:18px}
  .hulk-main{padding-block:26px 12px}
  .hulk-page-intro h1{font-size:26px}
  .hulk-page-intro .hulk-sub{font-size:13px}
  .hulk-page-nav{gap:10px}
  .hulk-page-nav a{font-size:13px;padding-inline:10px}
  .hulk-summary{gap:8px;margin:22px 0 24px}
  .hulk-summary strong{font-size:18px}
  .hulk-bottom-cta{padding:20px;gap:20px}
  .hulk-bottom-cta h2{font-size:22px}
  .hulk-bottom-cta .button{font-size:13px;padding-inline:10px}
  .hulk-account-panel{padding:24px}
  .hulk-subscription{padding-block:0 24px}
  .hulk-account-panel h1,.hulk-account-panel h2{font-size:24px}
  #hulk-home-catalog{padding-block:28px}
}
@media(max-width:519px){
  .hulk-catalog-grid,#hulk-home-catalog .hulk-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .hulk-library-controls .hulk-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}
  .hulk-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hulk-types button{font-size:13px;padding-inline:8px}
  .hulk-page-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hulk-page-nav a:last-child{grid-column:1 / -1}
  .hulk-button-icon{width:16px;height:16px}
  .hulk-category-button{font-size:12px;padding-inline:6px;min-height:54px}
  .hulk-card-copy{padding:10px}
  .hulk-card-title{font-size:14px}
  .hulk-card-meta{font-size:11px}
  .hulk-feed{padding-inline:14px}
  .hulk-event{grid-template-columns:60px minmax(0,1fr);gap:6px 12px;align-items:start}
  .hulk-update-cover{width:60px;grid-row:1 / 3}
  .hulk-event h3{font-size:15px}
  .hulk-event .hulk-tag{grid-column:2;justify-self:center;margin-top:4px}
  .hulk-list-heading h3{font-size:14px}
  .hulk-foot{flex-direction:column;align-items:center}
  .hulk-account-row{font-size:13px;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hulk-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hulk-account-actions .button{padding-inline:8px;font-size:13px}
  .hulk-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px;margin-inline:auto}
  .hulk-home-actions .button{min-width:0;padding-inline:8px;font-size:14px}
  .hulk-home-shortcuts{gap:8px}
  .hulk-home-shortcuts .content-tab{padding-inline:8px;font-size:13px}
  .hulk-loading-card:nth-child(n+3){display:none}
}
@media(max-width:359px){
  .hulk-home-actions .button,.hulk-bottom-cta .button{font-size:12px;padding-inline:5px}
  .hulk-home-shortcuts,.hulk-library-controls .hulk-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hulk-home-shortcuts a:last-child,.hulk-library-controls .hulk-types button:last-child{grid-column:1 / -1}
  .hulk-home-shortcuts .content-tab{padding-inline:8px;font-size:13px}
  .hulk-account-panel{padding:20px}
  .hulk-page-nav{gap:8px}
  .hulk-page-nav a{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .hulk-media-card,.hulk-card-image,.hulk-control,.hulk-category-button,.hulk-with-icon{transition:none}
  .hulk-media-card:hover,.hulk-media-card:hover .hulk-card-image,.hulk-control:active{transform:none}
}