/* Shared OyPizza.com shell and one-screen route deck. Canonical tokens: RIGLI_WEB_STANDARDS v2.1. */
:root{
  --site-page:#FFF9F2;
  --site-surface:#FFFEFA;
  --site-soft:#FFF0E2;
  --site-accent:#C2410C;
  --site-accent-strong:#8F2F0D;
  --site-gold:#F4B942;
  --site-gold-text:#875100;
  --site-ink:#2A211D;
  --site-ink-soft:#6B5544;
  --site-line:#F2D8C5;
  --site-shadow:0 18px 50px rgba(104,54,20,.09);
}

html{width:100%;height:100%;scroll-snap-type:none!important;scroll-padding:0!important}
body.site-one-screen{
  width:100%;height:100svh;min-height:100svh;margin:0;
  display:flex;flex-direction:column;overflow-x:clip;
  background:radial-gradient(55% 42% at 90% 0,#FFE4AD 0,transparent 68%),radial-gradient(42% 38% at 0 5%,#FFE1D0 0,transparent 70%),var(--site-page);
  color:var(--site-ink);font-family:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;font-style:normal;
}
.site-one-screen [hidden]{display:none!important}
.site-one-screen em,.site-one-screen i,.site-one-screen cite,.site-one-screen address{font-style:normal}
.site-one-screen *{box-sizing:border-box}
.site-one-screen a{color:inherit}
.site-one-screen :focus-visible{outline:3px solid var(--site-gold);outline-offset:2px;border-radius:6px}
.site-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.site-global-skip{position:fixed;left:12px;top:-60px;z-index:300;padding:7px 12px;border-radius:999px;background:var(--site-accent);color:#fff!important;font-size:11px;font-weight:900;text-decoration:none}
.site-global-skip:focus{top:8px}

.site-global-header{
  position:relative;z-index:100;height:60px;flex:0 0 60px;
  display:flex;align-items:center;background:rgba(255,252,247,.96);border-bottom:1px solid var(--site-line);
}
.site-global-header__inner{height:100%;display:flex;align-items:center;gap:22px}
.site-global-brand{display:flex;align-items:center;gap:9px;margin-right:auto;color:var(--site-ink);text-decoration:none;white-space:nowrap}
.site-global-brand img{display:block!important;visibility:visible!important;flex:none;width:36px!important;height:36px!important;max-width:36px!important;margin:0!important;border-radius:9px;box-shadow:0 4px 14px rgba(74,44,33,.08)}
.site-global-brand>span{display:grid;line-height:1}
.site-global-brand strong{color:var(--site-ink);font-size:17px;font-weight:900;letter-spacing:-.035em}
.site-global-brand small{margin-top:3px;color:var(--site-ink-soft);font-size:9px;font-weight:800;letter-spacing:.02em}
.site-global-header nav,.site-global-footer nav{
  position:static!important;inset:auto!important;z-index:auto!important;width:auto!important;min-width:0!important;max-width:none!important;
  min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important;
}
.site-global-nav{display:flex;align-items:center;gap:15px}
.site-global-nav a,.site-global-menu a{color:var(--site-ink-soft);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.site-global-nav a:hover,.site-global-nav a:focus-visible,.site-global-menu a:hover,.site-global-menu a:focus-visible,.site-global-nav a[aria-current="page"]{color:var(--site-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.site-global-menu{display:none;position:relative}
.site-global-menu summary{min-width:44px;min-height:24px;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--site-accent);font-size:12px;font-weight:900;list-style:none}
.site-global-menu summary::-webkit-details-marker{display:none}
.site-global-header .site-global-menu nav{position:absolute!important;right:0!important;top:31px!important;width:185px!important;padding:9px!important;display:grid;gap:2px;background:var(--site-surface)!important;border:1px solid var(--site-line)!important;border-radius:16px!important;box-shadow:var(--site-shadow)!important}
.site-global-menu nav a{padding:7px 9px;border-radius:9px}
.site-global-auth{display:flex;align-items:center;gap:7px;white-space:nowrap}
.site-global-auth>a,.site-global-auth button{min-height:29px;padding:5px 9px;border:1px solid var(--site-accent);border-radius:999px;background:transparent;color:var(--site-accent-strong);font:900 9px/1 'Nunito',sans-serif;text-decoration:none;cursor:pointer}
.site-global-auth #auth-login-btn{background:var(--site-accent);color:#fff}
.site-global-auth #auth-user-wrap{align-items:center;gap:6px}
.site-global-auth #auth-user-photo{border-radius:50%;border:2px solid var(--site-accent)}

.site-global-footer{height:34px;flex:0 0 34px;background:rgba(255,252,247,.96);border-top:1px solid var(--site-line)}
.site-global-footer__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--site-ink-soft);font-size:9px;font-weight:800}
.site-global-footer p{margin:0;white-space:nowrap}
.site-global-footer nav{display:flex;align-items:center;gap:8px}
.site-global-footer a{display:inline-flex;align-items:center;padding:9px 6px;color:var(--site-accent-strong);font-weight:900;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;white-space:nowrap}

.one-screen-main{width:min(1180px,calc(100% - 32px));min-height:0;flex:1 1 auto;margin-inline:auto;padding:10px 0;display:flex}
.one-screen-deck{position:relative;isolation:isolate;min-width:0;min-height:0;width:100%;padding:15px 17px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:9px;overflow:hidden;background:rgba(255,252,247,.96);border:1px solid var(--site-line);border-radius:22px;box-shadow:var(--site-shadow)}
.one-screen-deck::after{content:"";position:absolute;z-index:-1;right:-45px;top:-60px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(232,93,4,.14),transparent 68%);pointer-events:none}
.one-screen-deck--visual{
  color:#fff;
  border-color:rgba(113,52,21,.24);
  box-shadow:0 22px 62px rgba(66,28,10,.22);
  background-color:#452010;
  background-position:var(--visual-position,center);
  background-repeat:no-repeat;
  background-size:cover;
  background-image:linear-gradient(90deg,rgba(45,17,7,.69) 0%,rgba(45,17,7,.46) 48%,rgba(45,17,7,.12) 100%),var(--visual-image);
}
.one-screen-deck--visual::after{background:radial-gradient(circle,rgba(255,205,90,.34),transparent 68%)}
.one-screen-deck--visual .one-screen-intro,.one-screen-deck--visual .screen-panels{width:min(54%,660px)}
/* Tall multi-line headlines push a bottom-aligned action row down onto the
   photo below; top-align it next to the kicker instead so it never lands on a face. */
.one-screen-deck--visual .one-screen-intro{align-items:start}
.one-screen-deck--visual .one-screen-kicker{color:#FFE3A0!important;text-shadow:0 1px 2px rgba(39,14,4,.55)}
.one-screen-deck--visual .one-screen-intro h1{color:#fff!important;text-shadow:0 2px 18px rgba(38,13,4,.62)}
/* A pixel-measured pass (2026-08-16) found the lead failing AA on many
   photo decks at desktop width too, not only mobile: the darkening
   gradient is not uniform, and a tall multi-line h1 pushes the lead down
   into whatever brightness the photo happens to have there. A light card
   backdrop is correct regardless of the photo underneath it, so give the
   lead the same treatment as the pager and secondary actions instead of
   depending on the gradient reaching far enough down. */
.one-screen-deck--visual .one-screen-lead{display:inline-block;background:rgba(255,254,250,.9)!important;color:var(--site-accent-strong)!important;text-shadow:none!important;padding:5px 9px;border-radius:9px;box-shadow:0 4px 12px rgba(41,16,5,.18)}
@supports not (backdrop-filter:blur(1px)) and not (-webkit-backdrop-filter:blur(1px)){
  .one-screen-deck--visual .one-screen-lead{background:rgba(255,254,250,.96)!important}
}
.one-screen-deck--visual .screen-panel__content{align-content:end}
/* Pager and secondary actions sit directly on the photo, so on visual decks they get
   the same light card backdrop as .screen-block instead of dark ink on a dark image. */
.one-screen-deck--visual .screen-pager a,.one-screen-deck--visual .one-screen-actions a:not(:first-child){background:rgba(255,254,250,.86)!important;border-color:rgba(255,239,222,.95)!important;color:var(--site-accent-strong)!important;box-shadow:0 5px 16px rgba(41,16,5,.22)!important;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}
.one-screen-deck--visual .screen-pager output{color:rgba(255,251,243,.95)!important;text-shadow:0 1px 6px rgba(38,13,4,.85),0 0 3px rgba(38,13,4,.7)}
@supports not (backdrop-filter:blur(1px)) and not (-webkit-backdrop-filter:blur(1px)){
  .one-screen-deck--visual .screen-pager a,.one-screen-deck--visual .one-screen-actions a:not(:first-child){background:rgba(255,254,250,.92)!important}
}
.one-screen-deck--visual .screen-block{background:rgba(255,254,250,.82)!important;border-color:rgba(255,239,222,.9)!important;box-shadow:0 7px 22px rgba(41,16,5,.18)!important;backdrop-filter:blur(10px) saturate(1.05)!important;-webkit-backdrop-filter:blur(10px) saturate(1.05)!important}
.one-screen-deck--visual .screen-block--heading{background:rgba(255,240,226,.82)!important;backdrop-filter:blur(10px) saturate(1.05)!important;-webkit-backdrop-filter:blur(10px) saturate(1.05)!important}
@supports not (backdrop-filter:blur(1px)) and not (-webkit-backdrop-filter:blur(1px)){
  .one-screen-deck--visual .screen-block{background:rgba(255,254,250,.85)!important}
  .one-screen-deck--visual .screen-block--heading{background:rgba(255,240,226,.85)!important}
}
.one-screen-intro{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.one-screen-kicker{margin:0 0 3px!important;color:var(--site-gold-text)!important;font-size:11px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.04em}
.one-screen-intro h1{max-width:100%;margin:0!important;color:var(--site-ink)!important;font-size:clamp(29px,4.3vw,52px)!important;font-weight:700!important;line-height:1.02!important;letter-spacing:-.045em!important;text-wrap:balance}
.one-screen-lead{max-width:72ch!important;margin:5px 0 0!important;color:var(--site-ink-soft)!important;font-size:13px!important;line-height:1.32!important;font-weight:600!important}
.one-screen-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.one-screen-actions a{min-height:31px;padding:7px 11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--site-accent);border-radius:999px;color:var(--site-accent-strong);font-size:10px;font-weight:900;line-height:1.1;text-decoration:none;text-align:center}
.one-screen-actions a:first-child{background:var(--site-accent);color:#fff}
.print-source{display:none!important}
.screen-panels{min-height:0;position:relative}
.private-route-states,.private-document,.private-document>.screen-panels{position:relative;min-height:0;height:100%}
.private-route-states>#gate-loading,.private-route-states>#gate-public,.private-route-states>#gate-pending,.private-route-states>#doc-content{min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
.private-gate-panel{grid-template-rows:minmax(0,1fr)!important}
.private-gate-panel .screen-panel__content{align-content:center;justify-content:center}
.private-gate-panel .screen-block{width:min(100%,620px);text-align:center}
.private-signin{margin-top:9px!important}
.screen-panel{display:none;position:relative;height:100%;min-height:0;grid-template-rows:minmax(0,1fr) 31px;gap:7px}
.screen-panel--single{grid-template-rows:minmax(0,1fr)}
.screen-anchor{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.screen-panel__content{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;gap:7px}
.screen-block{min-width:0;max-width:none!important;margin:0!important;padding:9px 11px!important;overflow:visible!important;background:rgba(255,254,250,.95)!important;border:1px solid var(--site-line)!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(88,48,23,.035)!important;color:var(--site-ink-soft)!important}
.screen-block h2,.screen-block h3,.screen-block h4,.screen-block>h2,.screen-block>h3{margin:0!important;color:var(--site-ink)!important;font-size:15px!important;font-weight:700!important;line-height:1.18!important;letter-spacing:0!important;text-transform:none!important}
.screen-block p,.screen-block li,.screen-block blockquote,.screen-block span,.screen-block div{font-size:11px;line-height:1.3}
.screen-block p,.screen-block blockquote{max-width:none!important;margin:0!important;color:var(--site-ink-soft)!important}
.screen-block ul,.screen-block ol{margin:0!important;padding-left:18px!important;columns:auto!important}
.screen-block li{margin:0 0 2px!important;color:var(--site-ink-soft)!important}
.screen-block a:not(.btn):not(.sbtn):not(.button){color:var(--site-accent-strong)!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}
.site-one-screen .screen-panel .screen-block.screen-block--link>a{min-height:29px!important;padding:6px 11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--site-accent-strong)!important;border:1px solid var(--site-accent-strong)!important;border-radius:999px!important;color:#fff!important;font-size:9px!important;font-weight:900!important;line-height:1.1!important;text-decoration:none!important}
.screen-block--heading{grid-column:1/-1;padding:6px 10px!important;background:var(--site-soft)!important;border-color:transparent!important}
.screen-block--media{display:grid;place-items:center;padding:5px!important}
.screen-block--media iframe,.screen-block--media video{width:min(100%,420px)!important;height:auto!important;aspect-ratio:16/9!important;border:0!important;border-radius:10px!important}
.screen-block--media audio{width:min(100%,420px)!important;height:38px!important}
.screen-block--media img{width:auto!important;max-width:100%!important;height:auto!important;max-height:210px!important;object-fit:contain!important;border-radius:10px!important}
.screen-block img{width:auto!important;max-width:100%!important;height:auto!important;max-height:210px!important;object-fit:contain!important;margin-inline:auto!important}
.screen-block figure{min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.screen-block figure img{max-height:160px!important}
.screen-block figure figcaption{position:static!important;inset:auto!important;width:auto!important;margin:3px 0 0!important;padding:0!important;background:transparent!important;color:var(--site-ink-soft)!important;font-size:9px!important;line-height:1.15!important;text-align:center!important}
.screen-block figure figcaption span{display:block!important;font-size:9px!important;line-height:1.15!important}
.screen-block--compact:has(figure){grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.screen-block--stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.screen-block--stats .stat{min-width:0!important;margin:0!important;padding:6px!important;border:0!important;border-radius:9px!important;background:var(--site-soft)!important;box-shadow:none!important;text-align:center!important;text-decoration:none!important;transform:none!important}
.screen-block--stats .stat .n{margin:0!important;color:var(--site-accent-strong)!important;font-size:18px!important;line-height:1!important;font-weight:900!important}
.screen-block--stats .stat .l{margin:3px 0 0!important;color:var(--site-ink-soft)!important;font-size:10px!important;line-height:1.15!important;font-weight:800!important}
.screen-block--lyrics{white-space:pre-line;font-size:10px!important;line-height:1.28!important;color:var(--site-ink)!important}
.screen-block--card{align-self:stretch}
.screen-block--card img{max-height:115px!important;width:auto!important;object-fit:contain!important;margin:0 auto 5px!important}
.screen-block--card .scard-blurb,.screen-block--card .song-blurb{font-size:10px!important;line-height:1.2!important;margin:3px 0!important}
.screen-card-links{margin-top:6px!important;display:flex;gap:5px;flex-wrap:wrap}
.screen-card-links a{min-height:25px;padding:4px 7px;border:1px solid var(--site-accent);border-radius:999px;font-size:9px!important;font-weight:900}
.screen-block span,.screen-block em,.screen-block i,.screen-block small{color:var(--site-ink-soft)!important}
.screen-block span[style*="font-size"],.screen-block small[style*="font-size"]{font-size:inherit!important}
.screen-block .btn,.screen-block .btn-primary,.screen-block .sbtn,.screen-block .button,.screen-block button,.screen-block a[style*="background"]{min-height:25px!important;padding:4px 7px!important;background:var(--site-accent-strong)!important;color:#fff!important;border-color:var(--site-accent-strong)!important;border-radius:999px!important;font-size:9px!important;line-height:1.1!important}
.screen-block .btn::before,.screen-block .btn::after,.screen-block .button::before,.screen-block .button::after{display:none!important;content:none!important}
.screen-block--control{display:flex!important;align-items:center!important;gap:6px!important}
.screen-block--control>button,.screen-block--control>details{max-width:100%!important}
.screen-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.screen-facts div{min-width:0;padding:7px;background:var(--site-soft);border-radius:9px}
.screen-facts dt{color:var(--site-gold-text);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.screen-facts dd{margin:2px 0 0;color:var(--site-ink);font-size:10px;font-weight:700;line-height:1.18}
.screen-block .facet-label,.screen-block .meta-label{color:var(--site-ink)!important}
.screen-block form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 7px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.screen-block form label{min-width:0;display:grid!important;gap:2px!important;font-size:9px!important;font-weight:800!important}
.screen-block form input,.screen-block form select,.screen-block form textarea{width:100%!important;min-height:28px!important;padding:4px 7px!important;border:1px solid var(--site-line)!important;border-radius:8px!important;font:600 10px/1.2 'Nunito',sans-serif!important}
.screen-block form input[type="checkbox"],.screen-block form input[type="radio"]{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important}
.screen-block form .check{min-width:0;display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start!important;gap:6px!important}
.screen-block form textarea{height:42px!important;min-height:42px!important;resize:none!important}
.screen-block form *{font-size:9px!important}
.screen-block .seo-list{max-height:none!important;overflow:visible!important}
.screen-block--table table{display:table!important;width:100%!important;max-width:100%!important;overflow:visible!important;table-layout:fixed!important}
.screen-block--table th,.screen-block--table td{color:var(--site-ink-soft)!important;overflow-wrap:anywhere!important;word-break:normal!important}
.screen-block--table td:first-child,.screen-block--table th{color:var(--site-ink)!important}
.screen-table-record{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.screen-table-field{min-width:0;padding:5px 7px;display:grid;grid-template-columns:minmax(62px,.34fr) minmax(0,1fr);gap:6px;background:var(--site-soft);border-radius:9px}
.screen-table-field:last-child{grid-column:1/-1}
.screen-table-field dt,.screen-table-field dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:10px;line-height:1.22}
.screen-table-field dt{color:var(--site-ink);font-weight:900}
.screen-table-field dd{color:var(--site-ink-soft);font-weight:700}
.screen-pager{display:grid;grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:7px}
.screen-pager a,.screen-pager .is-disabled{min-height:29px;padding:5px 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--site-accent);border-radius:999px;color:var(--site-accent-strong);font-size:9px;font-weight:900;line-height:1;text-decoration:none;cursor:pointer}
.screen-pager .is-disabled{border-color:var(--site-line);background:var(--site-soft);color:var(--site-ink-soft);opacity:.6;cursor:default}
.screen-pager output{color:var(--site-ink-soft);font-size:9px;font-weight:900;text-align:center}


/* URL-fragment chapter switching, functional with JavaScript disabled and without a page-count ceiling. */
.screen-panel--1{display:grid}
.screen-panels:has(.screen-panel:target,.screen-anchor:target)>.screen-panel--1{display:none}
.screen-panels>.screen-panel:target,.screen-panels>.screen-panel:has(.screen-anchor:target){display:grid!important}

.not-found-main{width:min(720px,calc(100% - 32px));min-height:0;flex:1;margin-inline:auto;padding:10px 0;display:grid;place-items:center}
.not-found-card{width:100%;padding:clamp(30px,7vw,68px);background:var(--site-surface);border:1px solid var(--site-line);border-radius:22px;box-shadow:var(--site-shadow);text-align:center}
.not-found-card h1{margin:0;color:var(--site-ink);font-size:clamp(34px,6vw,58px);font-weight:700;line-height:1}
.not-found-card p{margin:10px auto 0;max-width:54ch;color:var(--site-ink-soft);font-weight:600}
.not-found-art{display:block;width:clamp(52px,12vw,88px);height:auto;margin:10px auto 0}
.not-found-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:12px}
.not-found-card .not-found-actions a{min-height:32px;padding:7px 13px;display:inline-flex;align-items:center;border-radius:999px;background:var(--site-accent);color:#fff;font-size:10px;font-weight:900;text-decoration:none}

/* The store dialog is a separate one-screen state, never an internal scroller. */
.catalog-modal{padding:8px!important}
.catalog-modal-inner{width:min(560px,100%)!important;max-height:calc(100svh - 16px)!important;overflow:hidden!important;border-radius:16px!important}
.catalog-modal-inner #modal-image{height:clamp(90px,24svh,170px)!important}
.catalog-modal-inner #modal-image+div{padding:12px 14px 14px!important}
.catalog-modal-inner h2{margin:0 0 7px!important;color:var(--site-ink)!important;font-size:clamp(20px,5vw,28px)!important}
.catalog-modal-inner p{font-size:10px!important;line-height:1.25!important}
.catalog-modal-inner [style*="padding:20px"],.catalog-modal-inner [style*="padding:18px"]{padding:8px!important;margin:7px 0!important}
.catalog-modal-inner a{min-height:29px!important;padding:6px 10px!important;font-size:9px!important}
.catalog-modal-inner [style*="color:#FF6600"],.catalog-modal-inner #modal-tags{color:var(--site-accent-strong)!important}
.catalog-modal-close{top:7px!important;right:7px!important;width:32px!important;height:32px!important}
#community-signin-modal h2{color:var(--site-ink)!important}
#community-signin-modal [style*="color:#FF6600"]{color:var(--site-accent-strong)!important}
#community-signin-modal [style*="background:#FF6600"]{background:var(--site-accent-strong)!important}
#community-signin-modal [style*="color:#888"]{color:#5F4D43!important}

@media(max-width:900px){
  .site-shell,.one-screen-main{width:min(100% - 18px,1180px)}
  .site-global-header{height:54px;flex-basis:54px}
  .site-global-brand img{width:30px!important;height:30px!important}
  .site-global-brand strong{font-size:15px}.site-global-brand small{font-size:9px}
  .site-global-nav--desktop{display:none}.site-global-menu{display:block}.site-global-header__inner{gap:9px}
  .site-global-footer{height:29px;flex-basis:29px}
  .site-global-footer__inner{font-size:9px}.site-global-footer nav{gap:6px}
  .site-global-footer a{padding:7px 5px}
  .one-screen-main{padding:6px 0}
  .one-screen-deck{padding:9px;gap:6px;border-radius:17px}
  .one-screen-deck--visual{background-position:var(--visual-position,center);}
  .one-screen-deck--visual{background-image:linear-gradient(180deg,rgba(45,17,7,.32) 0%,rgba(45,17,7,.46) 48%,rgba(45,17,7,.58) 100%),var(--visual-image)}
  .one-screen-deck--visual .one-screen-intro,.one-screen-deck--visual .screen-panels{width:100%}
  .one-screen-intro{grid-template-columns:1fr;gap:5px;align-items:start}
  .one-screen-intro h1{font-size:clamp(25px,7.5vw,34px)!important;line-height:1.02!important}
  .one-screen-kicker{font-size:9px!important}
  .one-screen-lead{font-size:11.5px!important;line-height:1.28!important;margin-top:3px!important}
  .one-screen-deck--visual .one-screen-lead{padding:5px 8px}
  .one-screen-actions{justify-content:flex-start}.one-screen-actions a{min-height:27px;padding:5px 9px;font-size:9px}
  .screen-panel{grid-template-rows:minmax(0,1fr) 27px;gap:4px}
  .screen-panel__content{grid-template-columns:1fr;gap:4px}
  .screen-block{padding:6px 8px!important;border-radius:11px!important}
  .screen-block h2,.screen-block h3,.screen-block h4,.screen-block>h2,.screen-block>h3{font-size:12px!important;line-height:1.14!important}
  .screen-block p,.screen-block li,.screen-block blockquote,.screen-block span,.screen-block div{font-size:10.5px;line-height:1.24}
  .screen-block--lyrics{font-size:10px!important;line-height:1.2!important}
  .screen-block--media iframe,.screen-block--media video{width:min(100%,300px)!important}
  .screen-block--media img{max-height:150px!important}
  .screen-block img{max-height:150px!important}
  .screen-block figure img{max-height:95px!important}
  .screen-block--card img{max-height:80px!important}
  .screen-block--card .scard-blurb,.screen-block--card .song-blurb{font-size:10px!important}
  .screen-block form{grid-template-columns:1fr!important}
  .screen-facts{grid-template-columns:1fr;gap:3px}.screen-facts div{padding:5px}.screen-facts dd{font-size:9px}
  .screen-pager{grid-template-columns:75px minmax(0,1fr) 75px;gap:4px}
  .screen-pager a,.screen-pager .is-disabled{min-height:25px;padding:4px 7px;font-size:9px}
  .screen-pager output{font-size:9px}
}

@media(max-width:560px){
  .site-global-footer nav a:first-child{display:none}
  .site-global-footer__credits{display:none}
  .one-screen-actions a:nth-child(n+3){display:none}
  .screen-table-record{grid-template-columns:1fr;gap:4px}
  .screen-table-field,.screen-table-field:last-child{grid-column:auto;padding:4px 6px;grid-template-columns:66px minmax(0,1fr);gap:5px}
}

@media(max-width:420px){
  .site-global-brand small{display:none}
  .site-global-footer nav a:nth-child(-n+2){display:none}
  .site-global-auth>a{display:none!important}
}

@media(max-height:700px){
  .one-screen-main{padding:4px 0}.one-screen-deck{padding:7px;gap:4px}
  .one-screen-intro h1{font-size:25px!important}.one-screen-lead{font-size:10px!important}
  .screen-block{padding:5px 7px!important}.screen-block p,.screen-block li,.screen-block blockquote,.screen-block span,.screen-block div{font-size:9.5px;line-height:1.18}
  .screen-block--media img{max-height:120px!important}
  .screen-block img{max-height:120px!important}
}

@media print{
  body.site-one-screen{height:auto;display:block;background:#fff;overflow:visible}
  .site-global-header,.site-global-footer,.one-screen-main{display:none!important}
  template{display:none!important}
  .print-source{display:block!important}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}