@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/barlow-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/barlow-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/barlow-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/barlow-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/barlow-condensed-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/barlow-condensed-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/barlow-condensed-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/barlow-condensed-800.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/barlow-condensed-900.ttf) format('truetype');
}


:root{color-scheme:light;--paper:#f3eddf;--paper-light:#faf6ed;--white:#fffdf7;--ink:#20282b;--muted:#676966;--line:#cfc8b9;--navy:#203e50;--navy-deep:#162b3b;--orange:#d55539;--yellow:#f3c968;--green:#3a756d;--shadow:0 14px 42px rgba(41,42,35,.11);--radius:6px;--max:1240px;--font-head:Impact,'Arial Narrow','Franklin Gothic Medium',Arial,sans-serif;--font-serif:Georgia,'Times New Roman',serif;--font-body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--ink);background:var(--paper);background-image:radial-gradient(rgba(41,52,51,.045) .7px,transparent .7px);background-size:6px 6px;min-width:300px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}a:hover{text-decoration-color:var(--orange)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #008fa8;outline-offset:3px}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;z-index:999;top:-60px;left:20px;background:var(--yellow);padding:10px 16px}.skip-link:focus{top:8px}.mini-caps,.eyebrow,.stamp,.overline{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.utilitybar{background:var(--navy-deep);color:#eee7d8;font-size:10px;letter-spacing:.14em;font-weight:800;text-transform:uppercase}.utility-inner{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.site-header{position:sticky;top:0;z-index:80;background:rgba(250,246,236,.98);border-bottom:2px solid var(--ink);transition:transform .2s ease}.site-header.is-hidden{transform:translateY(-105%)}.header-inner{min-height:76px;display:flex;gap:28px;align-items:center}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap;line-height:.85}.brand-words{font-family:var(--font-head);font-weight:900;font-size:30px;letter-spacing:-.015em}.brand-badge{font-family:var(--font-head);font-size:34px;letter-spacing:-.05em;color:var(--paper-light);background:var(--orange);padding:9px 10px 8px;transform:rotate(-7deg);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.brandline{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--muted);margin-top:7px}.nav-main{display:flex;align-items:center;gap:7px;margin-left:auto}.nav-main a,.nav-main summary{padding:9px 11px;border-radius:3px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.nav-main a:hover,.nav-main summary:hover,.nav-main .is-active{background:var(--yellow);color:var(--navy-deep)}.nav-main details{position:relative}.nav-main details>summary{list-style:none;cursor:pointer}.nav-main details>summary::-webkit-details-marker{display:none}.nav-main details>summary::after{content:'⌄';margin-left:7px}.nav-dropdown{position:absolute;top:43px;left:0;min-width:205px;padding:7px;background:var(--white);border:2px solid var(--ink);box-shadow:6px 6px 0 rgba(32,40,43,.15)}.nav-dropdown a{display:block;padding:10px 12px}.nav-tools{display:flex;gap:8px;align-items:center}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:42px;height:42px;background:transparent;border:1.5px solid var(--line);border-radius:3px;color:var(--ink);font-weight:800;font-size:21px}.icon-button:hover{background:var(--yellow);border-color:var(--ink)}.mobile-toggle{display:none}.route-body{min-height:65vh}.page-pad{padding:48px 0 90px}.hero-intro{padding:46px 0 23px;border-bottom:1px solid var(--line)}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}.hero-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--orange);text-transform:uppercase}.hero-title{font-family:var(--font-head);font-size:clamp(47px,7.2vw,106px);line-height:.92;text-transform:uppercase;letter-spacing:-.015em;margin:13px 0 12px;max-width:950px}.hero-title i{color:var(--orange);font-style:normal}.hero-sub{max-width:690px;color:#4f5553;font-size:16px;margin:16px 0 0}.roundel{height:132px;width:132px;border:2px dashed var(--navy);display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;transform:rotate(12deg);color:var(--navy);font-weight:900;letter-spacing:.07em;line-height:1.35;font-size:11px;background:#e8dfca}.roundel strong{font-family:var(--font-head);font-size:33px}.section{padding-top:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 20px}.section-title{font-family:var(--font-head);font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin:0}.section-kicker{font-size:11px;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-bottom:5px}.section-desc{max-width:600px;color:var(--muted);margin:9px 0 0}.text-link{color:var(--navy);font-size:12px;font-weight:900;text-transform:uppercase;text-decoration:none;letter-spacing:.09em;border-bottom:2px solid var(--orange);padding-bottom:2px;white-space:nowrap}.text-link:hover{color:var(--orange)}.generator-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start}.generator-box{background:var(--navy);color:var(--white);position:relative;overflow:hidden;border:2px solid var(--ink);box-shadow:6px 6px 0 #c6ba9f;min-width:0}.generator-box.song{background:#b84b38}.generator-box::before{content:'';position:absolute;top:-140px;right:-90px;width:310px;height:310px;border-radius:50%;border:38px solid rgba(252,222,168,.08);pointer-events:none}.generator-inner{padding:28px 28px 25px;position:relative;z-index:1}.generator-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.generator-index{border:1px solid rgba(255,255,255,.6);padding:4px 6px;font-family:var(--font-head);font-size:17px}.generator-heading{font-family:var(--font-head);font-size:clamp(34px,4vw,56px);line-height:.95;text-transform:uppercase;letter-spacing:.01em;margin:15px 0 10px}.generator-box p{max-width:390px;color:#f0ede4;font-size:14px;margin:0 0 20px}.generator-box .eyebrow{color:var(--yellow)}.btn{border:none;border-radius:2px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-family:var(--font-body);font-size:12px;letter-spacing:.075em;text-transform:uppercase;font-weight:900;min-height:43px;transition:background .12s ease,transform .12s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 rgba(0,0,0,.25)}.btn-primary:hover{background:#ffda7e}.btn-dark{background:var(--navy);color:white}.btn-dark:hover{background:#325a71}.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn-outline:hover{background:#eae0cb}.btn-small{padding:8px 10px;min-height:32px;font-size:10px}.btn-link{border:0;background:transparent;color:inherit;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px;padding:4px 0}.generator-output{margin:0 28px 24px;padding:19px;background:rgba(255,248,230,.96);color:var(--ink);border:1px solid #d2bea1;min-height:182px}.generator-output.is-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-record{font-family:var(--font-head);font-size:36px;line-height:1.1;color:var(--navy);opacity:.32}.generator-output .empty-copy{font-size:12px;color:#77736c;max-width:260px}.generator-result{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;align-items:start}.result-heading{font-family:var(--font-head);font-size:25px;line-height:1.03;text-transform:uppercase;margin:4px 0 7px}.result-details{font-size:12px;color:#5b615e}.generator-output .result-actions{margin-top:14px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.generator-output .btn-dark{font-size:11px}.next-wrap{margin-top:10px}.inline-note{font-size:11px;color:#6c706d;margin:7px 0 0}.stars{color:#c38119;letter-spacing:.07em;white-space:nowrap;font-weight:900}.stars span{color:#bdbaa9}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.article-card{min-width:0;display:flex;flex-direction:column;text-decoration:none;background:var(--paper-light);border:1px solid #d8d0c0;transition:transform .15s ease,box-shadow .15s ease}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.article-card .art{aspect-ratio:16/9}.article-text{padding:17px 17px 19px;flex:1}.article-overline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--orange)}.article-card h3{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.005em;font-size:clamp(19px,2.5vw,26px);line-height:1.03;font-weight:900;margin:9px 0 8px}.article-card p{font-size:12px;color:#626563;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tag-archive{color:#fff;background:var(--orange);border-radius:2px;padding:3px 5px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.art{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(139deg,var(--a),var(--b));display:flex;align-items:center;justify-content:center;color:#fff;min-height:60px}.art::before{content:'';position:absolute;left:-8%;top:-40%;width:76%;height:175%;border:28px solid rgba(255,242,205,.22);border-radius:50%;transform:rotate(33deg);z-index:-1}.art::after{content:'';position:absolute;right:2%;top:0;bottom:0;width:33%;background:repeating-linear-gradient(130deg,transparent 0 12px,rgba(255,255,255,.08) 12px 14px);z-index:-1}.art .art-glyph{font-family:var(--font-head);font-size:clamp(44px,7vw,112px);line-height:1;opacity:.65;transform:rotate(-9deg);text-shadow:5px 5px 0 rgba(0,0,0,.16)}.art .art-corner{position:absolute;left:10px;top:11px;color:#fff;opacity:.9;font-family:var(--font-head);font-size:10px;letter-spacing:.15em}.art .art-bottom{position:absolute;right:10px;bottom:10px;color:#fff;font-size:9px;letter-spacing:.12em;font-weight:900}.art.album-art::before{border:30px solid rgba(15,20,23,.4);border-radius:50%;width:65%;height:auto;aspect-ratio:1;top:10%;left:40%;transform:none;box-shadow:0 0 0 9px rgba(15,20,23,.18),0 0 0 18px rgba(255,255,255,.08)}.art.album-art .art-glyph{font-size:clamp(30px,5vw,82px);font-style:italic}.art.film-art::before{border:22px solid rgba(255,242,205,.19);height:68%;aspect-ratio:1;width:auto;left:17%;top:14%;transform:rotate(-24deg)}.art.film-art .art-glyph{font-size:clamp(32px,5vw,76px)}.art.film-art .art-bottom,.art.album-art .art-bottom{font-size:7px}.cover-frame{overflow:hidden;background:var(--navy-deep);border:1px solid rgba(0,0,0,.18)}.cover-frame.film{aspect-ratio:2/3}.cover-frame.album{aspect-ratio:1/1}.cover-frame .art{height:100%;width:100%}.cover-frame .art-glyph{font-size:clamp(36px,4vw,68px)}.cover-frame .art-corner{font-size:8px}.cover-frame .art-bottom{font-size:7px}.demo-micro{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.home-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-area{border:2px solid var(--line);padding:20px;text-decoration:none;background:var(--paper-light)}.home-area:hover{border-color:var(--orange)}.home-area svg{height:25px;width:25px;display:block;margin-bottom:13px}.home-area strong{font-family:var(--font-head);text-transform:uppercase;font-size:25px;display:block}.home-area span{color:var(--muted);font-size:12px}.page-head{padding:45px 0 21px;border-bottom:2px solid var(--ink);margin-bottom:24px}.page-head h1{font-family:var(--font-head);font-size:clamp(48px,7vw,88px);line-height:.95;letter-spacing:-.018em;text-transform:uppercase;margin:5px 0 13px}.page-head p{color:#555b57;max-width:790px;margin:0}.top-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:var(--paper-light);color:var(--navy);padding:11px 17px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.tab.is-selected{background:var(--navy);color:white;border-color:var(--navy)}.input-control{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.input-control select,.input-control input,.input-control textarea,.control-input{appearance:auto;border:1.5px solid #afa89b;background:var(--white);color:var(--ink);padding:10px 12px;border-radius:2px;min-height:42px;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;min-width:0}.input-control textarea{min-height:115px;resize:vertical}.filters-strip{display:flex;flex-wrap:wrap;align-items:end;gap:13px;padding:17px;background:#e8dfce;border:1px solid var(--line);margin:14px 0 21px}.filters-strip .input-control{min-width:155px}.filters-strip select{min-width:140px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 13px}.chip{display:inline-flex;gap:5px;align-items:center;background:#e2e9e4;border:1px solid #abc0b4;padding:6px 9px;font-size:11px;font-weight:800}.pager{display:flex;justify-content:center;gap:7px;align-items:center;padding:27px 0}.pager button{border:1px solid var(--line);padding:8px 13px;min-width:38px;background:var(--paper-light);font-weight:800}.pager button[aria-current="page"]{background:var(--navy);color:white}.pager button:disabled{opacity:.45;cursor:default}.magazine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.magazine-grid .article-card .art{aspect-ratio:16/7}.magazine-grid .article-card h3{font-size:27px}.highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:44px}.highlight-grid .article-card{background:transparent;border:0}.highlight-grid .article-text{padding:14px 0}.highlight-grid .article-card .art{aspect-ratio:5/3}.highlight-grid .article-card h3{font-size:23px}.highlight-header{font-family:var(--font-head);font-size:28px;margin:0 0 16px;text-transform:uppercase}.results-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:23px 0 13px}.results-bar strong{font-weight:900;font-size:13px}.results-bar .demo-micro{font-weight:500}.switch-view{display:flex;gap:0;border:1px solid var(--line)}.switch-view button{padding:8px 12px;border:0;background:transparent;font-size:11px;text-transform:uppercase;font-weight:850}.switch-view button.is-selected{background:var(--navy);color:white}.genres{display:flex;flex-wrap:wrap;gap:7px;max-width:500px}.genre-option{display:flex;gap:5px;align-items:center;background:var(--white);border:1px solid #c8c1b6;padding:8px 10px;color:var(--ink);font-size:11px;letter-spacing:0;text-transform:none;font-weight:700;cursor:pointer}.genre-option input{accent-color:var(--navy)}.archive-controls{background:#e8dfce;border:1px solid var(--line);padding:18px;display:flex;gap:16px;flex-wrap:wrap;align-items:end}.archive-controls .input-control{min-width:125px}.archive-controls .filters-genres{flex-basis:100%;display:flex;flex-direction:column;gap:6px}.reset-button{border:none;background:none;text-decoration:underline;text-underline-offset:3px;padding:8px 2px;font-size:12px;font-weight:850;color:var(--navy)}.mobile-filter-toggle{display:none}.cover-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 16px;align-items:start}.cover-card{min-width:0;border:0;background:transparent;text-align:left;padding:0;cursor:pointer}.cover-card:hover .cover-frame,.cover-card.is-open .cover-frame{box-shadow:0 0 0 3px var(--orange),0 9px 20px #c7bca5}.cover-card .cover-title{font-weight:900;font-size:12px;line-height:1.25;margin:8px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cover-card .cover-meta{color:var(--muted);font-size:11px}.cover-card .cover-meta .stars{display:block;font-size:13px}.cover-detail{grid-column:1/-1;background:var(--navy);color:#fff;border:2px solid var(--ink);padding:25px 28px;scroll-margin-top:95px;margin:0 0 7px;position:relative}.cover-detail.album-detail{background:#5b3e45}.cover-detail::before{content:'VHS';position:absolute;right:86px;top:0;color:rgba(255,255,255,.07);font-family:var(--font-head);font-size:105px;line-height:1;pointer-events:none}.cover-detail.album-detail::before{content:'VINYL';font-size:76px}.detail-grid{display:grid;grid-template-columns:135px minmax(0,1fr);gap:25px;position:relative}.detail-grid>.cover-frame{max-width:135px}.detail-title{font-family:var(--font-head);font-size:36px;text-transform:uppercase;line-height:1.03;margin:3px 0 6px}.detail-meta{color:#e4e1d6;font-size:12px}.detail-body{font-size:13px;color:#e7e8e5;margin:14px 0;max-width:770px}.detail-body p{margin:9px 0}.detail-body strong{color:#fff}.detail-close{position:absolute;right:12px;top:10px;background:transparent;border:1px solid rgba(255,255,255,.4);color:white;width:32px;height:32px;font-size:19px;z-index:2}.detail-refs{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.detail-refs a{font-size:11px;color:#fff;border:1px solid rgba(255,255,255,.45);padding:7px 10px;text-decoration:none}.detail-refs a:hover{background:rgba(255,255,255,.13)}.plain-list{border-top:2px solid var(--ink);margin-top:10px}.plain-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 115px;gap:8px;align-items:center;padding:12px 12px;border-bottom:1px solid var(--line)}.plain-row:nth-child(even){background:rgba(255,255,255,.35)}.plain-row.is-open{background:#ded6c4}.plain-row button{background:none;border:0;padding:0;text-align:left;font-weight:750;text-decoration:none;color:var(--ink)}.plain-row button:hover{text-decoration:underline;text-decoration-color:var(--orange)}.plain-head{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;background:#ded5c4}.plain-head button{font-size:11px}.plain-detail{padding:0;border:0}.plain-detail .cover-detail{margin:0;border-top:0;scroll-margin-top:96px}.compact-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.playlist-card{background:var(--paper-light);border:1px solid var(--line);display:flex;flex-direction:column}.playlist-card .art{aspect-ratio:16/11}.playlist-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.playlist-body h3{font-family:var(--font-head);font-size:27px;text-transform:uppercase;line-height:1;margin:0}.playlist-body p{font-size:12px;color:var(--muted);margin:0}.playlist-body .btn{margin-top:auto;align-self:flex-start}.player-placeholder{border:1px dashed #b6a99a;background:#eee6d9;padding:15px;color:#5b615e;font-size:12px;margin-top:10px}.player-placeholder.dark{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.35);color:#e7e7e2}.player-placeholder button{margin-top:10px}.embed-frame{width:100%;border:0;border-radius:10px;min-height:152px;display:block}.article-reading{max-width:800px;margin:0 auto}.article-reading h1{font-family:var(--font-head);font-size:clamp(46px,6vw,76px);line-height:1.01;text-transform:uppercase;margin:12px 0 15px}.reading-deck{font-family:var(--font-serif);font-size:22px;line-height:1.4;color:#4d5d5b;margin:12px 0 22px}.article-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.07em;font-size:11px;color:#656760;font-weight:800}.article-cover{height:300px;margin:24px 0}.article-cover .art{height:100%}.read-copy{font-family:var(--font-serif);font-size:18px;line-height:1.78}.read-copy p{margin:0 0 1.4em}.read-copy blockquote{border-left:4px solid var(--orange);margin:28px 0;padding:10px 0 10px 20px;font-style:italic;background:transparent}.note{border-left:4px solid var(--orange);background:#e9dec9;padding:15px 17px;color:#55554c;font-size:13px;margin:18px 0}.related{margin-top:70px;border-top:2px solid var(--ink);padding-top:26px}.comments{margin-top:45px;border-top:2px solid var(--ink);padding-top:25px}.comment-form{display:grid;gap:13px;max-width:630px}.comment-form textarea{width:100%}.comment-preview{margin:12px 0;padding:14px;border:1px solid var(--line);background:var(--paper-light)}.search-panel{max-width:820px;margin:0 auto}.search-field{width:100%;font-size:20px;padding:17px 18px;border:2px solid var(--navy);background:#fffdf7;min-height:62px}.search-quick{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 24px}.search-result{display:flex;gap:15px;align-items:start;padding:16px 4px;border-bottom:1px solid var(--line);text-decoration:none}.search-result:hover{background:rgba(255,255,255,.6)}.search-result h3{margin:0 0 4px;font-size:17px}.search-result p{margin:0;color:var(--muted);font-size:12px}.search-category{border:1px solid var(--line);color:var(--navy);padding:4px 7px;font-size:10px;font-weight:900;text-transform:uppercase;min-width:75px;text-align:center}.form-stack{display:grid;gap:15px;max-width:620px}.form-stack .input-control{width:100%}.form-stack .input-control input,.form-stack .input-control textarea{width:100%}.footer{border-top:5px solid var(--navy);background:var(--navy-deep);color:#f6eecf;padding:43px 0 28px}.footer-layout{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer .brand-words{font-size:29px}.footer .brand-badge{font-size:26px;padding:8px}.footer p{font-size:12px;color:#bdbeba;max-width:360px}.footer-nav{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.footer-nav a{text-decoration:none;font-weight:800;font-size:12px}.footer-nav a:hover{color:var(--yellow)}.footer-bottom{border-top:1px solid #50606c;margin-top:27px;padding-top:16px;font-size:10px;letter-spacing:.09em;color:#b6bbb9}.demo-ribbon{display:inline-flex;align-items:center;gap:7px;color:#6e6a5b;background:#e9dfca;border:1px solid #d6c7a9;padding:7px 10px;font-size:10px;font-weight:750;letter-spacing:.03em;margin-top:15px}.empty-state{padding:38px 20px;background:var(--paper-light);border:1px dashed var(--line);color:var(--muted);font-size:14px}.line-accent{height:5px;background:linear-gradient(90deg,var(--orange) 0 22%,var(--yellow) 22% 57%,var(--navy) 57% 100%);margin-top:42px}.branded-notice{background:var(--navy);color:#fff;padding:22px;margin:22px 0}.branded-notice h3{font-family:var(--font-head);margin:0 0 6px;font-size:23px;text-transform:uppercase}.branded-notice p{font-size:13px;line-height:1.55;margin:0}.category-header{padding:10px 0 20px;border-top:2px solid var(--ink);display:flex;justify-content:space-between;gap:12px}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:17px}.generator-page .generator-box{min-height:350px}.generator-page .generator-grid{margin-top:18px}.generator-page .filters-strip{background:#eee5d6}.hero-search-link{display:flex;align-items:center;gap:6px}.loading{display:grid;place-items:center;height:90vh;color:var(--navy)}.loading strong{font-family:var(--font-head);font-size:52px}.loading strong span{color:var(--orange)}.loading small{display:block}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.container{width:min(var(--max),calc(100% - 46px))}.nav-main{gap:0}.nav-main a,.nav-main summary{padding-inline:7px}.cover-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roundel{width:115px;height:115px}.brand-words{font-size:26px}.brand-badge{font-size:29px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.utilitybar{font-size:9px}.utility-inner span:last-child{display:none}.header-inner{min-height:64px;gap:10px;flex-wrap:wrap}.brand-words{font-size:25px}.brand-badge{font-size:25px;padding:8px}.brandline{font-size:8px}.nav-main{display:none;order:5;width:100%;margin:0;padding:10px 0 13px;border-top:1px solid var(--line)}.nav-main.mobile-open{display:flex;flex-direction:column;align-items:stretch;gap:2px}.nav-main>a,.nav-main summary{display:block;padding:11px 14px}.nav-main details{width:100%}.nav-dropdown{position:static;box-shadow:none;border:0;border-left:3px solid var(--orange);background:#eee5d5;margin:0 0 4px 8px;padding:2px}.nav-tools{margin-left:auto}.mobile-toggle{display:flex}.header-inner .icon-button{width:38px;height:38px}.page-pad{padding:28px 0 65px}.hero-intro{padding:29px 0 17px}.hero-layout{grid-template-columns:1fr}.roundel{display:none}.hero-title{font-size:clamp(44px,12vw,72px)}.hero-sub{font-size:14px;margin:10px 0 0}.section{padding-top:30px}.section-heading{align-items:start}.section-title{font-size:37px}.section-desc{font-size:12px}.generator-grid{grid-template-columns:1fr;gap:15px}.generator-inner{padding:22px}.generator-box .generator-heading{font-size:47px}.generator-output{margin:0 22px 22px}.article-grid{grid-template-columns:1fr}.article-card{display:grid;grid-template-columns:138px minmax(0,1fr);min-height:148px}.article-card .art{height:100%;aspect-ratio:auto}.article-text{padding:14px 13px}.article-card h3{font-size:21px}.article-card p{font-size:11px;-webkit-line-clamp:2}.home-footer-nav{grid-template-columns:1fr;gap:9px}.home-area{padding:14px 16px}.home-area svg{display:inline-block;vertical-align:middle;margin:0 10px 0 0;height:18px}.home-area strong{display:inline;font-size:22px}.home-area span{display:block;margin-left:30px}.page-head{padding:26px 0 17px}.page-head h1{font-size:55px}.magazine-grid{grid-template-columns:1fr}.magazine-grid .article-card .art{aspect-ratio:auto}.magazine-grid .article-card h3{font-size:21px}.highlight-grid{grid-template-columns:1fr;gap:12px}.highlight-grid .article-card{display:grid;grid-template-columns:125px minmax(0,1fr)}.highlight-grid .article-card .art{aspect-ratio:auto}.highlight-grid .article-card h3{font-size:20px}.highlight-grid .article-text{padding:8px 11px}.top-controls{align-items:stretch}.filters-strip{padding:13px}.filters-strip .input-control{flex:1 1 140px}.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.cover-card .cover-title{font-size:12px}.cover-card .cover-meta{font-size:11px}.mobile-filter-toggle{display:inline-flex}.archive-controls{display:none}.archive-controls.open{display:flex;padding:12px;gap:12px}.archive-controls .input-control{flex:1 1 45%;min-width:115px}.archive-controls .filters-genres{flex-basis:100%}.results-bar{margin-top:13px}.detail-grid{grid-template-columns:100px minmax(0,1fr);gap:13px}.cover-detail{padding:17px 14px;scroll-margin-top:75px}.detail-title{font-size:26px}.detail-meta{font-size:11px}.detail-body{font-size:12px}.cover-detail::before{font-size:58px;right:20px}.cover-detail.album-detail::before{font-size:50px}.plain-row{grid-template-columns:minmax(0,1fr) 53px 72px;padding:11px 7px;font-size:11px}.plain-head{font-size:10px}.plain-head button{font-size:10px}.compact-card-grid{grid-template-columns:1fr}.playlist-card{display:grid;grid-template-columns:145px minmax(0,1fr)}.playlist-card .art{height:100%;aspect-ratio:auto}.playlist-body{padding:16px}.playlist-body h3{font-size:22px}.playlist-body p{font-size:11px}.article-reading h1{font-size:46px}.reading-deck{font-size:18px}.article-cover{height:190px}.read-copy{font-size:17px}.footer-layout{flex-direction:column;gap:18px}.footer-nav{gap:13px}.generator-page .generator-box{min-height:0}}
@media(max-width:390px){.generator-result{grid-template-columns:80px minmax(0,1fr)}.result-heading{font-size:22px}.page-head h1{font-size:46px}.article-card{grid-template-columns:110px minmax(0,1fr)}.article-card h3{font-size:18px}.article-overline{font-size:9px}.playlist-card{grid-template-columns:120px minmax(0,1fr)}.detail-grid{grid-template-columns:80px minmax(0,1fr)}.detail-title{font-size:22px}.cover-detail{padding:14px 11px}.footer-nav{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.art-caption{position:absolute;left:10px;right:9px;bottom:27px;text-transform:uppercase;font-family:var(--font-head);font-size:clamp(14px,1.6vw,21px);line-height:1.04;color:#fff;text-shadow:1px 2px 2px rgba(0,0,0,.5);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;letter-spacing:.01em}.art.album-art .art-caption{font-size:clamp(12px,1.4vw,18px)}
@media(max-width:760px){.home-generator .generator-output.is-empty{display:none}.home-generator .generator-inner{padding:17px 20px}.home-generator .generator-heading{font-size:35px;margin:9px 0}.home-generator .generator-box p{margin-bottom:11px}.home-generator .eyebrow{font-size:9px}.home-generator .btn{min-height:40px}.art-caption{font-size:15px}.article-card .art-caption{display:none}}
/* Narrow-screen resilience for long German editorial headings. */
.page-head h1{overflow-wrap:anywhere;hyphens:auto}
#mainNav details:last-child .nav-dropdown{left:auto;right:0}
@media(max-width:1150px) and (min-width:761px){.roundel{transform:none}}
@media(max-width:760px){.section-heading{flex-wrap:wrap}.section-heading>.text-link{margin-left:auto}}






:root{--paper:#eee9db;--ink:#24251f;--soft:#d5cfbf;--red:#a84232;--muted:#746f64;--shade:#e5dfd0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.10;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".74" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".18"/%3E%3C/svg%3E')}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}.shell{width:min(1190px,calc(100% - 64px));margin:auto}.topline{height:5px;background:var(--ink)}.header{border-bottom:1px solid #bdb6a5}.head{height:99px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:18px}.wordmark{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:48px;letter-spacing:-1.5px;line-height:.95}.wordmark em{font-style:normal;color:var(--red)}.knob{width:49px;height:49px;position:relative;flex-shrink:0}.knob svg{width:100%;height:100%;overflow:visible}.knob .needle{transform-origin:25px 25px;animation:dial 5s ease-in-out infinite alternate}@keyframes dial{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.headernav{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.1px}.headernav a:first-child{border-bottom:2px solid var(--red);padding-bottom:6px}.search{font-size:21px}.subhead{display:flex;justify-content:space-between;align-items:center;height:34px;border-bottom:1px solid #bdb6a5;color:var(--muted);font:10px/1.2 'Courier New',monospace;letter-spacing:1.2px}.mast{display:flex;align-items:center;justify-content:space-between;padding:22px 0 13px}.mast h1{margin:0;font:800 13px/1.1 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.2px}.mast a{font:11px 'Courier New',monospace;color:var(--red)}.editorial{display:grid;grid-template-columns:1.65fr 1fr 245px;gap:22px}.story{min-width:0}.story .photo{position:relative;overflow:hidden;background:#302d28}.story .photo img{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.03)}.lead .photo{height:248px}.secondary .photo{height:175px}.photo:after{content:"";position:absolute;inset:0;border:1px solid #00000015;pointer-events:none}.kicker{font:700 10px/1.4 'Courier New',monospace;letter-spacing:.5px;color:var(--red);text-transform:uppercase}.story .kicker{display:block;margin-top:11px}.story h2{font-size:29px;letter-spacing:-.9px;line-height:1.08;margin:5px 0 0;font-weight:850}.secondary h2{font-size:22px;letter-spacing:-.6px}.story .smallmeta{margin-top:8px;font:10px 'Courier New',monospace;color:var(--muted)}.sidestories{border-top:3px solid var(--ink);display:flex;flex-direction:column}.sidestories .tinyhead{font:700 11px 'Courier New',monospace;padding:10px 0 7px;letter-spacing:.5px}.sidestory{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:11px 0;border-top:1px solid #c8c1b1;align-items:center}.sidestory img{width:72px;height:57px;object-fit:cover;filter:saturate(.78)}.sidestory strong{font-size:13px;line-height:1.2;display:block;margin-top:4px}.sidestory .kicker{font-size:9px}.barhead{display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--ink);padding-top:10px;margin-top:25px;margin-bottom:13px}.barhead h2{font-size:13px;letter-spacing:.7px;text-transform:uppercase;margin:0}.barhead .caption{font:10px 'Courier New',monospace;color:var(--muted)}.personal{display:grid;grid-template-columns:1fr 1fr;gap:25px}.tip{display:grid;grid-template-columns:83px 1fr;gap:15px;min-height:105px;align-items:center;border-bottom:1px solid #c7c0b0;padding-bottom:13px}.tip img{width:83px;height:93px;object-fit:cover;filter:saturate(.78)}.tip.song img{height:83px}.tip .flag{font:700 10px 'Courier New',monospace;color:var(--red);letter-spacing:.8px}.tip strong{display:block;font-size:20px;line-height:1.12;letter-spacing:-.5px;margin:6px 0}.tip small{font:11px 'Courier New',monospace;color:var(--muted)}.discoverhead{margin-top:19px;margin-bottom:10px;border-top:0;padding-top:0}.generators{display:grid;grid-template-columns:1fr 1fr;gap:25px}.generator{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #bdb6a5;border-bottom:2px solid var(--ink);padding:13px 0 15px;transition:background .2s}.generator:hover{background:#e4dbca}.generator .index{color:var(--red);font:11px 'Courier New',monospace}.generator strong{font-size:25px;letter-spacing:-.7px;display:block;margin:3px 0}.generator .desc{font:11px 'Courier New',monospace;color:var(--muted)}.generator .go{border:1px solid var(--ink);width:40px;height:40px;display:grid;place-items:center;font-size:22px}.below{margin-top:36px;border-top:1px solid #bdb6a5;padding:16px 0 40px;display:flex;justify-content:space-between;gap:20px}.below .links{display:flex;gap:28px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.below small{font:10px 'Courier New',monospace;color:var(--muted)}.mobilemenu{display:none}a:focus-visible{outline:2px solid var(--red);outline-offset:4px}@media(max-width:960px){.editorial{grid-template-columns:1.3fr 1fr}.sidestories{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sidestories .tinyhead{grid-column:1/-1}.sidestory{padding:8px 0}.lead .photo{height:230px}.secondary .photo{height:230px}}@media(max-width:640px){.shell{width:calc(100% - 34px)}.head{height:72px}.wordmark{font-size:33px}.brand{gap:9px}.knob{width:37px;height:37px}.headernav{gap:13px}.headernav a:not(.search){display:none}.mobilemenu{display:block;font-size:23px}.subhead{font-size:8px;height:29px}.subhead span:last-child{display:none}.mast{padding:19px 0 12px}.editorial{grid-template-columns:1fr;gap:18px}.lead .photo{height:205px}.secondary{display:grid;grid-template-columns:130px 1fr;gap:13px;align-items:start}.secondary .photo{height:115px}.secondary .kicker{margin-top:1px}.secondary h2{font-size:18px}.secondary .smallmeta{display:none}.lead h2{font-size:25px}.sidestories{display:none}.barhead{margin-top:21px}.personal{gap:10px}.tip{grid-template-columns:55px 1fr;gap:9px;min-height:78px}.tip img{width:55px;height:74px}.tip.song img{height:55px}.tip strong{font-size:14px}.tip small{font-size:9px}.tip .flag{font-size:9px}.generators{gap:10px}.generator{padding:12px 0}.generator strong{font-size:18px}.generator .go{width:29px;height:29px;font-size:16px}.generator .desc{font-size:9px}.generator .index{font-size:9px}.below{flex-direction:column;gap:13px}.below .links{flex-wrap:wrap;gap:16px}.barhead .caption{font-size:9px}}@media(prefers-reduced-motion:reduce){.knob .needle{animation:none}}

.brand{gap:0}.wordmark{font-family:"DejaVu Sans Condensed","Arial Narrow",sans-serif;font-weight:1000;font-style:italic;font-size:51px;letter-spacing:-3.8px;line-height:1;white-space:nowrap;transform:skew(-5deg);transform-origin:left center;text-transform:uppercase}.wordmark em{color:#a84232;font-weight:1000;letter-spacing:-5px;margin-left:4px}.wordmark::after{content:"";display:block;height:3px;width:100%;background:#24251f;transform:skew(-14deg);margin-top:3px}@media(max-width:640px){.wordmark{font-size:35px;letter-spacing:-2.7px}.wordmark em{letter-spacing:-3px;margin-left:3px}.wordmark::after{height:2px;margin-top:2px}}


/* UP TO 11 / v3  —  editorial visual system.
   The home page geometry, palette and wordmark come from the approved Typologo study.
   These rules only adapt the existing interactive archive, search and generators. */
:root {
  color-scheme:light;
  --paper:#eee9db;--paper-light:#eee9db;--white:#eee9db;
  --ink:#24251f;--muted:#746f64;--line:#c7c0b0;
  --navy:#24251f;--navy-deep:#24251f;
  --orange:#a84232;--yellow:#a84232;--green:#85836c;
  --red:#a84232;--shade:#e5dfd0;--soft:#d5cfbf;
  --shadow:none;--radius:0;--max:1190px;
  --font-head:'DejaVu Sans Condensed','Arial Narrow',Arial,sans-serif;
  --font-body:Arial,Helvetica,sans-serif;--font-serif:Georgia,serif;
}
html {scroll-behavior:smooth;scroll-padding-top:20px}
body {font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.48;min-width:320px;background:var(--paper);color:var(--ink);background-image:none}
button,input,select,textarea {font:inherit}
a{text-decoration:none;color:inherit}a:hover{text-decoration:none;color:var(--red)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}
::selection{background:#c18c79;color:#1c1d18}
.container,.shell{width:min(1190px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;left:12px;top:-100px;z-index:999;background:var(--ink);color:var(--paper);padding:9px 14px}.skip-link:focus{top:10px}
.route-body{min-height:65vh;outline:none}
.route-body:focus{outline:none}
/* Header reproduces the approved light prototype; interactive dropdowns replace inert labels. */
.header{background:var(--paper);position:relative;z-index:20;border-bottom:1px solid #bdb6a5}
.header.is-hidden{transform:none}
.head{height:99px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.brand{display:inline-flex;align-items:center;color:var(--ink)!important;text-decoration:none;flex-shrink:0}
.wordmark{display:inline-block;font-family:'DejaVu Sans Condensed','Arial Narrow',sans-serif;font-weight:1000;font-style:italic;font-size:51px;letter-spacing:-3.8px;line-height:1;white-space:nowrap;transform:skew(-5deg);text-transform:uppercase;color:var(--ink)}
.wordmark em{color:var(--red);font-weight:1000;letter-spacing:-5px;margin-left:4px;font-style:normal}
.wordmark:after{content:'';height:3px;width:100%;background:var(--ink);display:block;transform:skew(-14deg);margin-top:3px}
.headernav{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.1px}
.headernav a,.headernav summary{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);padding:6px 0;cursor:pointer;background:none;list-style:none;white-space:nowrap}
.headernav>a:first-child{border-bottom:0}
.headernav>a.current,.headernav>details>summary.current{border-bottom:2px solid var(--red);padding-bottom:6px}
.headernav a:hover,.headernav summary:hover,.headernav .current{color:var(--red)}
.headernav details{position:relative}
.headernav details summary::-webkit-details-marker{display:none}
.headernav details summary:after{content:'⌄';padding-left:5px;font-size:13px;font-weight:normal;color:var(--muted)}
.headerdrop{position:absolute;z-index:50;right:0;top:calc(100% + 9px);min-width:165px;background:#f4efe4;border:1px solid var(--ink);box-shadow:3px 3px 0 #b8b1a1;padding:7px 14px}
.headerdrop a,.headerdrop a:first-child{display:block;padding:10px 0;border:0;font-size:11px;white-space:nowrap}
.headerdrop a+a{border-top:1px solid #c9c2b3}
.search svg{display:block}
.mobilemenu{display:none;color:var(--ink);background:none;border:0;font-size:23px;width:38px;height:42px;line-height:1;cursor:pointer}
/* Homepage styles intentionally inherited from original study, with only utility additions. */
.frontpage .sidestory strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.frontpage .generator .go{background:transparent;color:var(--ink);cursor:pointer;font-weight:500;transition:background .15s,color .15s}
.frontpage .generator .go:hover{background:var(--ink);color:var(--paper)}
.frontpage .generator .index{text-decoration:none;display:inline-block}
.frontpage .gen-column{min-width:0}
.frontpage .home-picked{padding:12px 0 16px;border-bottom:2px solid var(--ink)}
.frontpage .home-picked .generator-result{grid-template-columns:58px minmax(0,1fr);gap:11px}
.frontpage .home-picked .cover-frame{max-width:58px}
.frontpage .home-picked .result-heading{font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.frontpage .home-picked .result-details{font-size:11px;color:var(--muted)}
.frontpage .home-picked .result-actions{margin-top:7px}
.frontpage .home-picked .art-caption{display:none}
.frontpage .home-picked .art-corner,.frontpage .home-picked .art-bottom{display:none}
.frontpage .tiny-disclaimer{font:9px 'Courier New',monospace;letter-spacing:.04em;margin-top:9px;color:#8a8477}
.frontpage .tip small{display:block}
.frontpage .mast{margin-top:0}
/* Footer kept visually subordinate, consistent with the light editorial homepage. */
.site-footer{border-top:0;padding-bottom:24px}
.site-footer .below{margin-top:25px;margin-bottom:0;padding-top:16px;padding-bottom:18px}
.site-footer .footlegal{display:flex;justify-content:space-between;gap:20px;font:10px/1.4 'Courier New',monospace;color:var(--muted);padding-top:14px;border-top:1px solid #c8c1b2;letter-spacing:.3px}
.site-footer .footlegal nav{display:flex;gap:17px;flex-wrap:wrap}
/* Shared editorial utility treatment for all functioning subpages. */
.page-pad{padding:20px 0 65px}
.page-head{border:0;border-bottom:1px solid #bdb6a5;padding:16px 0 17px;margin:0 0 21px}
.page-head .kicker{display:block;color:var(--red);font:700 10px/1.3 'Courier New',monospace;letter-spacing:.65px}
.page-head h1{font:900 clamp(29px,4.2vw,48px)/1.08 'DejaVu Sans Condensed',Arial,sans-serif;letter-spacing:-1.4px;text-transform:none;margin:8px 0 0;overflow-wrap:break-word;color:var(--ink)}
.demo-micro,.brief-note,.demo-ribbon,.note,.home-disclaimer{font:11px/1.5 'Courier New',monospace;color:var(--muted);letter-spacing:0}
.brief-note{margin:17px 0}
.demo-ribbon{padding:10px 0;border:0;border-top:1px solid #c7c0b0;background:transparent}
.note{padding:14px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--muted)}
.note strong{color:var(--ink)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 15px}
.section-title{font:800 18px/1.2 Arial,sans-serif;letter-spacing:-.1px;text-transform:none;margin:0}
.section-kicker,.mini-caps,.eyebrow,.article-overline,.search-category{font:700 10px/1.3 'Courier New',monospace;letter-spacing:.25px;color:var(--red);text-transform:uppercase}
.section-kicker{margin-bottom:4px}
.text-link{color:var(--red);font:700 11px/1.3 'Courier New',monospace;text-transform:none;border:0;text-decoration:none}
.text-link:hover{color:#702b23}
/* Magazine and article previews: borderless editorial rows and asymmetric feature area. */
.top-controls{padding:0;margin:8px 0 0;gap:20px}
.tabs{display:flex;gap:20px}
.tabs .tab{border:0;background:transparent;color:var(--muted);padding:8px 1px 9px;border-bottom:2px solid transparent;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.3px}
.tabs .tab:hover{color:var(--ink)}
.tabs .tab.is-selected{background:transparent;border-bottom-color:var(--red);color:var(--ink)}
.filters-strip{background:transparent;border:0;border-bottom:1px solid #c7c0b0;padding:11px 0 17px;margin:7px 0 19px;gap:12px;align-items:end}
.input-control{font:700 10px/1.25 'Courier New',monospace;color:var(--muted);gap:5px;letter-spacing:.35px;text-transform:uppercase}
.input-control select,.input-control input,.input-control textarea,.control-input{border-radius:0;border:1px solid #aaa391;background:#f6f1e7;box-shadow:none;color:var(--ink);font:13px/1.35 Arial,sans-serif;min-height:35px;padding:7px 11px}
.input-control select:focus,.input-control input:focus,.input-control textarea:focus{border-color:var(--red)}
.input-control textarea{min-height:120px}
.filter-chips{gap:6px}
.chip,.genre-option{border:1px solid #bdb5a4;border-radius:0;background:transparent;font-size:11px;padding:8px 10px;color:var(--ink)}
.chip.is-selected,.genre-option.is-selected{background:var(--ink);color:var(--paper)}
.reset-button{border:0;background:transparent;color:var(--red);font:700 11px 'Courier New',monospace;padding:8px 0;text-decoration:underline;cursor:pointer}
.highlight-header{border:0;border-top:2px solid var(--ink);padding:11px 0;margin:10px 0 13px;font-size:13px;text-transform:uppercase;letter-spacing:.3px}
.highlight-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin-bottom:30px}
.article-card,.magazine-grid .article-card,.highlight-grid .article-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;min-width:0;border:0;border-bottom:1px solid #c7c0b0;background:transparent;padding:12px 0;text-decoration:none;box-shadow:none;border-radius:0;transform:none!important;transition:none}
.article-card:hover{background:transparent;color:var(--red)}
.article-card .article-thumb{overflow:hidden;position:relative;align-self:start;background:#4b4338;height:80px}
.article-card .article-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.03)}
.article-text{padding:0;display:block;min-width:0}
.article-overline{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:6px;color:var(--red)}
.article-text h3,.article-card h3{font:800 17px/1.2 Arial,sans-serif;letter-spacing:-.4px;margin:0 0 8px;color:var(--ink)}
.article-card:hover h3{color:var(--red)}
.article-card .demo-micro{margin-top:0;font-size:10px}
.article-card .stars{font-size:11px}
.article-card p,.article-card .tag-archive{display:none}
.highlight-grid .article-card{display:flex;flex-direction:column;gap:0;padding:0 0 11px;min-height:0}
.highlight-grid .article-card .article-thumb{width:100%;height:156px;margin-bottom:10px}
.highlight-grid .article-text h3{font-size:19px;line-height:1.15}
.highlight-grid .article-card:first-child .article-thumb{height:188px}
.highlight-grid .article-card:first-child .article-text h3{font-size:23px}
.category-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0 9px;border-top:2px solid var(--ink);border-bottom:0;margin-top:17px}
.category-header strong,.results-bar strong{font-size:13px;text-transform:uppercase;letter-spacing:.25px}
.magazine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.magazine-grid .article-card{grid-template-columns:112px 1fr}
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:26px 0}
.pager button{padding:9px 12px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:transparent;font-weight:700}
.pager button.is-selected,.pager button[aria-current='page']{background:var(--ink);color:var(--paper)}
/* Dedicated random-film and random-song pages, no faux screen or dashboard card. */
.generator-page .generator-box{margin-top:17px;max-width:720px}
.generator-box,.generator-box.song{background:transparent;color:var(--ink);border:0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);box-shadow:none;position:relative;overflow:hidden}
.generator-box:before{display:none}
.generator-inner{padding:15px 0}
.generator-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:7px}
.generator-index{font:700 11px 'Courier New',monospace;color:var(--red);border:0;padding:0;background:transparent}
.generator-led{display:none}
.generator-action-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.generator-heading{font:800 27px/1.1 Arial,sans-serif;letter-spacing:-.7px;margin:0;color:var(--ink)}
.generator-sub{font:11px 'Courier New',monospace;color:var(--muted);margin-top:4px}
.generator-box p{color:var(--muted);font-size:12px}
.generator-filter-link{font:11px 'Courier New',monospace;color:var(--red);display:inline-block;margin-top:9px}
.generator-output{padding:14px 0 16px;background:transparent;color:var(--ink);border-top:1px solid var(--line);min-height:0}
.generator-result{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start}
.result-heading{font:800 23px/1.15 Arial,sans-serif;letter-spacing:-.55px;color:var(--ink);margin:5px 0}
.result-details{font:11px/1.4 'Courier New',monospace;color:var(--muted)}
.result-rating{margin-top:9px}
.result-actions{margin-top:13px}
.btn{border:1px solid var(--ink);border-radius:0;display:inline-flex;align-items:center;gap:8px;justify-content:center;background:transparent;color:var(--ink);padding:9px 14px;min-height:37px;font:700 11px/1.3 'Courier New',monospace;text-transform:uppercase;letter-spacing:.3px;box-shadow:none;transform:none!important;transition:background .15s,color .15s}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn-primary:hover{background:var(--red);border-color:var(--red);color:#fff}
.btn-dark,.btn-outline{background:transparent;color:var(--ink)}
.btn-dark:hover,.btn-outline:hover{background:var(--ink);color:var(--paper)}
.btn-small{padding:7px 10px;font-size:10px;min-height:30px}
.btn-link{border:0;min-height:0;padding:0;color:var(--red);background:none}
.player-placeholder{margin-top:14px;padding:12px 0;border:0;border-top:1px solid var(--line);background:transparent;font-size:12px;color:var(--muted)}
.player-placeholder strong{color:var(--ink)}
.player-placeholder p{display:block!important;color:var(--muted)}
.embed-frame{border:0;max-width:100%;margin:10px 0}
/* Incomplete demo artwork becomes a subtle printed cover rather than glowing gradients. */
.art{position:relative;overflow:hidden;isolation:isolate;background:var(--ink)!important;border:0;color:#efe6d2;display:flex;align-items:center;justify-content:center;text-align:center}
.art:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(100deg,transparent 0 11px,#ffffff08 12px 13px,transparent 14px 23px);opacity:.55}
.art-glyph{position:absolute;z-index:0;opacity:.12;font-family:'DejaVu Sans Condensed',sans-serif;font-size:clamp(40px,7vw,100px);font-weight:900;line-height:1}
.art-corner{position:absolute;top:10px;left:9px;right:9px;font:700 9px 'Courier New',monospace;letter-spacing:.3px;text-align:left;color:#e4ddc8b8}
.art-caption{position:absolute;left:10px;right:10px;bottom:20px;font:800 clamp(11px,1.4vw,17px)/1.12 Arial,sans-serif;text-align:left;text-shadow:none;text-transform:none;letter-spacing:-.2px;color:#f0e9db}
.art-bottom{position:absolute;left:10px;bottom:8px;color:#ddd4c1a0;font:8px 'Courier New',monospace}
.art.album-art{background:#544637!important}
.art.film-art{background:#333b3b!important}
.cover-frame{background:var(--ink)}
.cover-frame .art{height:100%}
/* Film & album archive retain all functional controls but become a straightforward catalogue. */
.archive-controls{background:transparent;border:0;border-top:1px solid var(--line);padding:14px 0;margin:0}
.archive-controls .input-control{margin:0}
.archive-controls .filters-genres{border-color:var(--line)}
.results-bar{margin:12px 0 18px;padding:12px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);background:transparent;display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap}
.switch-view{display:flex;gap:3px;align-items:center}
.switch-view button{border-radius:0;border:1px solid var(--line);background:transparent;font-size:11px;padding:8px 10px;color:var(--ink)}
.switch-view button.is-selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cover-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:21px 15px;align-items:start}
.cover-card{border:0;background:transparent;padding:0;text-align:left;border-radius:0;min-width:0}
.cover-card:hover{transform:none}
.cover-card .cover-frame{border:0;box-shadow:none}
.cover-title{font:700 13px/1.25 Arial,sans-serif;margin-top:6px;overflow-wrap:anywhere}
.cover-meta{font:10px/1.4 'Courier New',monospace;color:var(--muted);margin-top:4px}
.cover-detail,.detail-card{background:transparent;border:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);box-shadow:none;padding:12px 0 20px}
.detail-grid{gap:20px}
.detail-title{font:800 25px/1.15 Arial,sans-serif;letter-spacing:-.55px}
.detail-meta{font:11px 'Courier New',monospace;color:var(--muted)}
.detail-body{font-size:13px;color:var(--ink)}
.detail-close{border:1px solid var(--line);border-radius:0;background:transparent}
.plain-list{border-top:1px solid var(--ink)}
.plain-row{border-bottom:1px solid var(--line);background:transparent}
.plain-row:hover{background:#e6e0d2}
.plain-row button{background:transparent;color:var(--ink);font-weight:700}
.plain-head{background:transparent;border-bottom:2px solid var(--ink)}
.plain-head button{color:var(--muted);font:700 10px 'Courier New',monospace}
.plain-detail{border:0;background:transparent}
/* Playlists: editorial list with cover on the left, no promo-card layout. */
.compact-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.playlist-card{display:grid;grid-template-columns:142px minmax(0,1fr);gap:17px;align-items:start;padding:15px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;min-width:0}
.playlist-card>.art{height:142px;min-height:0}
.playlist-body{padding:0;min-width:0}
.playlist-body h3{font:800 22px/1.1 Arial,sans-serif;letter-spacing:-.4px;margin:6px 0}
.playlist-body p{font-size:13px;line-height:1.4;margin:0 0 9px;color:var(--ink)}
.playlist-card .player-placeholder{font-size:10px;padding:9px 0 0}
/* Reading view: real articles are not invented, and typography is comfortable. */
.article-reading{max-width:790px;margin:0 auto}
.article-reading>h1{font:800 clamp(29px,4vw,47px)/1.1 'DejaVu Sans Condensed',Arial,sans-serif;letter-spacing:-1px;margin:12px 0}
.article-meta{font:11px/1.5 'Courier New',monospace;color:var(--muted);letter-spacing:.15px}
.reading-deck{font:17px/1.5 Georgia,serif;color:#565247;max-width:680px}
.article-cover{margin-top:22px}
.article-cover>.art{max-height:250px;min-height:180px}
.read-copy{font:16px/1.7 Georgia,serif;color:var(--ink)}
.read-copy p{margin:17px 0}
.read-copy blockquote{border-left:3px solid var(--red);padding-left:17px;margin:22px 0;color:#5a554b;font-style:italic}
.read-copy .note{font:12px/1.5 Arial,sans-serif;color:var(--muted)}
.article-reading .related,.article-reading .comments{margin-top:44px;border-top:2px solid var(--ink);padding-top:15px}
.article-reading .related .article-grid{display:grid;grid-template-columns:1fr;gap:0}
.article-reading .related .article-card{max-width:100%}
.comment-form{display:flex;flex-direction:column;gap:16px}
.comment-preview{background:transparent;border:1px solid var(--line);padding:12px}
/* Search and simple pages. */
.search-panel{max-width:100%;margin:0}
.search-panel .page-head{margin-bottom:10px}
.search-field{width:100%;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;box-shadow:none;min-height:52px;padding:12px 0;font:22px Arial,sans-serif;color:var(--ink)}
.search-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.branded-notice{padding:20px 0;background:transparent;border:0;border-top:1px solid var(--line);margin-top:20px}
.branded-notice h3{font-size:17px;margin:0 0 4px}.branded-notice p{font-size:13px;margin:0;color:var(--muted)}
.search-result{display:grid;grid-template-columns:93px 1fr;gap:17px;align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);padding:12px 0;text-decoration:none}
.search-result h3{font-size:16px;margin:0 0 3px;line-height:1.2}
.search-result p{font:11px 'Courier New',monospace;color:var(--muted);margin:0}
.form-stack{display:grid;gap:15px;max-width:570px}
.empty-state{padding:24px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted)}
/* Responsive treatment preserves content hierarchy rather than generating a different UI. */
@media(max-width:1100px){
 .editorial{grid-template-columns:1.45fr 1fr 235px;gap:17px}
 .headernav{gap:22px}
 .lead .photo{height:238px}
 .secondary .photo{height:167px}
}
@media(max-width:960px){
 .editorial{grid-template-columns:1.3fr 1fr;gap:17px}
 .sidestories{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}
 .sidestories .tinyhead{grid-column:1/-1}
 .sidestory{grid-template-columns:60px 1fr}
 .sidestory img{width:60px;height:50px}
 .lead .photo{height:230px}.secondary .photo{height:230px}
 .headernav{gap:13px;font-size:11px}
 .cover-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .compact-card-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
 .container,.shell{width:calc(100% - 34px)}
 .head{height:72px}
 .wordmark{font-size:35px;letter-spacing:-2.7px}
 .wordmark em{letter-spacing:-3px;margin-left:3px}
 .wordmark:after{height:2px;margin-top:2px}
 .mobilemenu{display:block;margin-left:auto;position:relative;z-index:55}
 .headernav{display:none;position:absolute;top:100%;left:0;right:0;z-index:48;flex-direction:column;align-items:stretch;gap:0;background:#eee9db;border-top:1px solid #bdb6a5;border-bottom:2px solid var(--ink);padding:11px 17px 14px;font-size:13px}
 .headernav.mobile-open{display:flex}
 .headernav>a,.headernav>details>summary{display:flex;width:100%;justify-content:space-between;min-height:42px;padding:11px 0;border-bottom:1px solid #c9c2b3!important;color:var(--ink)}
 .headernav>a:first-child{border-bottom:1px solid #c9c2b3}
 .headernav details{width:100%}
 .headerdrop{position:static;box-shadow:none;border:0;border-bottom:1px solid var(--line);padding:2px 0 4px 15px;background:transparent}
 .headerdrop a{min-height:39px;display:flex;align-items:center}
 .headernav>a.search{justify-content:flex-start;border-bottom:0}
 .subhead{height:29px;font-size:8px}
 .subhead span:last-child{display:none}
 .editorial{grid-template-columns:1fr;gap:18px}
 .lead .photo{height:205px}
 .secondary{display:grid;grid-template-columns:130px 1fr;gap:13px;align-items:start}
 .secondary .photo{height:115px}
 .secondary .kicker{margin-top:1px}
 .secondary h2{font-size:18px}
 .secondary .smallmeta{display:none}
 .lead h2{font-size:25px}
 .sidestories{display:none}
 .barhead{margin-top:21px}
 .personal{gap:10px}
 .tip{grid-template-columns:55px 1fr;gap:9px;min-height:78px}
 .tip img{width:55px;height:74px}
 .tip.song img{height:55px}
 .tip strong{font-size:14px}
 .tip small{font-size:9px}
 .tip .flag{font-size:9px}
 .generators{gap:10px}
 .generator{padding:12px 0}
 .generator strong{font-size:18px}
 .generator .go{width:32px;height:32px;font-size:16px}
 .generator .desc{font-size:9px}
 .generator .index{font-size:9px}
 .site-footer .below{flex-direction:column;gap:13px;margin-top:28px}
 .site-footer .below .links{flex-wrap:wrap;gap:16px}
 .site-footer .footlegal{flex-direction:column;gap:9px}
 .page-pad{padding:16px 0 55px}
 .page-head{padding:11px 0 13px}
 .page-head h1{font-size:35px}
 .highlight-grid{grid-template-columns:1fr 1fr;gap:12px}
 .highlight-grid .article-card:first-child{grid-column:1/-1}
 .highlight-grid .article-card:first-child .article-thumb{height:200px}
 .highlight-grid .article-card .article-thumb{height:120px}
 .magazine-grid{grid-template-columns:1fr}
 .article-card,.magazine-grid .article-card{grid-template-columns:102px minmax(0,1fr)}
 .article-card .article-thumb{height:78px}
 .article-text h3,.article-card h3{font-size:15px}
 .category-header{align-items:start}
 .cover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}
 .cover-title{font-size:11px}
 .playlist-card{grid-template-columns:113px minmax(0,1fr);gap:13px}
 .playlist-card>.art{height:113px}
 .playlist-body h3{font-size:18px}
 .results-bar{align-items:start}
 .generator-page .generator-box{max-width:none}
 .generator-heading{font-size:23px}
 .generator-box .generator-action-row .btn{padding:8px 10px}
 .article-reading>h1{font-size:33px}
 .search-result{grid-template-columns:70px minmax(0,1fr)}
}
@media(max-width:380px){
 .generators{gap:9px}
 .generator strong{font-size:16px}
 .generator .go{width:28px;height:30px}
 .tip strong{font-size:13px}
 .cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .highlight-grid .article-card .article-thumb{height:104px}
 .filter-strip,.filters-strip{gap:10px}
 .page-head h1{font-size:32px}
 .generator-result{grid-template-columns:70px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Final detail refinements / mobile navigation and editorial hierarchy */
.article-card .article-text h3,.magazine-grid .article-card h3,.highlight-grid .article-card h3{ text-transform:none;letter-spacing:-.3px; }
.secondary .story-text{min-width:0}
@media(max-width:700px){
 .headernav.mobile-open>a:not(.search),.headernav.mobile-open>details>summary{display:flex!important}
 .headernav.mobile-open>details{display:block!important}
 .headernav.mobile-open .headerdrop a{display:flex!important}
 .headernav.mobile-open>a.search{display:flex!important}
 .secondary .story-text{align-self:start;min-width:0}
 .secondary .story-text .kicker{margin-top:2px}
 .secondary .story-text h2{margin-top:5px;font-size:18px;line-height:1.15}
}
/* Non-decorative inner pages: remove legacy sizing and improve editorial legibility. */
.generator-page .generator-box{min-height:0;max-width:720px}
.playlist-card>.art{width:100%;min-width:0;height:142px;aspect-ratio:1/1}
.playlist-body h3,.playlist-card h3{text-transform:none;line-height:1.18}
.article-reading>h1{text-transform:none!important;letter-spacing:-1px}
.article-cover{margin:20px 0 0}
.article-cover .article-illustration{width:100%;max-height:250px;display:block;object-fit:cover;filter:saturate(.78)}
.article-cover figcaption{font:10px 'Courier New',monospace;color:var(--muted);padding:5px 0 0}
.art{background:color-mix(in srgb,var(--a,#373b37) 38%,#343831 62%)!important}
.art.album-art{background:color-mix(in srgb,var(--a,#6b5248) 44%,#50463b 56%)!important}
.art.film-art{background:color-mix(in srgb,var(--a,#465358) 50%,#293235 50%)!important}
.art-glyph{font-style:italic;transform:rotate(-9deg);opacity:.13}
@media(max-width:700px){.playlist-card>.art{height:113px}}
/* Accessible pointer area without increasing the visual size of mobile arrows. */
@media(max-width:700px){
 .frontpage .generator .go{width:42px;height:42px;flex-shrink:0;line-height:1}
}
/* Editorial import: own Letterboxd reviews remain separate from publication archive. */
.own-reviews{max-width:800px;display:grid;gap:0}
.review-entry{padding:20px 0;border-bottom:1px solid var(--line, #c7c0b2)}
.review-entry h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(23px,3vw,30px);line-height:1.05;margin:8px 0}
.review-entry p{white-space:pre-wrap;line-height:1.55;overflow-wrap:anywhere;max-width:72ch;margin:10px 0}
.review-entry .article-meta{font-size:12px}

/* Imported original editorial content */
.imported-article-body{font-family:Barlow,Arial,sans-serif;font-size:17px;line-height:1.72;color:var(--ink,#292923);overflow-wrap:anywhere}
.imported-article-body p{margin:0 0 1.2em}.imported-article-body h2,.imported-article-body h3{font-family:"Barlow Condensed",Barlow,sans-serif;margin:1.6em 0 .5em;line-height:1.15}
.imported-article-body img{display:block;max-width:100%;height:auto;margin:18px auto}.imported-article-body figure{margin:1.6em 0}.imported-article-body figcaption{font-size:12px;color:#777}
.imported-article-body a{color:#a44b3c;text-decoration:underline}.imported-article-body blockquote{border-left:3px solid #a44b3c;margin:1.5em 0;padding-left:1.2em}.imported-article-body table{max-width:100%;display:block;overflow-x:auto}.imported-article-body div{max-width:100%}

/* V7: typography and media treatment for genuine archive articles */
.fulltext-filter{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.3 Barlow,Arial,sans-serif;color:#33342e;white-space:nowrap;align-self:center;cursor:pointer;padding:8px 0}
.fulltext-filter input{width:17px;height:17px;accent-color:#a44b3c;cursor:pointer}
.imported-article-body{max-width:72ch;margin:28px auto 0;font-size:18px;line-height:1.75;letter-spacing:0}
.imported-article-body p{margin:0 0 1.25em}
.imported-article-body p.original-subtitle{font-size:19px;line-height:1.5;color:#5c594f;border-bottom:1px solid #c5bbaa;padding-bottom:16px;margin-bottom:22px}
.imported-article-body h2{font-size:29px}.imported-article-body h3{font-size:23px}
.imported-article-body img{max-height:680px;object-fit:contain;margin:20px auto}
.imported-article-body iframe{max-width:100%;border:0}
.imported-article-body blockquote{font-style:italic;color:#585449}
.imported-article-body ul,.imported-article-body ol{padding-left:1.5em;margin:0 0 1.3em}
.imported-article-body li{margin-bottom:.4em}
.imported-article-body .separator{max-width:100%}
.imported-article-body figure img{margin-bottom:8px}
@media(max-width:640px){.imported-article-body{font-size:16.5px;line-height:1.7;margin-top:20px}.imported-article-body h2{font-size:24px}.imported-article-body img{max-height:520px}.fulltext-filter{font-size:12px}}

/* V12: neutral, truthful fallbacks where original publisher artwork is unavailable. */
.article-typographic-fallback{width:100%;height:100%;background:#e4dece;border:1px solid #b5aa97;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:9px;color:#37362e;text-align:left;overflow:hidden}
.article-typographic-fallback span{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:13px;letter-spacing:.07em;color:#a44b3c}
.article-typographic-fallback strong{font-family:"Barlow Condensed",sans-serif;font-size:clamp(12px,1.45vw,18px);font-weight:700;letter-spacing:.01em;line-height:1.1;overflow-wrap:anywhere}
.article-typographic-fallback small{font-family:"Barlow",sans-serif;font-size:8px;letter-spacing:.15em;opacity:.68}
.article-reading .missing-media-note,.article-reading .missing-original-image{font-size:13px;line-height:1.5;color:#635c50;border-left:2px solid #a44b3c;padding:9px 12px;background:#ede5d6;margin:24px 0}
.article-reading .missing-media-note a{color:#a44b3c;text-decoration:underline}
.imported-article-body .article-standfirst{font-size:1.1em;font-weight:600;line-height:1.42;margin-bottom:22px}

/* V13: redaktioneller Medienersatz, ohne Dashboard-Karten */
.article-media-fallback{border-top:1px solid #b5aa97;border-bottom:1px solid #b5aa97;margin:22px 0;padding:16px 0;max-width:680px}
.media-fallback-heading{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.08em;color:#a44b3c;display:flex;justify-content:space-between;gap:12px}
.media-fallback-heading span,.media-fallback-privacy{font:11px 'Barlow',sans-serif;color:#716e64}
.media-fallback-cover{display:block;max-width:280px;max-height:220px;object-fit:contain;margin:12px 0}
.media-fallback-load{border:1px solid #282923;background:transparent;color:#282923;padding:12px 16px;margin:12px 0 5px;font:700 15px 'Barlow Condensed',sans-serif;cursor:pointer;text-align:left}
.media-fallback-load:hover,.media-fallback-load:focus-visible{background:#282923;color:#eae3d5}
.article-media-embed{display:block;width:min(100%,640px);height:352px;border:0;margin:12px 0}
@media(max-width:600px){.article-media-embed{height:225px}.media-fallback-heading{font-size:12px}}

/* V19 discovery: editorial list, same warm paper palette; no dashboard cards. */
.discover-hub{max-width:1120px}.discover-intro{font-size:14px;color:#777267;margin:8px 0 22px}.discover-index{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;border-top:2px solid #282923}.discover-choice{min-width:0;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:baseline;padding:18px 2px 21px;border-bottom:1px solid #b6ada0;text-decoration:none;color:#282923}.discover-choice .kicker{grid-column:1/-1;color:#A44B3C;font-size:10px}.discover-choice strong{font-family:var(--font-head,Barlow Condensed,sans-serif);font-size:clamp(25px,3vw,37px);line-height:1;letter-spacing:-.01em}.discover-choice>span:nth-of-type(2){font-size:12px;color:#777267}.discover-choice b{grid-column:2;grid-row:2/4;font-size:23px;font-weight:400}.discover-choice:hover strong{text-decoration:underline;text-decoration-color:#A44B3C}.generator-utility{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;margin-top:14px;border-top:1px solid #b6ada0;color:#777267;font-size:11px}.generator-utility button{white-space:normal}.generator-embed{margin:14px 0 0;padding:12px 0;border-top:1px solid #b6ada0}.generator-embed p{font-size:11px;color:#777267;margin:0 0 8px}.generator-embed iframe{width:100%;border:0;min-height:158px;display:block;background:#252525}.generator-no-media{font-size:11px;color:#777267;margin:12px 0 0}.generator-result-main .result-actions{flex-wrap:wrap;gap:10px}.generator-result-main .result-actions .text-link{white-space:normal}@media(max-width:760px){.discover-index{grid-template-columns:1fr}.generator-utility{align-items:flex-start;flex-direction:column}.generator-embed iframe{min-height:152px}}

/* V28: homepage discovery + image-forward editorial cards, preserving approved palette. */
.home-generator-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:11px 0 15px;border-bottom:1px solid var(--line)}
.home-generator-filters .input-control{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:4px;font:700 9px/1.3 'Courier New',monospace;color:var(--muted);text-transform:uppercase}
.home-generator-filters select{display:block;width:100%;min-width:0;border:1px solid #b5ac99;background:#f8f3e7;border-radius:0;padding:7px 25px 7px 8px;height:36px;min-height:36px;color:var(--ink);font:11px Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}
.generator-notice{margin:8px 0 14px;font:11px/1.4 'Courier New',monospace;color:var(--muted)}
/* Tips are buttons, not links that whisk the reader away before details open. */
.tip-wrapper{min-width:0}
.tip-wrapper>.tip{appearance:none;display:grid;grid-template-columns:82px minmax(0,1fr);gap:15px;align-items:center;min-height:108px;width:100%;padding:0 0 13px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:transparent;text-align:left;cursor:pointer}
.tip-wrapper>.tip:hover,.tip-wrapper>.tip[aria-expanded="true"]{color:var(--red)}
.tip-wrapper .tip-poster{display:block;height:102px;width:82px;overflow:hidden;background:#343b3a}
.tip-wrapper .tip.song .tip-poster{height:82px;width:82px}
.tip-wrapper .tip-poster>.art{width:100%;height:100%;min-height:0}
.tip-wrapper .tip-poster .art-corner,.tip-wrapper .tip-poster .art-bottom{display:none}
.tip-wrapper .tip-poster .art-caption{font-size:12px;left:8px;right:7px;bottom:11px}
.tip-wrapper .tip-info{display:block;min-width:0}
.tip-wrapper .tip-info strong{overflow-wrap:anywhere}
.tip-detail{padding:13px 0 15px;border-bottom:2px solid var(--ink);background:transparent;line-height:1.55}
.tip-detail .mini-caps{color:var(--red);margin-bottom:6px}
.tip-detail p{font:12px/1.55 Arial,sans-serif;margin:0 0 12px;color:var(--ink)}
.tip-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.tip-detail .generator-embed iframe{min-height:180px}
/* Set proportional thumbnail crops for both existing archive images and original art. */
.article-card .article-thumb{height:auto;aspect-ratio:16/10;background:#303d40}
.article-card .article-thumb img{object-fit:cover;object-position:center center;aspect-ratio:16/10;filter:saturate(.9) contrast(1.03);height:100%}
.article-card:hover .article-thumb img{filter:saturate(1) contrast(1.06)}
.highlight-grid .article-card .article-thumb{height:auto;aspect-ratio:16/9}
.highlight-grid .article-card:first-child .article-thumb{height:auto;aspect-ratio:16/9}
.story .photo img{object-position:center;filter:saturate(.9) contrast(1.02)}
.article-cover .article-illustration{width:100%;max-height:450px;aspect-ratio:16/9;object-fit:cover;object-position:center;filter:none}
/* Distinguishable analogue sleeves when official poster/cover art has not been approved. */
.art:before{background:radial-gradient(circle at 68% 35%,transparent 0 14%,rgba(244,220,186,.14) 14.2% 14.9%,transparent 15.2% 26%,rgba(244,220,186,.12) 26.4% 27%,transparent 27.2%),repeating-linear-gradient(117deg,#ffffff09 0 1px,transparent 2px 25px);opacity:.9}
.art.film-art:before{background:repeating-linear-gradient(90deg,transparent 0 20px,#ebe3d510 21px 23px,transparent 24px 31px),linear-gradient(143deg,transparent 40%,var(--b,#c59169) 42% 44%,transparent 46%);opacity:.8}
.art-corner{letter-spacing:1px;font-size:8px;color:#e8e0d0dd}
.art-glyph{transform:rotate(-16deg);font-size:clamp(55px,8vw,140px);opacity:.19}
.art-caption{font-size:clamp(10px,1.5vw,17px);bottom:19px;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.art-bottom{font-size:7px;letter-spacing:.3px;color:#dcd4c8a3}
@media(max-width:760px){
 .tip-wrapper>.tip{grid-template-columns:62px minmax(0,1fr);gap:9px;min-height:85px}
 .tip-wrapper .tip-poster,.tip-wrapper .tip.song .tip-poster{width:62px;height:72px}
 .tip-wrapper .tip-poster .art-caption{font-size:10px}
 .tip-detail .generator-embed iframe{min-height:152px}
 .article-cover .article-illustration{max-height:250px}
}
@media(max-width:520px){
 .home-generator-filters{grid-template-columns:minmax(0,1fr);gap:8px}
 .home-generator-filters select{height:37px;min-height:37px}
 .tip-wrapper .tip-info strong{font-size:13px}
 .tip-detail{font-size:11px}
 .highlight-grid .article-card .article-thumb,.article-card .article-thumb{aspect-ratio:16/10}
}
.tip-wrapper .tip-poster>img{display:block;width:100%;height:100%;object-fit:contain;background:#1a1a1a}
@media(max-width:760px){.tip-wrapper .tip.song .tip-poster{height:62px;width:62px}}
/* Editorial cover now uses the source image's own cinematic teal palette. */
.lead .photo{background:#0c2020}
/* V30 / editor-friendly film facts and direct streaming action, matching existing magazine visual language. */
.film-cover-tile{display:flex;flex-direction:column;min-width:0;gap:7px;align-self:stretch}
.film-cover-tile>.cover-card{display:block;width:100%;cursor:pointer;flex:0 0 auto}
.tile-stream-button{display:inline-flex;align-items:center;justify-content:center;align-self:start;gap:4px;padding:6px 8px;border:1px solid #aaa391;background:transparent;color:var(--ink);font:700 10px/1.25 'Courier New',monospace;text-decoration:none;margin-top:auto;min-height:30px}
.tile-stream-button:hover{background:var(--ink);color:var(--paper)}
.tile-stream-button small{font:400 9px/1 'Courier New',monospace;white-space:nowrap;color:inherit;opacity:.7}
.film-synopsis{font:14px/1.62 Arial,sans-serif;color:var(--ink);max-width:680px;margin:12px 0 18px}
.film-unknown{font:11px/1.5 'Courier New',monospace;color:var(--muted);margin:12px 0 17px}
.film-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 21px;margin:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.film-facts>div{min-width:0}
.film-facts dt{color:var(--muted);font:700 10px/1.45 'Courier New',monospace;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}
.film-facts dd{margin:0;font:600 13px/1.45 Arial,sans-serif;overflow-wrap:anywhere}
.film-facts>div:has(dt:first-child):last-child{grid-column:auto}
.film-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 15px}
.film-action-row a,.film-action-row button{white-space:normal;text-align:center}
.film-action-row .stream-link{background:var(--ink);color:var(--paper)}
.film-action-row .stream-link:hover{background:var(--red)}
.media-fallback-link{display:inline-block;margin-top:9px;font:700 11px/1.5 'Courier New',monospace;text-decoration:underline;color:var(--red)}
.metadata-source{margin-top:15px;color:var(--muted);font:10px/1.3 'Courier New',monospace}
.metadata-source a{text-decoration:underline}
@media(max-width:700px){.film-facts{grid-template-columns:minmax(0,1fr);gap:10px}.film-action-row{align-items:stretch}.film-cover-tile{gap:5px}.tile-stream-button{font-size:9px;padding:6px 4px}}

/* V30 list mode streaming shortcut */
.plain-stream-button{font:700 10px/1.2 'Courier New',monospace;display:inline-block;margin-left:9px;color:var(--red);text-decoration:underline;white-space:nowrap}
.plain-stream-button small{font-size:9px;opacity:.75}
@media(max-width:520px){.plain-stream-button{display:block;margin:4px 0 0;font-size:9px}}
@media(max-width:520px){
 .plain-row{grid-template-columns:minmax(0,1fr) 62px minmax(0,91px);gap:5px;padding:11px 0}
 .plain-row>span{min-width:0;overflow-wrap:anywhere;font-size:10px}
 .plain-stream-button{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:9px;line-height:1.25}
 .plain-stream-button small{display:block;white-space:normal;font-size:9px;margin-top:2px}
}
/* V30 contrast corrections for the paper-coloured expanded film panels */
.cover-detail .detail-title,.cover-detail .detail-close{color:var(--ink)}
.cover-detail .detail-refs a{color:var(--red);background:transparent;border-color:var(--line)}
.cover-detail .detail-refs a:hover{color:#702b23}
.cover-detail .metadata-source a{color:var(--muted)}
/* V30 remote theatrical artwork: retain readable analog sleeve if offline/blocked */
.cover-frame:has(.archive-source-cover){position:relative;isolation:isolate;overflow:hidden}
.cover-frame:has(.archive-source-cover)>.art{position:absolute;inset:0;width:100%;height:100%}
.cover-frame>.archive-source-cover{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:contain;background:#1b1b1b}
.cover-frame>.archive-source-cover.source-cover-failed{display:none}
.third-party-attribution{margin:7px 0 0;font:10px/1.4 'Courier New',monospace;color:var(--muted);max-width:930px}
.third-party-attribution a{color:var(--red);text-decoration:underline}

/* Album details use a fixed paper palette, independent of cover accents. */
.cover-detail.album-detail{background:#f3ecdf;color:#292c2a;border:1px solid #bdb3a0;border-top:3px solid #8c3527;padding:24px;box-shadow:3px 3px 0 #d8cebc}
.album-detail .detail-grid>div{min-width:0}
.album-detail .detail-title{color:#292c2a;padding-right:32px}
.album-detail .detail-meta,.album-detail .detail-ref-label{color:#57594f}
.album-detail .detail-body,.album-detail .detail-body strong{color:#292c2a}
.album-detail .detail-eyebrow{color:#8c3527}
.album-detail .detail-close{color:#292c2a;border-color:#706b60;background:#f3ecdf}
.album-detail .detail-body a,.album-detail .player-placeholder a{color:#8c3527;text-decoration:underline;text-underline-offset:3px}
.album-detail .player-placeholder.dark{background:#e8dfce;border-color:#bdb3a0;color:#343a35}
.album-detail .detail-refs{align-items:center}
.album-detail .detail-refs a{color:#8c3527;border-color:#a9977c;background:#fbf7ee;white-space:normal;overflow-wrap:anywhere}
.album-detail .detail-refs a:hover{background:#e8dfce;color:#6b251c}
.album-detail .btn-dark{background:#253f43;color:#fff}
.album-detail .btn-dark:hover{background:#172f32;color:#fff}
.album-detail .stars,.album-detail .stars span{color:#76500e}
@media(max-width:700px){.cover-detail.album-detail{padding:18px 14px}.album-detail .detail-grid{grid-template-columns:80px minmax(0,1fr);gap:14px}.album-detail .detail-body{font-size:14px}.album-detail .btn,.album-detail .detail-refs a{max-width:100%;white-space:normal;overflow-wrap:anywhere}.album-detail .detail-close{width:36px;height:36px}}

/* UP TO 11 – approved simple analog dial; intentionally not pixel art */
.brand{display:inline-flex;align-items:center;gap:10px}
.brand .amp-knob{width:49px;height:49px;flex:0 0 49px;display:inline-flex;align-items:center;justify-content:center}
.brand .amp-knob svg{width:100%;height:100%;display:block;overflow:visible}
.amp-ticks{fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round}
.amp-ring{fill:none;stroke:var(--ink);stroke-width:2.2}
.amp-hub{fill:var(--red)}
.amp-pointer{stroke:var(--red);stroke-width:3.4;stroke-linecap:round;transform-origin:46px 42px;animation:amp-waver 6.8s ease-in-out infinite alternate}
.amp-zero,.amp-eleven{font:700 10px 'Courier New',monospace}
.amp-zero{fill:var(--ink)}.amp-eleven{fill:var(--red)}
@keyframes amp-waver{0%,14%{transform:rotate(-5deg)}86%,100%{transform:rotate(5deg)}}
@media(max-width:640px){.brand{gap:5px}.brand .amp-knob{width:37px;height:37px;flex-basis:37px}}
@media(prefers-reduced-motion:reduce){.amp-pointer{animation:none}}
/* The right-hand identity claim is intentionally removed; only the left strapline remains. */
.frontpage .subhead{justify-content:flex-start}

/* The remaining left strapline must stay visible on narrow screens. */
@media(max-width:700px){.frontpage .subhead>span:first-child{display:inline!important}}

/* V28: the pointer rests precisely on eleven, instead of dancing around it. */
.amp-pointer{animation:none!important}


/* Approved type option 04: Barlow Condensed + Barlow. Layout and interactions unchanged. */
:root{--font-head:'Barlow Condensed','Arial Narrow',Arial,sans-serif;--font-body:'Barlow',Arial,Helvetica,sans-serif;--font-serif:Georgia,serif}
body,button,input,select,textarea{font-family:'Barlow',Arial,Helvetica,sans-serif}
.wordmark{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-style:normal;font-weight:900;letter-spacing:-1.5px;transform:none}
.wordmark em{font-family:inherit;font-style:normal;font-weight:900;letter-spacing:-1px}
h1,h2,h3,h4,.section-heading,.article-title,.page-title,.art-caption,.feature-title,.generator-title,.section-title{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}

/* A11y refinements without modifying the approved resting design. */
button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--red,#a84232);
  outline-offset:3px;
}
@media (pointer:coarse) and (max-width:760px){
  .generator .go{position:relative}
  .generator .go::after{content:"";position:absolute;inset:-8px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .amp-pointer,.knob .needle{animation:none!important}
}

/* V22: robust narrow screens, long names, accessible dynamic controls. */
.headernav a:focus-visible,a:focus-visible{outline:2px solid var(--red,#a84232);outline-offset:4px}
.generator-result-main,.article-text,.playlist-body,.search-result>div,.story-text,.detail-grid>div{min-width:0}
.result-heading,.detail-title,.article-reading h1,.search-result h3,.playlist-body h3{overflow-wrap:anywhere}
.imported-article-body img{max-width:100%;height:auto}
.imported-article-body pre{overflow-x:auto;max-width:100%}
.imported-article-body table{display:block;max-width:100%;overflow-x:auto}
.generator-embed iframe{max-width:100%;width:100%;border:0}
button:disabled{cursor:wait}
.pager button:disabled{cursor:default}
.metadata-source{font-size:.85rem}
@media (max-width:480px){.filters-strip,.results-bar,.top-controls{gap:12px}.input-control{min-width:0;max-width:100%}.input-control select,.input-control input{max-width:100%}.page-pad{overflow-wrap:break-word}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Preserve portrait artwork instead of cropping away its subject. */
.lead .photo img, .article-cover .article-illustration { object-fit: contain; }
/* Small home-generator columns must also fit after drawing a result. */
@media (max-width:640px) {
  .frontpage .home-picked .generator-result { grid-template-columns:minmax(0,1fr); }
  .frontpage .home-picked .btn { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
}
@media (max-width:360px) {
  .frontpage .generators { grid-template-columns:minmax(0,1fr); }
}
/* Keep short provider labels and their arrows together after a draw. */
.frontpage .home-picked .result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.generator-result-main .result-actions .text-link{white-space:nowrap}

/* V31 adds chart and welcome components; existing typography and palette remain unchanged. */
.brand .amp-knob img{display:block;width:100%;height:100%;object-fit:contain}
/* Genuine cover, or a neutral explicitly labelled fallback. Never a synthetic vinyl. */
.cover-frame.film{aspect-ratio:2/3}
.cover-frame.album{aspect-ratio:1/1}
.cover-frame>.archive-source-cover{object-fit:contain;background:#292b29}
.art.album-art,.art.album-art:before,.art.album-art:after{background:#4b4943!important;background-image:none!important;border:none!important}
.art.album-art .art-glyph{display:none!important}
.art.album-art .art-corner{letter-spacing:.03em}
.art.album-art .art-caption{color:#f7f0e2}
.charts-page{padding-bottom:62px}
.charts-section{margin:34px 0 45px}
.charts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.charts-preview{border:1px solid var(--line,#b8aa95);padding:22px;display:flex;flex-direction:column;gap:13px;min-height:245px;background:rgba(255,255,255,.26);text-decoration:none;transition:background .16s,transform .16s}
.charts-preview:hover{background:rgba(237,208,147,.35);transform:translateY(-2px)}
.charts-preview .mini-caps{color:var(--red,#b54e3c)}
.charts-preview h3{font-family:var(--font-head,'Barlow Condensed',sans-serif);font-size:clamp(24px,2.3vw,34px);font-weight:900;line-height:1.05;margin:0;text-wrap:balance}
.charts-preview-names{display:grid;gap:5px;margin:auto 0 4px;font-size:12px;color:var(--muted,#605e57)}
.charts-preview-names span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.charts-preview>b{border-top:1px solid var(--line);font-size:10px;letter-spacing:.1em;padding-top:12px}
.chart-breadcrumb{color:var(--muted);font-size:11px;margin-bottom:15px}
.chart-breadcrumb a{color:inherit;text-underline-offset:3px}
.chart-single .page-head{margin:12px 0 14px}
.charts-intro{max-width:720px;color:var(--muted);margin:12px 0 32px}
.chart-entries{display:grid;gap:0;border-top:2px solid var(--ink)}
.chart-entry{display:grid;grid-template-columns:66px 145px minmax(0,1fr);gap:26px;padding:30px 0;border-bottom:1px solid var(--line);min-width:0}
.chart-entry .cover-frame{width:100%;border:1px solid var(--line)}
.chart-rank{font-family:var(--font-head);font-size:50px;font-weight:900;line-height:.9;color:var(--red)}
.chart-rank small{font-family:var(--font-body);display:block;font-size:11px;font-weight:800;color:var(--muted);margin-top:12px}
.chart-entry-content{min-width:0}
.chart-entry-content h2{font-family:var(--font-head);font-size:clamp(26px,3vw,40px);line-height:1;margin:0 0 7px;font-weight:900}
.chart-entry-meta{font-size:13px;color:var(--ink)}
.chart-entry-genres{font:700 10px 'Courier New',monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.04em;margin:5px 0 0}
.chart-entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 0}
.chart-entry-actions>.text-link{margin:0 5px}
.chart-facts{border-top:1px solid var(--line);padding:9px 0;margin:18px 0 0}
.chart-facts>summary{font-size:12px;font-weight:800;cursor:pointer;list-style:revert}
.chart-facts>p{font-size:13px;max-width:65ch}
.chart-facts .film-facts{margin:15px 0}
.charts-next{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin:36px 0}
.charts-method-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;line-height:1.7;margin-top:44px;max-width:850px}
.charts-related{margin:34px 0 8px}
.welcome-mask{position:fixed;inset:0;z-index:1000;background:rgba(16,28,32,.81);display:flex;align-items:center;justify-content:center;padding:22px}
.welcome-dialog{width:min(590px,100%);max-height:90vh;overflow:auto;position:relative;background:var(--paper,#eee9db);padding:clamp(27px,5vw,48px);border:3px solid var(--ink);box-shadow:12px 12px 0 #b14a38;color:var(--ink)}
.welcome-dialog .mini-caps{color:var(--red)}
.welcome-dialog h2{font-family:var(--font-head);font-size:clamp(36px,6vw,60px);line-height:1.02;margin:21px 0}
.welcome-dialog h2 em{font-style:normal;color:var(--red)}
.welcome-dialog p{font-size:15px;max-width:48ch}
.welcome-close{position:absolute;top:11px;right:12px;font-size:30px;line-height:1;border:0;background:none;color:var(--ink)}
.welcome-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:30px}
@media(max-width:1050px){.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-entry{grid-template-columns:52px 115px minmax(0,1fr);gap:18px}}
@media(max-width:640px){.charts-grid{grid-template-columns:1fr}.charts-preview{min-height:180px}.chart-entry{grid-template-columns:47px minmax(75px,96px) minmax(0,1fr);gap:11px;padding:22px 0}.chart-rank{font-size:35px}.chart-rank small{font-size:9px}.chart-entry-content h2{font-size:25px}.chart-entry-actions{margin-top:10px}.chart-entry-actions .btn{font-size:9px;padding:7px}.chart-entry .film-facts{font-size:11px;overflow-wrap:anywhere}.welcome-dialog{box-shadow:5px 5px 0 #b14a38}}
/* Suppress the legacy record label on the detail view as well. */
.cover-detail.album-detail::before{content:none!important;display:none!important}

/* Native cover artwork only: remove the V30 decorative fake vinyl disc. */
.art.album-art::before,.art.album-art::after{content:none!important;display:none!important;box-shadow:none!important}

/* V32: retain the approved palette, type and components. Fix layout and flow. */
.article-cover{height:auto!important;min-height:0;position:relative;overflow:visible;display:block;margin:24px 0}
.article-cover .article-illustration{display:block;position:static;inset:auto;width:100%;height:auto;aspect-ratio:16/9;max-height:450px;object-fit:contain}
.article-cover figcaption{position:static;display:block;line-height:1.5;margin:6px 0 0}
.article-media-fallback{position:relative;isolation:isolate;clear:both;display:flow-root;max-width:100%;width:100%;height:auto;overflow:visible;margin:24px 0}
.article-media-fallback .media-fallback-load{position:static;inset:auto;float:none;transform:none;display:block;max-width:100%;white-space:normal;min-height:44px;margin:14px 0 8px}
.article-media-fallback .media-fallback-heading{flex-wrap:wrap}
.article-media-embed{display:block;position:static;width:100%;max-width:100%;margin:12px 0;border:0}
.article-media-embed.spotify{height:352px!important;min-height:352px}
.page-lead,.topic-guide{font-size:16px;line-height:1.65;max-width:76ch;color:var(--ink);margin:16px 0 26px}
.editorial-intro{font-size:16px;line-height:1.6;border-left:3px solid var(--red);padding-left:18px;margin:22px 0}
.breadcrumbs{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 16px;display:flex;flex-wrap:wrap;gap:0 5px;overflow-wrap:anywhere}
.breadcrumbs a{text-underline-offset:3px}
.chart-breadcrumb{display:none}
.topic-links{border-top:1px solid var(--line);padding-top:20px;margin:32px 0 12px}
.topic-links h2{font:700 21px/1.2 var(--font-head,'Barlow Condensed',sans-serif);margin:0 0 12px}
.topic-links nav,.topic-charts nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.topic-links a,.topic-charts a{font-size:14px;text-underline-offset:4px;line-height:1.6}
.topic-page>section{margin:34px 0}
.topic-page .section-title{font-size:30px;margin-bottom:20px}
.charts-preview h2{font-family:var(--font-head);font-size:30px;line-height:1.05;margin:0}
.charts-preview p{font-size:14px;line-height:1.6;margin:0}
.pager a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 13px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700}
.pager a[aria-current=page]{color:var(--paper);background:var(--ink)}
.article-toc{border-block:1px solid var(--line);padding:16px 0;margin:24px 0}
.article-toc summary{cursor:pointer;font-weight:700;min-height:28px}
.article-toc nav{display:flex;flex-direction:column;gap:7px;padding-top:15px;font-size:14px}
.article-rating{font-size:14px;margin:22px 0}
.imported-article-body [id]{scroll-margin-top:95px}
.art.film-art{background:#46443f!important;background-image:none!important}
.art.film-art .art-glyph{display:none}
.art.film-art:before,.art.film-art:after{content:none!important}
.up11-media{position:relative;display:block;width:100%;margin:12px 0;min-width:0}
.media-mount{width:100%;min-width:0}
.up11-media.youtube .media-mount{aspect-ratio:16/9;min-height:200px;background:#20201d}
.up11-media.youtube iframe{width:100%;height:100%;min-height:200px;aspect-ratio:16/9;border:0;display:block}
.up11-media.spotify iframe{display:block;width:100%;height:352px;border:0;position:static}
.up11-media.spotify.track iframe{height:152px;min-height:152px}
.up11-media-message{font-size:13px!important;line-height:1.6!important;color:var(--ink)!important;margin:10px 0!important}
.up11-media-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.up11-media-fallback{margin-top:14px;font-size:13px}
.up11-media-fallback summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.up11-media-fallback a{display:inline-block;padding:8px 0}
.up11-media [hidden]{display:none!important}
.player-loading{padding:20px;color:#f3ead8;min-height:200px;font-size:14px}
.media-error{border-left:3px solid var(--red);padding-left:12px}
button,.btn,summary{-webkit-tap-highlight-color:transparent}
.welcome-dialog:focus{outline:0}
.welcome-close{min-width:44px;min-height:44px}
body.welcome-active{overflow:hidden}
.site-footer .footlegal nav{display:flex;flex-wrap:wrap;gap:12px 18px}
.ssr-only-note{font-size:13px;color:var(--muted)}
@media(max-width:760px){
 .article-cover .article-illustration{max-height:300px}
 .article-media-embed.spotify{height:352px!important}
 .chart-entry:has(.up11-media) .chart-entry-content{grid-column:1/-1}
 .frontpage .generators:has(.up11-media.youtube){grid-template-columns:1fr}
 .breadcrumbs{font-size:11px}
 .page-lead,.topic-guide{font-size:15px}
 .topic-links nav{gap:10px 16px}
 .topic-page .magazine-grid{grid-template-columns:minmax(0,1fr)}
 .chart-entry-actions button,.chart-entry-actions a{min-height:36px;display:inline-flex;align-items:center}
}
@media(prefers-reduced-motion:reduce){.charts-preview{transition:none}}

body.modal-open{overflow:hidden}.media-status{font-size:13px!important;line-height:1.5}.media-recovery:empty{display:none}.media-recovery{padding:12px 0}.media-recovery .media-fallback-link{display:block;margin-top:12px}.archive-source-cover[hidden]{display:none!important}.up11-media.youtube .media-mount iframe{position:static!important;inset:auto!important;width:100%!important;height:100%!important;min-height:200px!important;aspect-ratio:16/9}.up11-media.spotify.track iframe{height:152px!important;min-height:152px!important}.up11-media.spotify.album iframe,.up11-media.spotify.playlist iframe{height:352px!important;min-height:352px!important}

/* V36.1: legible, central trailer activation across all public players. */
.up11-media.youtube .media-mount.trailer-consent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 18px;aspect-ratio:auto;min-height:260px;text-align:center}
.up11-media.youtube .trailer-consent .player-privacy-hint{color:#e9e1d0;font-size:12px;line-height:1.55;max-width:560px;margin:0}
.up11-media.youtube .trailer-load-cta{display:block;background:#e2b979;color:#20201d;border:2px solid #f4d6a5;padding:18px 28px;min-height:58px;font-size:18px;font-weight:800;line-height:1.3;text-align:center;white-space:normal}
.up11-media.youtube .trailer-load-cta:hover{background:#f5d39e;color:#161612}
.up11-media.youtube .trailer-consent>.media-fallback-link{display:block;color:#e2d6c2;font-size:11px;line-height:1.5;margin:0}

/* V33 additions: keep the existing UP TO 11 palette and type system. */
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.brand-claim{position:relative;top:5px;color:var(--muted);font:700 9px/1.15 'Courier New',monospace;letter-spacing:1.15px;text-transform:lowercase}
.battle-teaser{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 25px;padding:26px 28px;color:#eee9db!important;background:var(--ink,#24251f);text-decoration:none}
.battle-teaser-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.battle-teaser-copy>strong{font:800 clamp(28px,3.2vw,40px)/1.08 var(--font-head,'Arial Narrow',Arial,sans-serif);letter-spacing:-.4px}
.battle-teaser-copy>span{font:16px/1.4 var(--font-body,Arial,sans-serif);color:#e3dccb}
.battle-teaser-arrow{flex-shrink:0;color:inherit;font-size:30px;line-height:1;transition:transform .18s}
.battle-teaser:hover .battle-teaser-arrow{transform:translate(2px,-2px)}
.battle-teaser:focus-visible{outline:3px solid #a84232;outline-offset:5px}
.upto11-battle-return{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(18px,calc((100vw - 1120px)/2));background:#24251f;color:#eee9db;font:700 12px/1.4 'Courier New',monospace;letter-spacing:.8px}
.upto11-battle-return a{color:#e1ad6c;text-decoration:underline;text-underline-offset:3px}
.upto11-battle-audit{margin:18px auto 0;max-width:1120px;padding:13px 18px;border:1px solid #bdb6a5;background:#eee9db;color:#34342e;font:12px/1.55 Arial,sans-serif}
.upto11-battle-audit strong{color:#a84232}
@media(max-width:640px){.brand-claim{font-size:7px;letter-spacing:.7px}.battle-teaser{gap:14px;margin:25px 0 20px;padding:22px 18px}.battle-teaser-copy{gap:7px}.battle-teaser-copy>strong{font-size:28px}.battle-teaser-copy>span{font-size:14px}.battle-teaser-arrow{font-size:25px}.upto11-battle-return{font-size:10px;padding:9px 12px}.upto11-battle-audit{margin:10px 12px;padding:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.battle-teaser-arrow{transition:none}}
/* Discovery Amp extends the existing controls and palette. */
.discovery-amp{border:3px solid var(--ink,#282923);background:repeating-linear-gradient(0deg,#34352f 0 2px,#292a25 2px 4px);padding:18px;box-shadow:6px 6px 0 #c7bda9;margin-bottom:25px}
.amp-label{display:flex;align-items:center;justify-content:space-between;background:#d3c8ae;border:1px solid #24251f;padding:10px 15px;font:700 13px 'Courier New',monospace;letter-spacing:1px}
.discovery-amp .filters-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;background:#eee9db;padding:18px;margin:0}
.discovery-amp .amp-control{min-width:0;display:flex;flex-direction:column;gap:6px}
.discovery-amp select{min-height:44px;width:100%;max-width:100%}
.discovery-amp .generator-notice,.discovery-amp .generator-utility{background:#eee9db;margin:0;padding:12px 18px}
.discovery-amp .generator-box{margin:15px 0;background:#eee9db}
.discovery-amp .generator-inner{padding:15px 22px 25px 36px}
.discovery-amp .generator-action-row{flex-wrap:wrap;gap:12px}
.discovery-amp .generator-action-row>div{min-width:0}
.discovery-amp .generator-box .generator-heading{font-size:clamp(20px,5.5vw,47px);line-height:1.08;overflow-wrap:anywhere}
.discovery-amp .generator-action-row>.btn{flex-shrink:0}
.discovery-amp .generator-utility{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.bookmark-list{display:grid;gap:15px}.bookmark-list article{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px;border:1px solid #9f9987}.bookmark-list h2{font-size:24px}.social-links{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}.article-reading figure img{max-width:100%;height:auto}
@media(max-width:600px){.discovery-amp{padding:8px}.discovery-amp .generator-inner{padding:14px 12px 20px 20px}.discovery-amp .filters-strip{grid-template-columns:1fr;padding:12px}.bookmark-list article{align-items:flex-start;flex-direction:column}}

.offline-battle{display:block;width:100%;height:100vh;min-height:100vh;border:0;background:#eee9db}.standalone-note{padding:12px;font-size:12px;border-bottom:1px solid #bdb6a5}.battle-preview-mode .standalone-note{display:none}.battle-preview-shell,.battle-preview-shell #page{margin:0;padding:0;max-width:none;width:100%;min-height:100vh}.battle-preview-shell #page{outline:0}

/* Spotify cover artwork for the song and album generators. */
.generator-cover-link{display:block;min-width:0;color:inherit;text-decoration:none}
.generator-cover-link .cover-frame{width:100%;position:relative;overflow:hidden;aspect-ratio:1}
.generator-cover-credit{display:block;margin-top:5px;font-size:10px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.generator-cover-link:hover .generator-cover-credit{text-decoration:underline}

.v34-page-image{margin:24px 0}.v34-page-image img{max-width:100%;height:auto;max-height:600px;object-fit:contain}.v34-page-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.v34-page-section{max-width:900px;margin:24px 0}

/* V36.1: annotated homepage recommendations and Battle banner. */
#tipps .barhead h2 .caption{font-size:12px;font-weight:400;letter-spacing:0;white-space:nowrap}
#tipps .personal{align-items:start;gap:24px}
#tipps .tip-wrapper .tip{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;align-items:center;min-height:184px;padding:17px;background:var(--cream,#f3edde);border:1px solid var(--line,#c7bdab);border-left:4px solid var(--red,#ad4636);transition:background .15s}
#tipps .tip-wrapper .tip:hover,#tipps .tip-wrapper .tip[aria-expanded="true"]{background:#e9dfcb}
#tipps .tip-wrapper .tip-poster,#tipps .tip-wrapper .tip.song .tip-poster{width:100px;height:148px;display:flex;align-items:center;justify-content:center;background:#242720}
#tipps .tip-wrapper .tip-poster img{width:100%;height:100%;object-fit:contain}
#tipps .tip-info .flag{display:block;color:var(--red);font:700 11px/1.4 'Courier New',monospace;margin-bottom:12px}
#tipps .tip-info strong{display:block;font-size:clamp(23px,2.5vw,31px);line-height:1.1;margin:0 0 10px}
#tipps .tip-info small{display:block;font-size:15px;line-height:1.5}
#tipps .tip-detail{padding:18px 12px}
#tipps .tip-detail .tip-essential{font-size:19px;font-weight:700;line-height:1.5;margin-bottom:9px}
#tipps .tip-detail .tip-album{font-size:16px;margin-bottom:20px}
#tipps .tip-detail .tip-image-credit{font-size:11px;color:var(--muted);margin-top:18px}
#tipps .tip-detail .tip-image-credit a{color:inherit}
.battle-teaser{background:var(--red,#ad4636);border-top:4px solid var(--ink,#242720);border-bottom:5px solid var(--amber,#cf9c5f);color:#fff5df!important}
.battle-teaser-copy>span{color:#fff0d4}.battle-teaser:hover{background:#91382b}
.playlist-cover{aspect-ratio:1;background:var(--ink,#242720);overflow:hidden}.playlist-cover img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:640px){#tipps .personal{grid-template-columns:1fr}#tipps .tip-wrapper .tip{grid-template-columns:78px minmax(0,1fr);gap:13px;min-height:150px;padding:12px}#tipps .tip-wrapper .tip-poster,#tipps .tip-wrapper .tip.song .tip-poster{width:78px;height:120px}#tipps .tip-info strong{font-size:23px}#tipps .tip-info small{font-size:14px}#tipps .tip-detail .tip-essential{font-size:18px}}
.playlist-cover{display:block}.playlist-cover-missing{display:flex;align-items:center;justify-content:center;color:var(--paper)}.playlist-cover-missing:after{content:'MIXTAPE ♪';font:700 24px 'Courier New',monospace}

.playlist-cover{position:relative}.playlist-cover>.art{width:100%;height:100%;min-height:0}.playlist-cover>.archive-source-cover{position:absolute;inset:0}.playlist-cover-missing:after{position:absolute;inset:0;display:grid;place-items:center;background:var(--ink)}.playlist-cover-missing:has(img:not(.source-cover-failed)):after{display:none}

.media-source-credit,.media-attribution{font:11px/1.5 'Courier New',monospace;color:var(--muted,#726f65);display:block;margin:5px 0 8px;overflow-wrap:anywhere}.media-source-credit a,.media-attribution a{color:inherit}.provider-logo{height:16px;width:auto;max-width:110px;vertical-align:middle}.third-party-attribution{line-height:1.7}.legal-copy h2{font-size:clamp(22px,3vw,31px);margin:30px 0 12px}.legal-copy h3{font-size:21px}.legal-copy a{overflow-wrap:anywhere}.privacy-settings .btn{white-space:normal;text-align:left}.privacy-result{min-height:1.5em}.legal-status{border:1px solid var(--line,#bdb6a5);padding:14px;margin-bottom:22px;font:14px/1.6 Barlow,Arial,sans-serif}.source-list{list-style:none;padding:0}.source-list li{padding:12px 0;border-bottom:1px solid var(--line,#bdb6a5)}.site-footer nav{flex-wrap:wrap}.original-publication{font:14px/1.7 Barlow,Arial,sans-serif;padding:10px 0;border-bottom:1px solid var(--line,#bdb6a5);margin:15px 0 24px}.player-privacy-hint{font:13px/1.55 Barlow,Arial,sans-serif;color:var(--muted,#726f65);margin:12px 0}.player-privacy-hint a{color:inherit}

.source-brand{max-width:85px;width:auto;height:18px;vertical-align:middle;margin-right:5px;object-fit:contain}.source-brand-spotify{min-width:70px}.provider-attributions{margin:20px 0;font:11px/1.6 Barlow,Arial,sans-serif}.provider-attributions p{margin:6px 0}.original-publication-note{font:14px/1.6 Barlow,Arial,sans-serif;border-block:1px solid #bdb6a5;padding:12px 0;margin:18px 0}.generator-cover-link .archive-source-cover{object-fit:contain;border-radius:4px}.archive-source-cover{object-fit:contain}.media-attribution+.media-attribution{margin-top:0}

.media-with-credit{min-width:0;max-width:100%}.media-with-credit>.cover-card,.media-with-credit>.article-card{width:100%}.detail-grid>.media-with-credit .cover-frame{width:100%}.media-with-credit .media-attribution{margin:5px 0 8px}


.nav-bookmarks{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;text-decoration:none;color:inherit;min-height:44px}
.nav-bookmarks [data-bookmark-count]{font-size:12px;min-width:20px;text-align:center;border:1px solid currentColor;border-radius:12px;padding:1px 4px}
.bookmark-mobile{display:none}
.battle-page .headernav{display:flex;align-items:center;gap:15px;font:700 12px/1.4 Arial,sans-serif;text-transform:uppercase}
.battle-page .headernav a{color:inherit;text-decoration:none}
.battle-page .headernav details{position:relative}
.battle-page .headernav summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.battle-page .headerdrop{position:absolute;top:100%;left:0;z-index:100;min-width:180px;padding:12px;background:#eee9db;border:1px solid #272720;box-shadow:3px 3px 0 #272720}
.battle-page .headerdrop a{display:block;padding:10px}
.battle-page .headernav .current{color:#b34c21}
.battle-page .mobilemenu{display:none}
.battle-page .headernav a:hover,.nav-bookmarks:hover{text-decoration:underline}
@media(max-width:1100px) and (min-width:701px){.headernav{gap:9px!important;font-size:11px!important;letter-spacing:0}.head,.battle-page .header-inner{gap:12px}.head .wordmark,.battle-page .header-inner .wordmark{font-size:42px}.battle-page .brand{flex-shrink:0}}
@media(max-width:820px) and (min-width:701px){.headernav{gap:4px!important;font-size:10.5px!important}.head,.battle-page .header-inner{gap:8px}.head .brand,.battle-page .brand{gap:4px}.head .wordmark,.battle-page .header-inner .wordmark{font-size:32px}.bookmark-desktop .bookmark-label{display:none}}
@media(max-width:700px){
 .bookmark-desktop{display:none!important}.bookmark-mobile{display:inline-flex;margin-left:auto;flex-shrink:0}.bookmark-mobile .bookmark-label{display:none}
 .head,.battle-page .header-inner{gap:10px!important}.head>.brand,.battle-page .header-inner>.brand{margin-right:auto}
 .battle-page .header-inner{position:relative;flex-wrap:wrap}
 .battle-page .mobilemenu{display:block;min-width:44px;min-height:44px;background:none;border:1px solid currentColor;font-size:22px}
 .battle-page .headernav{display:none;width:100%;order:10;flex-direction:column;align-items:stretch;padding:12px 0;gap:0}
 .battle-page .headernav.mobile-open{display:flex}
 .battle-page .headernav>a{padding:12px 0}.battle-page .headerdrop{position:static;box-shadow:none}
}