@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/dm-sans-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/dm-sans-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/dm-sans-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/dm-sans-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Instrument';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/instrument-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Instrument';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/instrument-5.ttf) format('truetype');
}
:root{--paper:#f7f4ed;--surface:#fcfaf5;--ink:#292923;--muted:#77766c;--line:#deddd2;--accent:#a34b36;--soft:#f0e5dc;--olive:#69705b;--gold:#b18c3d;--sidebar:#eeede3;--shadow:0 24px 80px #24251c24;--serif:Instrument,Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:light}
html[data-theme=dark]{--paper:#1b1d19;--surface:#24261f;--ink:#eeeade;--muted:#b0afa2;--line:#3d4035;--accent:#df967b;--soft:#3a2a22;--olive:#a2ad8d;--gold:#d5b574;--sidebar:#151711;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;overflow:hidden}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:12px 20px}.skip-link:focus{top:12px}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--sidebar);border-right:1px solid var(--line);padding:39px 24px 20px;display:flex;flex-direction:column;z-index:20;overflow:auto}.brand{display:flex;gap:13px;align-items:center;width:fit-content;margin-left:9px;font-size:20px;letter-spacing:-.8px;line-height:1.02}.brand b{font-family:var(--serif);font-size:42px;font-weight:400;letter-spacing:-1.9px}.brand-dot{color:var(--accent)}.brand-mark{width:37px;height:49px;position:relative;display:block;overflow:hidden}.brand-mark i{position:absolute;border:1.7px solid var(--accent);border-radius:50%;width:34px;height:34px;top:7px;left:1px}.brand-mark i:nth-child(2){width:23px;height:23px;left:6.5px;top:12.5px}.brand-mark i:nth-child(3){width:11px;height:11px;left:12.5px;top:18.5px;background:var(--accent)}.side-label{font-size:9px;letter-spacing:1.55px;color:var(--muted);font-weight:600}.sidebar>.side-label{margin:25px 9px 38px;letter-spacing:1.4px}#nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:5px;font-size:12px;font-weight:500;transition:background .18s}.nav-link.active{color:var(--accent);background:var(--soft)}.nav-link:hover{background:var(--line)}.nav-link.active:hover{background:var(--soft)}.nav-link svg{width:18px;height:18px}.nav-count{margin-left:auto;font-size:10px}.sidebar-collection{border-top:1px solid var(--line);margin:29px 10px 25px;padding-top:25px;display:grid;gap:14px}.sidebar-collection .side-label{margin-bottom:3px}.sidebar-collection button{display:flex;align-items:center;gap:12px;padding:0;font-size:12px;width:fit-content}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.tiny-dot.olive{background:var(--olive)}.tiny-dot.gold{background:var(--gold)}.tiny-dot.blue{background:#6d8589}.side-bottom{margin-top:auto;padding:15px 9px 0}.source-note{border-top:1px solid var(--line);padding-top:23px}.source-spark{font-size:26px;color:var(--accent);line-height:1}.source-note p{font-family:var(--serif);font-size:25px;line-height:1.1;margin:10px 0 12px}.source-note>span:last-of-type{color:var(--muted);font-size:10px;line-height:1.7;display:block}.source-note>a{font-size:10px;display:flex;gap:9px;align-items:center;margin-top:17px}.source-note>a svg{width:15px}.side-end{margin-top:26px;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.icon-button{height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.icon-button:hover{background:var(--line)}.icon-button svg{width:18px;height:18px}
main{margin-left:244px;padding:0 52px;max-width:1800px;min-height:100vh}.topbar{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.4px;color:var(--muted)}.topbar>div{display:flex;align-items:center;gap:9px}.status-dot{height:5px;width:5px;background:var(--olive);border-radius:50%}.edition{letter-spacing:1.15px;font-size:8px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:48px 0 43px;align-items:center}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;color:var(--accent);text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';display:block;width:22px;height:1px;background:currentColor}.hero h1{font-family:var(--serif);font-size:clamp(51px,4.5vw,75px);line-height:.98;letter-spacing:-1.6px;margin:23px 0 20px;max-width:580px}.hero h1 em{font-weight:400;color:var(--accent)}.hero-intro{font-size:12px;line-height:1.85;color:var(--muted);max-width:360px}.hero-cta{margin-top:25px;display:flex;align-items:center;gap:22px}.primary-button{display:inline-flex;gap:16px;align-items:center;justify-content:center;padding:13px 19px;background:var(--ink);color:var(--paper);border-radius:3px;font-size:11px;font-weight:500;transition:transform .2s,opacity .2s}.primary-button:hover{transform:translateY(-2px);opacity:.9}.primary-button svg{width:17px;height:17px}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:2px}.text-link svg{width:15px;height:15px}.hero-visual{position:relative;min-height:304px;background:#ded8c9;border:1px solid #d3cdbd;overflow:hidden;border-radius:3px;color:#292923}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#7e7a6810 1px,transparent 1px),linear-gradient(90deg,#7e7a6810 1px,transparent 1px);background-size:25px 25px}.hero-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.07' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.visual-label{position:absolute;top:22px;left:24px;font-size:8px;letter-spacing:1.8px}.visual-number{position:absolute;right:20px;top:17px;font-family:var(--serif);font-size:24px;color:#7d7969}.vinyl{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-15deg);width:228px;height:228px;border-radius:50%;background:repeating-radial-gradient(circle at center,#292d26 0px,#292d26 1px,#363a32 1.5px,#292d26 2.5px);box-shadow:9px 13px 17px #3b3b3529;display:flex;align-items:center;justify-content:center}.vinyl:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0deg,#ffffff14 26deg,transparent 90deg,#ffffff08 120deg,transparent 160deg,#ffffff18 220deg,transparent 260deg)}.vinyl-label{background:#ad513b;border-radius:50%;width:93px;height:93px;color:#efddc2;text-align:center;padding-top:17px;position:relative;border:1px solid #c680664d}.vinyl-label span{display:block;letter-spacing:2px;font-size:6px}.vinyl-label strong{font-family:var(--serif);font-size:25px;font-weight:400}.vinyl-label i{display:block;width:7px;height:7px;background:#ddd8c9;border-radius:50%;position:absolute;top:44px;left:42px;border:2px solid #272923}.vinyl-label small{position:absolute;bottom:15px;left:0;right:0;font-size:5px;letter-spacing:.6px}.record-stamp{position:absolute;right:21px;bottom:74px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;color:#7d7969}.featured-track{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;display:flex;align-items:center;gap:12px;background:#eee9dded;z-index:2;border-top:1px solid #d0cbbb}.featured-play{height:34px;width:34px;background:#a34b36;border-radius:50%;color:#fff7e8;display:grid;place-items:center}.featured-play svg{width:18px;height:18px}.featured-copy{flex:1;min-width:0}.featured-copy strong{display:block;font-size:10px;font-weight:600}.featured-copy span{display:block;font-size:9px;color:#777266;margin-top:2px}.featured-track>span{font-size:8px;font-family:var(--serif);font-style:italic;max-width:54px;line-height:1.3}.stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;gap:38px;align-items:center}.stats>div{display:flex;align-items:baseline;gap:9px}.stats strong{font-family:var(--serif);font-size:27px;font-weight:400}.stats span{font-size:10px;color:var(--muted)}.stats>p{font-size:10px;color:var(--muted);margin-left:auto;max-width:160px;text-align:right}
.palo-section{margin-top:35px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-top h2{font-family:var(--serif);font-size:26px;letter-spacing:-.35px}.section-top>span{font-size:10px;color:var(--muted)}.palo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.palo-tile{text-align:left;padding:18px 20px 16px;min-height:108px;border-radius:3px;background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.palo-tile:hover{transform:translateY(-3px);border-color:var(--accent)}.palo-tile strong{display:block;font-family:var(--serif);font-size:26px;font-weight:400;position:relative;z-index:1;margin-top:9px}.palo-tile small{font-size:9px;color:var(--muted);position:relative;z-index:1}.palo-tile .tile-arrow{position:absolute;top:16px;right:14px;width:14px;height:14px;color:var(--muted)}.tile-art{position:absolute;width:70px;height:70px;right:-3px;bottom:-15px;color:var(--accent);opacity:.11}.palo-tile:nth-child(2) .tile-art{color:var(--olive)}.palo-tile:nth-child(3) .tile-art{color:var(--gold)}.palo-tile:nth-child(4) .tile-art{color:#6d8589}
.catalog-section{margin-top:41px;scroll-margin-top:25px}.catalog-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:19px}.catalog-title h2{font-family:var(--serif);font-size:34px;letter-spacing:-.5px}.catalog-title p{font-size:11px;color:var(--muted);margin-top:4px}.catalog-title>span{font-size:10px;color:var(--muted)}.search-wrap{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);padding:0 17px;border-radius:4px;height:49px;transition:border-color .2s}.search-wrap:focus-within{border-color:var(--accent)}.search-wrap svg{width:18px;height:18px;color:var(--muted)}.search-wrap input{width:100%;border:0;outline:none!important;background:none;color:var(--ink);font-size:12px;min-width:0}.search-wrap input::placeholder{color:var(--muted)}.search-kbd{border:1px solid var(--line);border-radius:3px;color:var(--muted);padding:0 6px;font-size:10px}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 16px}.filter-select{position:relative}.filter-select select,.sort-select{border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);padding:8px 25px 8px 11px;font-size:10px;max-width:190px;cursor:pointer}.filter-select select:focus{border-color:var(--accent)}.clear-filters{font-size:10px;color:var(--accent);text-decoration:underline;padding:7px;margin-left:auto}.type-tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:none}.type-tab{padding:0 0 12px;white-space:nowrap;font-size:11px;color:var(--muted);position:relative}.type-tab.active{color:var(--ink);font-weight:600}.type-tab.active:after{content:'';position:absolute;height:2px;bottom:0;background:var(--accent);left:0;right:0}.type-tab .tab-count{font-size:9px;padding:2px 5px;background:var(--sidebar);border-radius:3px;margin-left:5px;color:var(--muted)}.results-top{display:flex;justify-content:space-between;align-items:center;padding:17px 0 11px;font-size:10px;color:var(--muted)}.sort-select{border:0;padding-right:0}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-card{border:1px solid var(--line);background:var(--surface);padding:19px;border-radius:4px;display:flex;flex-direction:column;min-height:164px;transition:box-shadow .2s,border-color .2s}.resource-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 5px 20px #35332706}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;text-transform:uppercase;letter-spacing:1.3px;color:var(--accent)}.card-kind{color:var(--muted);letter-spacing:.9px}.card-title{display:block;text-align:left;padding:0;font-family:var(--serif);font-size:25px;line-height:1.15;letter-spacing:-.25px;margin:11px 0 8px;max-width:95%}.card-title:hover{color:var(--accent)}.card-subtitle{color:var(--muted);font-size:10px;line-height:1.6;margin-bottom:14px}.card-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.source-dot{height:4px;width:4px;border-radius:50%;background:var(--olive);display:inline-block;margin-right:3px}.card-bottom .card-audio{margin-left:auto;display:flex;gap:5px;align-items:center;font-size:9px;color:var(--ink);padding:0}.card-audio svg{width:14px;height:14px}.save-button{margin-right:-5px;width:27px;height:27px}.save-button svg{width:15px;height:15px}.save-button.saved{color:var(--accent)}.save-button.saved svg{fill:var(--soft)}.recording-row{grid-column:1/-1;display:flex;align-items:center;padding:14px 12px;border-bottom:1px solid var(--line);gap:15px;min-height:80px}.record-cover{height:48px;width:48px;border-radius:3px;display:grid;place-items:center;background:var(--soft);color:var(--accent);flex-shrink:0;position:relative;overflow:hidden}.record-cover:after{content:'';position:absolute;inset:5px;border:1px solid currentColor;border-radius:50%;opacity:.2}.record-cover span{font-family:var(--serif);font-size:21px}.record-copy{flex:1;min-width:0}.record-copy>button{display:block;max-width:100%;text-align:left;padding:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-copy>span{display:block;font-size:10px;color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-tag{font-size:9px;max-width:100px;color:var(--muted)}.round-play{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.round-play:hover,.round-play.playing{background:var(--accent);color:var(--paper);border-color:var(--accent)}.round-play svg{width:18px;height:18px}.recording-row .save-button{margin-right:0}.more-wrap{text-align:center;padding:25px 0 10px}.outline-button{border:1px solid var(--line);padding:11px 22px;border-radius:3px;display:inline-flex;align-items:center;gap:10px;font-size:11px;background:transparent}.outline-button:hover{background:var(--sidebar);border-color:var(--muted)}.empty-state{grid-column:1/-1;padding:55px 25px;text-align:center;border:1px dashed var(--line);border-radius:5px}.empty-state>svg{color:var(--accent);width:30px;height:30px;margin-bottom:13px}.empty-state h3{font-family:var(--serif);font-size:29px}.empty-state p{font-size:12px;color:var(--muted);max-width:420px;margin:8px auto 20px}.footer{margin:55px 0 25px;padding-top:21px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.footer b{font-family:var(--serif);font-size:23px;color:var(--ink);font-weight:400}.footer small{margin-left:11px;font-size:9px}.footer>a{font-size:9px;display:flex;align-items:center;gap:8px}.footer svg{width:15px;height:15px}
.page-heading{padding:43px 0 33px;max-width:730px}.page-heading h1{font-family:var(--serif);font-size:58px;line-height:1.05;letter-spacing:-1px;margin:18px 0 15px}.page-heading>p{color:var(--muted);font-size:12px;line-height:1.8;max-width:560px}.page-heading .text-link{margin-top:20px}.tree-controls{display:flex;gap:15px;margin:15px 0 24px;align-items:center;font-size:10px;color:var(--muted)}.tree-controls button{text-decoration:underline;padding:0}.tree-count{margin-left:auto}.tree-list{display:grid;gap:9px}.tree-branch{border:1px solid var(--line);border-radius:4px;background:var(--surface);overflow:hidden}.tree-branch>summary{padding:15px 18px;display:flex;gap:14px;align-items:center;cursor:pointer;list-style:none}.tree-branch summary::-webkit-details-marker{display:none}.tree-branch>summary>svg{width:15px;height:15px;transition:transform .2s;color:var(--muted)}.tree-branch[open]>summary>svg{transform:rotate(90deg)}.tree-branch>summary strong{font-family:var(--serif);font-size:27px;font-weight:400}.tree-branch>summary small{margin-left:auto;font-size:9px;color:var(--muted)}.tree-children{border-top:1px solid var(--line);padding:9px 18px 13px 30px}.tree-children .tree-branch{border:0;border-left:1px solid var(--line);border-radius:0;margin:3px 0;background:none}.tree-children .tree-branch>summary{padding:9px 10px}.tree-children .tree-branch>summary strong{font-family:var(--sans);font-size:11px}.tree-children .tree-children{border-top:0;padding:1px 5px 5px 24px}.tree-leaf{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:11px}.tree-leaf>button:first-child{flex:1;text-align:left;padding:0}.tree-leaf>button:first-child:hover{color:var(--accent)}.tree-leaf small{font-size:9px;color:var(--muted)}.tree-origin-link{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px;padding:8px 10px}.tree-origin-link svg{width:12px;height:12px}
.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.route-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}.route-art{height:170px;padding:24px;position:relative;overflow:hidden;background:#e9ddcf;color:#9f5039;display:flex;align-items:center;justify-content:center}.route-card:nth-child(2) .route-art{background:#e2e5d7;color:#59654e}.route-card:nth-child(3) .route-art{background:#e3e2d8;color:#746849}.route-art>svg{width:120px;height:120px;stroke-width:.7;opacity:.75}.route-art>span{position:absolute;left:17px;top:15px;font-size:9px;letter-spacing:1.5px}.route-art>i{position:absolute;right:18px;bottom:12px;font-family:var(--serif);font-size:40px;font-style:italic}.route-copy{padding:22px;display:flex;flex-direction:column;flex:1}.route-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.route-copy .eyebrow:before{display:none}.route-copy h2{font-family:var(--serif);font-size:30px;line-height:1.12;margin:12px 0}.route-copy p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:24px}.route-copy button{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:0;border-top:1px solid var(--line);padding-top:14px}.route-copy button:hover{color:var(--accent)}.listening-note{padding:23px 25px;border-left:2px solid var(--accent);background:var(--surface);margin:26px 0 0}.listening-note h3{font-family:var(--serif);font-size:26px;margin-bottom:7px}.listening-note p{font-size:12px;color:var(--muted);line-height:1.8}.route-back{font-size:11px;display:flex;gap:8px;align-items:center;margin-bottom:25px}.route-back svg{width:16px;height:16px}.route-step{margin-bottom:30px}.route-step-title{display:flex;align-items:baseline;gap:13px;margin:20px 0 13px}.route-step-title>span{color:var(--accent);font-size:10px}.route-step-title h2{font-family:var(--serif);font-size:31px}.route-step p{font-size:12px;color:var(--muted);margin-bottom:13px}.route-step .results{margin-top:16px}
.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.source-card{border:1px solid var(--line);background:var(--surface);padding:30px;border-radius:4px}.source-number{font-family:var(--serif);font-size:40px;color:var(--accent);line-height:1}.source-card h2{font-family:var(--serif);font-size:34px;margin:18px 0 5px}.source-author{font-size:11px;color:var(--muted)}.source-card p{font-size:12px;line-height:1.8;margin:19px 0 25px;color:var(--muted)}.source-card .text-link{font-size:11px}.coverage-box{margin-top:32px;border-top:1px solid var(--line);padding-top:25px}.coverage-box h2{font-family:var(--serif);font-size:30px;margin-bottom:14px}.coverage-box p{font-size:12px;color:var(--muted);max-width:740px;line-height:1.9;margin:10px 0}.coverage-metrics{display:flex;gap:30px;margin:20px 0}.coverage-metrics strong{display:block;font-family:var(--serif);font-size:32px;font-weight:400}.coverage-metrics span{font-size:10px;color:var(--muted)}.coverage-box details{margin-top:18px;font-size:11px;color:var(--muted)}.coverage-box details ul{max-height:210px;overflow:auto}.coverage-box details a{text-decoration:underline;overflow-wrap:anywhere}
.loading{display:flex;align-items:center;justify-content:center;gap:15px;min-height:65vh;color:var(--muted);font-size:12px}.loading-mark{width:25px;height:25px;border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.mobile-top,.mobile-nav{display:none}
dialog{padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;width:min(810px,calc(100% - 40px));max-height:83vh;box-shadow:var(--shadow)}dialog::backdrop{background:#1c211a80;backdrop-filter:blur(4px)}.detail-top{padding:30px 32px 24px;border-bottom:1px solid var(--line);position:relative}.detail-close{position:absolute;right:17px;top:17px}.detail-top .eyebrow{font-size:9px;padding-right:30px}.detail-top h2{font-family:var(--serif);font-size:42px;line-height:1.1;letter-spacing:-.6px;margin:18px 0 12px;padding-right:20px}.detail-breadcrumb{font-size:10px;color:var(--muted);line-height:1.8}.detail-body{padding:24px 32px 30px}.detail-actions{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:24px}.detail-actions .primary-button,.detail-actions .outline-button{font-size:10px}.detail-note{font-size:11px;color:var(--muted);line-height:1.9;max-width:600px}.detail-body h3{font-family:var(--serif);font-size:26px;margin:22px 0 10px}.detail-recordings{display:grid;gap:0}.detail-recordings .recording-row{padding-left:0;padding-right:0}.detail-recordings .record-tag{display:none}.detail-credit{margin-top:23px;border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font-size:10px;line-height:1.8}.player{position:fixed;bottom:0;left:244px;right:0;min-height:96px;z-index:40;background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:13px 25px;box-shadow:0 -5px 30px #27271e08}.player-art{width:48px;height:48px;flex-shrink:0;background:var(--soft);border-radius:3px;display:grid;place-items:center}.player-art>span{width:37px;height:37px;background:repeating-radial-gradient(#2f332b 0px,#2f332b 1px,#4a4b3f 1.3px,#2f332b 2px);border-radius:50%;position:relative}.player-art>span:after{content:'';position:absolute;width:12px;height:12px;background:var(--accent);border-radius:50%;top:12.5px;left:12.5px}.player-info{min-width:0;max-width:240px;flex:1;text-align:left;padding:0}.player-info strong,.player-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info strong{font-size:11px;font-weight:500}.player-info span{font-size:9px;color:var(--muted);margin-top:5px}.player-middle{flex:1.3;min-width:130px;max-width:400px;margin:auto}.transport{display:flex;align-items:center;justify-content:center;gap:12px}.play-primary{height:33px;width:33px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper)}.play-primary svg{width:19px;height:19px}.timeline{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:8px;margin-top:7px}.timeline input{height:3px;flex:1;min-width:50px;accent-color:var(--accent);cursor:pointer}.player-options{display:flex;gap:5px;align-items:center;margin-left:auto}.speed-label select{font-size:10px;background:none;border:0;color:var(--ink);width:59px;padding:4px}.small-button{font-size:9px;border:1px solid var(--line);padding:5px 8px;border-radius:3px;white-space:nowrap}.small-button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--soft)}.audio-status{position:absolute;bottom:4px;left:90px;right:30px;color:var(--accent);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.has-player main{padding-bottom:96px}.toast{position:fixed;bottom:30px;left:calc(50% + 120px);transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--paper);border-radius:4px;font-size:11px;padding:12px 20px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;max-width:calc(100vw - 40px);text-align:center}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.has-player .toast{bottom:115px}
@media(min-width:1500px){main{padding:0 75px}.hero{gap:65px;padding:55px 0}.hero-visual{min-height:345px}.vinyl{width:255px;height:255px}.hero h1{font-size:85px}.hero-intro{font-size:13px}}
@media(max-width:1200px){.sidebar{width:215px;padding-left:17px;padding-right:17px}main{margin-left:215px;padding:0 32px}.player{left:215px}.hero{gap:26px}.hero h1{font-size:60px}.hero-visual{min-height:287px}.vinyl{width:207px;height:207px}.stats{gap:25px}.stats>p{display:none}.route-grid{gap:12px}.route-copy{padding:17px}.route-copy h2{font-size:27px}.player-art{display:none}.player-options .small-button{display:none}.toast{left:calc(50% + 107px)}}
@media(max-width:1000px){.sidebar{width:193px;padding:30px 13px 18px}.sidebar>.side-label{font-size:8px;letter-spacing:.8px;margin-bottom:28px}.nav-link{font-size:11px;gap:9px;padding:11px 10px}.source-note{padding-top:16px}.source-note p{font-size:24px}.brand{margin-left:6px}.brand b{font-size:39px}main{margin-left:193px;padding:0 27px}.edition{display:none}.hero{gap:20px}.hero h1{font-size:53px}.hero-visual{min-height:285px}.vinyl{width:187px;height:187px}.hero-intro{font-size:11px}.hero-cta{gap:15px}.hero-cta .text-link{font-size:10px}.primary-button{padding:12px 14px;font-size:10px;gap:9px}.featured-track{padding:13px}.record-stamp{right:9px}.palo-tile{padding:14px 12px}.palo-tile strong{font-size:25px}.palo-tile small{font-size:8px}.stats{gap:22px}.stats strong{font-size:25px}.stats span{font-size:9px}.type-tabs{gap:17px}.resource-card{padding:16px}.card-title{font-size:23px}.route-grid{grid-template-columns:1fr}.route-card{display:grid;grid-template-columns:160px 1fr}.route-art{height:auto;min-height:230px}.route-copy h2{font-size:30px}.route-copy p{margin-bottom:17px}.source-grid{gap:13px}.source-card{padding:23px}.source-card h2{font-size:30px}.player{left:193px;padding:11px 19px;gap:10px}.player-info{max-width:160px}.player-options{gap:0}.player-middle{min-width:110px}.toast{left:calc(50% + 96px)}.footer small{display:none}}
@media(max-width:760px){.sidebar{display:none}main{margin-left:0;padding:0 22px}.mobile-top{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.mobile-brand{font-size:16px;letter-spacing:-.5px}.mobile-brand b{font-size:29px;font-family:var(--serif);font-weight:400}.topbar{height:45px;font-size:8px;letter-spacing:1.1px}.hero{padding:28px 0 26px;gap:24px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:50px;margin:17px 0}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero-intro{font-size:11px}.hero-cta{gap:15px;flex-wrap:wrap;margin-top:20px}.hero-visual{min-height:275px}.visual-label{left:15px;font-size:7px}.featured-copy strong{font-size:9px}.featured-copy span{font-size:8px}.featured-track>span{display:none}.vinyl{width:175px;height:175px}.visual-number{font-size:21px}.stats{justify-content:space-between;gap:15px;padding:12px 0}.stats>div{gap:7px}.stats strong{font-size:25px}.stats span{font-size:9px}.palo-section{margin-top:27px}.section-top h2{font-size:24px}.palo-grid{gap:8px}.palo-tile{min-height:96px;padding:12px}.palo-tile strong{font-size:23px}.tile-art{width:60px;height:60px}.catalog-section{margin-top:31px}.catalog-title h2{font-size:32px}.footer{margin-top:40px;margin-bottom:95px}.footer>a{font-size:8px;gap:4px}.mobile-nav{display:flex;justify-content:space-around;background:var(--paper);position:fixed;bottom:0;left:0;right:0;z-index:50;border-top:1px solid var(--line);padding:11px 8px max(11px,env(safe-area-inset-bottom))}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:var(--muted);min-width:51px}.mobile-nav a svg{width:19px;height:19px}.mobile-nav a.active{color:var(--accent)}.page-heading{padding-top:30px}.page-heading h1{font-size:48px}.player{left:0;bottom:67px;min-height:90px;padding:12px 16px;gap:10px}.player-middle{max-width:230px}.player-info{max-width:220px}.player-options .speed-label{display:none}.player-options #playerSource{display:none}.player-options{margin-left:0}.audio-status{left:16px;font-size:8px;bottom:2px}.has-player main{padding-bottom:100px}.toast{left:50%;bottom:90px}.has-player .toast{bottom:175px}.source-card h2{font-size:29px}.source-card{padding:23px}.source-card p{font-size:11px}.tree-children{padding-left:14px}.tree-children .tree-children{padding-left:14px}.tree-branch>summary{padding:14px}.tree-branch>summary strong{font-size:25px}.tree-leaf{gap:6px;padding:8px 5px}.tree-leaf small{display:none}}
@media(max-width:520px){main{padding:0 19px}.mobile-top{padding:0 19px}.hero{display:block;padding-top:26px}.hero h1{font-size:66px;line-height:.95;letter-spacing:-1px;margin-top:20px}.hero h1 br{display:none}.hero h1 em{display:block}.hero-intro{font-size:12px;max-width:290px;line-height:1.8;margin-top:18px}.hero-cta{margin-top:20px;gap:25px}.hero-cta .primary-button{font-size:11px;padding:12px 18px}.hero-cta .text-link{font-size:11px}.hero-visual{margin-top:28px;min-height:235px}.vinyl{width:205px;height:205px;left:57%;top:38%}.visual-label{top:22px;left:20px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;letter-spacing:2px}.visual-number{right:18px;top:14px}.record-stamp{writing-mode:horizontal-tb;bottom:75px;left:19px;font-size:6px}.featured-track{padding:12px 17px}.featured-copy strong{font-size:11px}.featured-copy span{font-size:9px}.featured-track>span{display:block;font-size:8px}.stats{padding:13px 0;gap:11px}.stats>div{display:block}.stats strong{display:block;font-size:28px;line-height:1.1}.stats span{font-size:8px;display:block;margin-top:4px}.section-top{margin-bottom:12px}.section-top>span{font-size:9px}.palo-grid{grid-template-columns:1fr 1fr;gap:9px}.palo-tile{min-height:94px;padding:14px 16px}.palo-tile strong{font-size:27px;margin-top:4px}.palo-tile small{font-size:9px}.tile-art{right:1px;width:74px;height:74px}.catalog-title h2{font-size:31px}.catalog-title>span{font-size:9px}.catalog-title p{font-size:10px}.search-wrap{padding:0 12px;height:48px;gap:9px}.search-wrap input{font-size:11px}.search-kbd{display:none}.filters{gap:8px;margin:12px 0 17px}.filter-select{flex:1;min-width:calc(50% - 8px)}.filter-select select{max-width:100%;width:100%;font-size:10px;padding:8px 23px 8px 9px}.filter-select.artist-filter{display:none}.clear-filters{margin:0;padding:3px 1px;font-size:9px}.type-tabs{gap:20px;margin-right:-19px;padding-right:19px}.type-tab{font-size:10px;padding-bottom:11px}.type-tab .tab-count{display:none}.results{grid-template-columns:1fr;gap:10px}.resource-card{min-height:160px;padding:18px}.card-title{font-size:28px;margin-top:12px}.card-subtitle{font-size:10px}.card-bottom{font-size:9px}.recording-row{gap:10px;padding:12px 0;min-height:75px}.record-cover{width:41px;height:43px}.record-copy>button{font-size:11px}.record-copy>span{font-size:9px}.record-tag{display:none}.recording-row .save-button{width:24px}.round-play{width:31px;height:31px}.footer{margin-top:38px;gap:12px;align-items:center}.footer>a{max-width:135px;line-height:1.5}.footer>span{font-size:9px}.footer b{font-size:21px}.page-heading h1{font-size:49px}.page-heading>p{font-size:12px}.page-heading .eyebrow{font-size:8px}.route-card{display:flex}.route-art{height:150px;min-height:150px}.route-copy{padding:22px}.route-copy h2{font-size:34px}.route-copy p{font-size:12px}.source-grid{grid-template-columns:1fr}.source-card{padding:26px}.source-card h2{font-size:34px}.source-card p{font-size:12px}.coverage-metrics{gap:23px}.coverage-metrics strong{font-size:30px}.coverage-metrics span{font-size:9px}.tree-branch>summary small{font-size:8px}.tree-children .tree-branch>summary strong{font-size:10px;line-height:1.7}.tree-leaf{font-size:10px}.tree-controls{font-size:9px;gap:14px}.player{gap:7px;padding:11px 12px;min-height:86px}.player-info{max-width:none;flex:1}.player-info strong{font-size:10px;max-width:157px}.player-info span{font-size:8px;max-width:157px}.player-middle{flex:0.8;min-width:92px}.transport{gap:5px}.transport .icon-button{width:25px;height:25px}.transport #nextTrack{display:none}.play-primary{height:31px;width:31px}.player-options #closePlayer{width:23px;height:23px}.timeline{gap:5px;font-size:7px}.timeline input{min-width:42px;max-width:100px}.audio-status{left:12px}.detail-top{padding:28px 22px 22px}.detail-top h2{font-size:34px}.detail-body{padding:22px}.detail-actions .primary-button,.detail-actions .outline-button{padding:11px 13px}.detail-recordings .record-copy>button{white-space:normal}.detail-recordings .record-cover{display:none}dialog{width:calc(100% - 24px);max-height:85vh}.detail-recordings .save-button{display:none}.listening-note{padding:20px;margin-top:20px}.listening-note p{font-size:11px}.tree-branch>summary{gap:10px}.tree-count{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.source-video{display:block;width:100%;max-height:440px;background:#171a15;margin:0 0 22px;border-radius:3px}
@media(max-width:760px){.player-options .speed-label{display:block}.speed-label select{width:49px;font-size:9px}.player-info strong,.player-info span{max-width:140px}}
@media(max-width:520px){.player-info strong,.player-info span{max-width:125px}.player-middle{min-width:82px}.recording-row .round-play{width:36px;height:36px}.filter-select select{min-height:38px}}
.recording-row{min-width:0;width:100%}.record-copy>button{width:100%}.detail-actions .saved{color:var(--accent);border-color:var(--accent)}
@media(max-width:520px){.results{grid-template-columns:minmax(0,1fr)}}
.mobile-actions{display:flex;align-items:center;gap:7px}.support-nav{color:var(--accent)}.footer-links{display:flex;align-items:center;gap:22px}.footer-links a{display:flex;align-items:center;gap:7px;font-size:9px}.footer-links svg{width:14px;height:14px}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;border:1px solid var(--line);background:var(--surface);padding:15px 19px;border-radius:3px}.support-strip>span{font-family:var(--serif);font-size:23px;line-height:1.2}.support-strip small{display:inline;font-family:var(--sans);font-size:10px;color:var(--muted);margin-left:15px}.support-strip>a{display:flex;gap:9px;align-items:center;font-size:10px;color:var(--accent);white-space:nowrap}.support-strip svg{width:16px;height:16px}.support-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:start;max-width:1000px}.support-story{padding-top:15px}.support-story h2{font-family:var(--serif);font-size:36px;line-height:1.1;margin-bottom:17px}.support-story>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:390px}.support-principles{margin:26px 0}.support-principles p{padding:13px 0;border-top:1px solid var(--line);font-size:12px;display:flex;gap:16px}.support-principles span{color:var(--accent);font-size:9px;padding-top:3px}.donation-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);padding:31px;border-radius:4px;box-shadow:0 9px 25px #29292305}.donation-card .eyebrow{font-size:9px}.donation-amount{font-family:var(--serif);font-size:91px;line-height:1.05;letter-spacing:-3px;margin-top:23px}.donation-amount span{font-size:61px;color:var(--accent)}.donation-suggestion{color:var(--muted);font-size:11px;line-height:1.7;margin:10px 0 25px}.donation-cta{width:100%;font-size:12px;padding:15px 16px;justify-content:space-between}.donation-meta{font-size:10px;color:var(--muted);line-height:1.9;margin-top:15px}.donation-recipient{margin-top:24px;padding-top:19px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.donation-recipient strong{display:block;font-size:13px;color:var(--ink);margin:4px 0 3px;font-weight:500}.donation-recipient small{font-size:10px}.support-source-note{max-width:760px;color:var(--muted);font-size:11px;line-height:1.9;margin-top:33px}.support-source-note a{text-decoration:underline}.source-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
@media(max-width:1000px){.support-layout{gap:25px}.support-story h2{font-size:31px}.donation-card{padding:25px}.support-strip small{display:block;margin:5px 0 0}.footer-links{gap:15px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{font-size:8px}}
@media(max-width:760px){.support-layout{grid-template-columns:1fr 1fr;gap:22px}.support-story h2{font-size:31px}.support-strip{padding:14px 16px}.footer-links{max-width:220px;gap:9px}.support-strip>span{font-size:22px}}
@media(max-width:520px){.support-layout{grid-template-columns:1fr;gap:24px}.support-story{padding-top:0}.support-story h2{font-size:34px}.donation-card{padding:28px}.donation-amount{font-size:86px}.donation-suggestion{font-size:12px}.donation-meta{font-size:11px}.support-strip{gap:10px;padding:14px}.support-strip>span{font-size:22px}.support-strip small{font-size:9px;max-width:165px}.support-strip>a{font-size:9px;white-space:normal;max-width:100px}.footer-links{max-width:163px;gap:8px}.footer-links a{font-size:8px}.source-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.support-layout>.donation-card{grid-row:1}.support-layout>.support-story{grid-row:2}}

/* Source-led learning hub */
.header-support{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--accent);border-radius:4px;padding:9px 13px;color:var(--accent);font-size:10px;letter-spacing:0;text-transform:none;background:var(--surface)}
.header-support svg{width:15px;height:15px}.header-support:hover{background:var(--accent);color:#fff}
.sidebar a[data-nav="apoyar"]{background:var(--soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);margin-top:10px}
.support-nav{width:auto;gap:6px;padding:7px 10px;border-radius:4px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:var(--soft);font-size:10px}
.support-nav span{display:block}.support-nav svg{width:15px;height:15px}
@media(max-width:760px){.topbar .header-support{display:none}}
.support-strip{background:color-mix(in srgb,var(--accent) 9%,var(--surface));border-color:color-mix(in srgb,var(--accent) 30%,var(--line));padding:21px 23px;margin:25px 0 5px;gap:16px}
.support-strip .support-strip-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;color:var(--accent)}
.support-strip .support-strip-icon svg{width:20px;height:20px}.support-strip>span:not(.support-strip-icon){flex:1;font-size:25px}.support-strip small{display:block;margin:6px 0 0;font-size:10px;line-height:1.6}
.support-strip>a{background:var(--accent);color:#fff;border-radius:3px;padding:12px 15px;font-size:10px;line-height:1.5}.support-strip>a:hover{filter:brightness(.92)}
.hub-context{display:grid;grid-template-columns:1fr 1.4fr;column-gap:35px;row-gap:13px;border-bottom:1px solid var(--line);padding:25px 0;margin-top:25px}.hub-context .eyebrow{font-size:8px}.hub-context h2{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.1;margin:13px 0 0}.hub-context>p{font-size:12px;line-height:1.9;color:var(--muted);align-self:center;margin:0}.hub-context>a{grid-column:2;font-size:11px;justify-self:start}
.hero .hero-intro{max-width:390px}.hero-cta>button{font-size:11px;white-space:nowrap}.hero .eyebrow{font-size:8px}.card-kind svg{width:12px;height:12px;vertical-align:middle;margin-right:3px}
.hub-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:0 0 27px}.hub-principles p{margin:0}.hub-principles strong{font-size:12px;font-weight:500;display:block;margin-bottom:8px}.hub-principles span{font-size:11px;line-height:1.8;color:var(--muted);display:block}
.directory-groups{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.directory-groups button{border:1px solid var(--line);background:var(--surface);padding:9px 12px;border-radius:3px;font-size:10px;color:var(--muted)}.directory-groups button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.directory-results-top{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:11px;color:var(--muted)}.directory-results-top button{font-size:10px}
.source-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));align-items:start}.source-card{display:flex;flex-direction:column;padding:25px;min-width:0;height:100%}.source-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.source-card .source-number{font-size:28px}.source-mode{font-size:8px;color:var(--muted);text-align:right}.source-topic{display:block;margin-top:22px;font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.8px}.source-card h2{font-size:31px;line-height:1.1;margin:9px 0 11px;overflow-wrap:anywhere}.source-card>p{font-size:11px;line-height:1.85;margin:18px 0 21px}.source-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:auto}.source-card-actions .text-link{font-size:10px}.source-access{border-top:1px solid var(--line);padding-top:14px;margin-top:20px;font-size:9px;color:var(--muted);line-height:1.7}.source-access summary{cursor:pointer}.source-access p{font-size:10px;margin:12px 0;line-height:1.8}.source-access a{font-size:9px;text-decoration:underline}.source-access svg{width:11px;height:11px;vertical-align:middle}
.detail-provenance{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--soft);border:1px solid var(--line);margin-bottom:20px;border-radius:3px;font-size:11px}.detail-provenance>svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}.detail-provenance strong{font-weight:500}.detail-provenance small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.detail-provenance>a{margin-left:auto}.detail-provenance>a svg{width:15px;height:15px}.collection-note p{font-size:13px;color:var(--muted);line-height:1.9}.collection-note>small{display:block;margin-top:18px;font-size:11px;line-height:1.8;color:var(--muted)}
.lyrics-section{border:1px solid var(--line);border-top:2px solid var(--accent);background:var(--surface);padding:22px;margin:25px 0}.lyrics-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.lyrics-heading .eyebrow{font-size:8px}.lyrics-heading h3{margin:9px 0 0;font-size:31px}.lyrics-source{display:inline-flex;gap:6px;font-size:9px;color:var(--accent);align-items:center}.lyrics-source svg{width:14px;height:14px}.lyrics-section>p{font-size:11px;color:var(--muted);line-height:1.8;max-width:580px}.lyrics-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:17px}.lyrics-actions>.primary-button{font-size:11px;padding:11px 14px}.lyrics-actions>.text-link{font-size:10px}#lyricsReader{margin-top:21px}#lyricsReader iframe{display:block;width:100%;height:560px;background:#fff;border:1px solid var(--line);border-radius:3px;color-scheme:light}.reader-note{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.7}.row-lyrics{color:var(--accent);width:28px;flex-shrink:0}dialog:has(#lyricsReader:not([hidden])){width:min(1050px,calc(100% - 40px))}
@media(max-width:1000px){.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-principles{gap:17px}.hub-context{column-gap:25px}.hero-cta{flex-wrap:wrap}.hero-cta>button{font-size:10px}.support-strip>span:not(.support-strip-icon){font-size:22px}}
@media(max-width:760px){.hub-principles{grid-template-columns:1fr;gap:17px}.hub-principles p{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.hub-principles strong{margin:0;line-height:1.6}.hub-context{margin-top:16px}.support-strip{padding:17px}.support-strip .support-strip-icon{display:none}.header-support{font-size:9px}.lyrics-section{padding:19px}.lyrics-heading h3{font-size:29px}}
@media(max-width:520px){.source-grid{grid-template-columns:minmax(0,1fr)}.hub-context{grid-template-columns:1fr;gap:16px;padding:21px 0}.hub-context h2{font-size:33px}.hub-context>p{font-size:12px}.hub-context>a{grid-column:1;font-size:11px}.support-strip{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;padding:20px}.support-strip>span:not(.support-strip-icon){font-size:27px}.support-strip small{font-size:11px;max-width:none}.support-strip>a{max-width:none;justify-content:space-between;font-size:11px;white-space:normal}.hub-principles p{display:block}.hub-principles strong{margin-bottom:5px}.directory-groups{gap:6px}.directory-groups button{font-size:9px;padding:9px}.source-card{padding:25px}.source-card h2{font-size:34px}.source-card>p{font-size:12px}.source-card-actions .text-link{font-size:11px}.source-author{line-height:1.7}.source-access{font-size:10px}.source-access p{font-size:11px}.source-access a{font-size:10px}.source-topic{font-size:9px}.source-mode{font-size:9px}.coverage-metrics{flex-wrap:wrap;gap:17px}.coverage-metrics>div{flex:1;min-width:75px}.hero h1{font-size:65px}.hero-cta>button{font-size:11px}.hero .eyebrow{font-size:7px;line-height:1.6}.lyrics-heading{display:block}.lyrics-source{margin-top:12px}.lyrics-section{padding:17px;margin-left:-5px;margin-right:-5px}.lyrics-section>p{font-size:12px}.lyrics-actions{gap:16px}.lyrics-actions>.primary-button{width:100%;justify-content:center}.lyrics-actions>.text-link{font-size:11px}#lyricsReader iframe{height:480px}.row-lyrics{width:25px}.detail-recordings .record-copy{min-width:0}.detail-recordings .record-copy>button{font-size:11px}.detail-provenance{padding:12px}.detail-provenance small{font-size:10px}dialog:has(#lyricsReader:not([hidden])){width:calc(100% - 20px)}.detail-body .recording-row{gap:7px}}