.nbc-classical-root{box-sizing:border-box;width:100%;min-width:0;margin:0 auto;isolation:isolate}
.nbc-classical-root :where(h1,h2,h3,h4,h5,h6){color:inherit;background:none;border:0;box-shadow:none;padding:0}
.nbc-classical-root :where(button,input,select){border-radius:0;letter-spacing:normal;text-transform:none;box-shadow:none}
.nbc-classical-root{color-scheme:dark;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:15px;line-height:1.85;background:#101923;color:#e9edf1;--gold:#e4be7c;--muted:#b0bdc7;--line:#34424e}
.nbc-classical-root *{box-sizing:border-box}
.nbc-classical-root{margin:0}
.nbc-classical-root a{color:var(--gold);text-underline-offset:4px}
.nbc-classical-root button,.nbc-classical-root input,.nbc-classical-root select{font:inherit;color:inherit}
.nbc-classical-root button{cursor:pointer;border:1px solid #526171;background:#14212d;padding:9px 14px;min-height:44px}
.nbc-classical-root button:hover,.nbc-classical-root button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
.nbc-classical-root button:disabled{opacity:.45;cursor:default}
.nbc-classical-root input,.nbc-classical-root select{background:#14212d;border:1px solid #526171;padding:9px;width:100%;min-width:0}
.nbc-classical-root a:focus-visible,.nbc-classical-root button:focus-visible,.nbc-classical-root input:focus-visible,.nbc-classical-root select:focus-visible,.nbc-classical-root summary:focus-visible,.nbc-classical-root [tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.nbc-classical-root [hidden]{display:none!important}
.nbc-classical-root .root{max-width:1500px;padding:0 5vw;margin:auto}
.nbc-classical-root .skip{position:absolute;left:10px;top:-100px;background:#14212d;z-index:10;padding:12px}
.nbc-classical-root .skip:focus{top:10px}
.nbc-classical-root header{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:22px 0;font-size:12px;letter-spacing:.14em}
.nbc-classical-root header a{text-decoration:none}
.nbc-classical-root header span{color:var(--muted);font-size:10px}
.nbc-classical-root .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;padding:60px 0}
.nbc-classical-root .eyebrow{font-size:12px;color:var(--gold);letter-spacing:.18em;margin:0 0 16px}
.nbc-classical-root h1,.nbc-classical-root h2,.nbc-classical-root h3,.nbc-classical-root .lead{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500}
.nbc-classical-root h1{font-size:clamp(32px,4.2vw,62px);line-height:1.45;letter-spacing:.06em;margin:0 0 20px}
.nbc-classical-root .lead{font-size:24px;margin:0 0 12px}
.nbc-classical-root .intro{color:var(--muted);font-size:14px}
.nbc-classical-root .pilot{display:inline-block;border:1px solid #526171;padding:2px 10px;font-size:11px;color:var(--muted)}
.nbc-classical-root .invitation{align-self:center;border-block:1px solid #897a60;padding:30px;background:repeating-linear-gradient(0deg,transparent 0,transparent 39px,#34424e40 40px,#34424e40 41px)}
.nbc-classical-root .invitation h2{font-size:30px;line-height:1.7;margin:12px 0 20px}
.nbc-classical-root .invitation p{font-size:14px}
.nbc-classical-root .invitation>a{display:inline-block;margin-top:12px}
.nbc-classical-root .small{font-size:12px;color:var(--muted)}
.nbc-classical-root .section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.nbc-classical-root .section-heading h2{font-size:25px;margin:0}
.nbc-classical-root .section-heading p{font-size:12px;color:var(--muted);margin:0}
.nbc-classical-root .courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:38px}
.nbc-classical-root .courses button{text-align:left;padding:20px;background:transparent;border:0;border-left:2px solid #a88f69}
.nbc-classical-root .courses span{font-size:11px;color:var(--gold);display:block}
.nbc-classical-root .courses strong{font-size:18px;font-weight:500;display:block;margin:5px 0}
.nbc-classical-root .courses small{color:var(--muted);display:block;font-size:12px}
.nbc-classical-root .history{border-block:1px solid var(--line);padding:28px 0;margin-bottom:40px}
.nbc-classical-root .eras{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.nbc-classical-root .eras button{padding:12px;text-align:left;min-width:0}
.nbc-classical-root .eras span,.nbc-classical-root .eras small{font-size:10px;color:var(--muted);display:block}
.nbc-classical-root .eras strong{font-weight:500;display:block;margin:4px 0}
.nbc-classical-root .eras small{font-size:11px}
.nbc-classical-root #ca-era-guide:empty{display:none}
.nbc-classical-root #ca-era-guide{border-left:2px solid var(--gold);padding:0 18px;margin:22px 0 8px;font-size:13px}
.nbc-classical-root #ca-era-guide h3{font-size:18px}
.nbc-classical-root .toolbar{display:grid;grid-template-columns:2fr 1fr auto;gap:14px;align-items:end}
.nbc-classical-root .toolbar label{font-size:12px;color:var(--muted)}
.nbc-classical-root .toolbar input,.nbc-classical-root .toolbar select{display:block;margin-top:4px;color:#e9edf1}
.nbc-classical-root .viewbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:22px 0}
.nbc-classical-root .viewbar button{font-size:13px}
.nbc-classical-root #ca-count{font-size:12px;color:var(--muted)}
.nbc-classical-root .map-scroll{overflow-x:auto;border:1px solid var(--line);background:#121e29;padding:14px}
.nbc-classical-root .map-head{display:grid;grid-template-columns:repeat(3,1fr);min-width:780px;text-align:center;font-size:12px;color:var(--gold);padding-bottom:12px}
.nbc-classical-root .map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:780px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.nbc-classical-root .cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px;min-height:150px;background:radial-gradient(ellipse at center,#27374350,transparent 75%)}
.nbc-classical-root .cell h3{font-family:inherit;font-size:10px;color:var(--muted);font-weight:400;margin:0 0 12px}
.nbc-classical-root .point{width:100%;display:block;text-align:left;background:#1b2935;margin:8px 0;padding:8px 11px;border:1px solid #435563;border-left:3px solid #a7bfcc;line-height:1.5}
.nbc-classical-root .point small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}
.nbc-classical-root .point span{display:block;font-size:13px}
.nbc-classical-root .point.medieval{border-left-color:#a9b98c}
.nbc-classical-root .point.renaissance{border-left-color:#d6a283}
.nbc-classical-root .point.baroque{border-left-color:#d4b579}
.nbc-classical-root .point.classical{border-left-color:#83bdae}
.nbc-classical-root .point.romantic{border-left-color:#c4a0bd}
.nbc-classical-root .point.modern{border-left-color:#8baed6}
.nbc-classical-root .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nbc-classical-root .card{background:#16222e;border:1px solid var(--line);padding:20px;min-width:0}
.nbc-classical-root .card h3{font-size:20px;line-height:1.6;margin:8px 0}
.nbc-classical-root .composer{font-size:13px;color:var(--gold);margin:8px 0}
.nbc-classical-root .meta{font-size:11px;color:var(--muted);margin:0}
.nbc-classical-root .excerpt{font-size:12px;color:var(--muted)}
.nbc-classical-root .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.nbc-classical-root .actions button{font-size:12px}
.nbc-classical-root .profile{font-size:14px;overflow-wrap:anywhere}
.nbc-classical-root .profile summary{cursor:pointer}
.nbc-classical-root .profile h4{font-weight:500;font-size:15px;color:var(--gold);margin:24px 0 8px}
.nbc-classical-root .profile p{margin:8px 0}
.nbc-classical-root.enhanced .card>.profile{display:none}
.nbc-classical-root .listen-link{display:inline-block;padding:12px 0}
.nbc-classical-root .sources{padding-left:20px;font-size:12px}
.nbc-classical-root .sources li{margin:10px 0}
.nbc-classical-root #ca-empty{padding:30px;border:1px solid var(--line)}
.nbc-classical-root #ca-compare-bar{position:sticky;bottom:8px;background:#21303d;border:1px solid #60707d;display:flex;align-items:center;gap:12px;padding:14px;margin:20px 0;z-index:2}
.nbc-classical-root #ca-compare-count{font-size:12px;flex:1}
.nbc-classical-root #ca-compare-bar button{font-size:12px;flex-shrink:0}
.nbc-classical-root .about{border-top:1px solid var(--line);padding:25px 0;margin-top:40px;color:var(--muted);font-size:13px}
.nbc-classical-root .about summary{font-size:16px;cursor:pointer}
.nbc-classical-root footer{border-top:1px solid var(--line);display:flex;gap:25px;padding:24px 0 36px;font-size:11px}
.nbc-classical-root footer span{margin-left:auto;color:var(--muted)}
.nbc-classical-root dialog{width:min(1000px,94vw);max-height:90dvh;background:#17232e;color:#e9edf1;border:1px solid #647381;padding:0}
.nbc-classical-root dialog::backdrop{background:#000b}
.nbc-classical-root .dialog-head{position:sticky;top:0;z-index:1;background:#21313f;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px}
.nbc-classical-root .dialog-head h2{font-size:21px;margin:0}
.nbc-classical-root .dialog-head button{flex:none}
.nbc-classical-root #ca-dialog-body{padding:24px 28px}
.nbc-classical-root .detail-work>h3{font-size:27px;margin:8px 0}
.nbc-classical-root .comparing{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.nbc-classical-root .detail-work{min-width:0}
.nbc-classical-root .next{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}
.nbc-classical-root .next button{display:block;margin:10px 0;text-align:left}
.nbc-classical-root #ca-explore{scroll-margin-top:20px}
@media (max-width:900px){.nbc-classical-root .eras{grid-template-columns:repeat(3,minmax(0,1fr))}
.nbc-classical-root .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.nbc-classical-root .courses{gap:8px}
.nbc-classical-root .courses button{padding:12px}
.nbc-classical-root .hero{gap:4vw}
.nbc-classical-root .invitation{padding:22px}}
@media (max-width:600px){.nbc-classical-root .root{padding:0 18px}
.nbc-classical-root header span{font-size:8px;letter-spacing:0}
.nbc-classical-root .hero{grid-template-columns:1fr;padding:34px 0;gap:28px}
.nbc-classical-root h1{font-size:38px}
.nbc-classical-root .lead{font-size:21px}
.nbc-classical-root .invitation h2{font-size:24px}
.nbc-classical-root .courses{grid-template-columns:1fr;gap:12px}
.nbc-classical-root .courses button{padding:10px 16px}
.nbc-classical-root .eras{grid-template-columns:repeat(2,minmax(0,1fr))}
.nbc-classical-root .toolbar{grid-template-columns:1fr 1fr}
.nbc-classical-root .toolbar label:first-child{grid-column:1/-1}
.nbc-classical-root .toolbar button{font-size:12px}
.nbc-classical-root .viewbar{align-items:flex-start;flex-wrap:wrap;gap:8px}
.nbc-classical-root .gallery,.nbc-classical-root .comparing{grid-template-columns:1fr}
.nbc-classical-root .section-heading{gap:8px}
.nbc-classical-root .section-heading h2{font-size:23px}
.nbc-classical-root #ca-compare-bar{flex-wrap:wrap;bottom:0;padding:10px}
.nbc-classical-root #ca-compare-count{flex-basis:100%}
.nbc-classical-root #ca-compare-bar button{font-size:11px}
.nbc-classical-root .dialog-head{padding:12px}
.nbc-classical-root .dialog-head h2{font-size:17px}
.nbc-classical-root #ca-dialog-body{padding:20px 16px}
.nbc-classical-root .detail-work>h3{font-size:23px}
.nbc-classical-root footer{flex-wrap:wrap;gap:15px}
.nbc-classical-root footer span{margin-left:0;flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.nbc-classical-root *{scroll-behavior:auto!important}}
.nbc-classical-root .lifespan{font-size:11px;color:var(--muted);margin:4px 0 0}
.nbc-classical-root #ca-timeline-view{margin-top:4px}
.nbc-classical-root .tl-chart{border:1px solid var(--line);background:#121e29;padding:14px 16px 8px;margin-bottom:36px}
.nbc-classical-root .tl-axis,.nbc-classical-root .tl-bands,.nbc-classical-root .tl-marks,.nbc-classical-root .tl-row{display:grid;grid-template-columns:10.5em minmax(0,1fr);gap:14px;align-items:center}
.nbc-classical-root .tl-track{position:relative;display:block}
.nbc-classical-root .tl-name{font-size:11px;color:var(--muted);min-width:0}
.nbc-classical-root .tl-axis .tl-track{height:22px;border-bottom:1px solid var(--line)}
.nbc-classical-root .tl-tick{position:absolute;top:0;transform:translateX(-50%);font-size:10px;color:var(--muted)}
.nbc-classical-root .tl-tick:first-child{transform:none}
.nbc-classical-root .tl-tick:last-child{transform:translateX(-100%)}
.nbc-classical-root .tl-bands .tl-track{height:54px}
.nbc-classical-root .tl-era{position:absolute;height:22px;padding:3px 8px 3px 24px;font-size:11px;font-weight:600;line-height:16px;white-space:nowrap;overflow:hidden;color:#101923;--c:#a7bfcc;background:linear-gradient(90deg,transparent,var(--c) 20px,var(--c) calc(100% - 20px),transparent)}
.nbc-classical-root .tl-era.era-medieval{--c:#a9b98c}
.nbc-classical-root .tl-era.era-renaissance{--c:#d6a283}
.nbc-classical-root .tl-era.era-baroque{--c:#d4b579}
.nbc-classical-root .tl-era.era-classical{--c:#83bdae}
.nbc-classical-root .tl-era.era-romantic{--c:#c4a0bd}
.nbc-classical-root .tl-era.era-modern{--c:#8baed6}
.nbc-classical-root .tl-era.is-active{box-shadow:0 0 0 2px var(--gold);color:#000}
.nbc-classical-root .tl-lane1{top:4px}
.nbc-classical-root .tl-lane2{top:29px}
.nbc-classical-root .tl-name small{display:block;font-size:10px;color:var(--muted)}
.nbc-classical-root .tl-marks .tl-track{height:20px}
.nbc-classical-root .tl-mark-rows2 .tl-track{height:38px}
.nbc-classical-root .tl-mark-rows3 .tl-track{height:56px}
.nbc-classical-root .tl-mark-rows4 .tl-track{height:74px}
.nbc-classical-root .tl-mark{position:absolute;top:1px;width:18px;height:18px;margin-left:-9px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.nbc-classical-root .tl-mark span{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.nbc-classical-root .tl-mark:hover span,.nbc-classical-root .tl-mark:focus-visible span{width:12px;height:12px;background:#f3d9a6}
.nbc-classical-root .tl-mark-row1{top:19px}
.nbc-classical-root .tl-mark-row2{top:37px}
.nbc-classical-root .tl-mark-row3{top:55px}
.nbc-classical-root .tl-row{width:100%;min-height:42px;padding:5px 0;background:transparent;border:0;border-bottom:1px solid #1e2b37;text-align:left}
.nbc-classical-root .tl-row:hover,.nbc-classical-root .tl-row:focus-visible{background:#182633;color:inherit}
.nbc-classical-root .tl-row .tl-name{font-size:13px;color:#e9edf1}
.nbc-classical-root .tl-row .tl-name small{display:block;font-size:11px;color:var(--muted)}
.nbc-classical-root .tl-row .tl-track{height:30px;background-image:linear-gradient(90deg,#26343f 1px,transparent 1px);background-size:var(--tl-grid,calc(100% / 7)) 100%}
.nbc-classical-root .tl-bar{position:absolute;top:10px;height:10px;border-radius:5px;background:#a7bfcc}
.nbc-classical-root .tl-bar.era-medieval{background:#a9b98c}
.nbc-classical-root .tl-bar.era-renaissance{background:#d6a283}
.nbc-classical-root .tl-bar.era-baroque{background:#d4b579}
.nbc-classical-root .tl-bar.era-classical{background:#83bdae}
.nbc-classical-root .tl-bar.era-romantic{background:#c4a0bd}
.nbc-classical-root .tl-bar.era-modern{background:#8baed6}
.nbc-classical-root .is-dim{opacity:.4}
.nbc-classical-root .tl-heading{font-size:20px;margin:0 0 16px}
.nbc-classical-root .tl-chronicle{display:grid;gap:26px}
.nbc-classical-root .tl-period{border-left:2px solid var(--line);padding-left:18px}
.nbc-classical-root .tl-period.era-medieval{border-left-color:#a9b98c}
.nbc-classical-root .tl-period.era-renaissance{border-left-color:#d6a283}
.nbc-classical-root .tl-period.era-baroque{border-left-color:#d4b579}
.nbc-classical-root .tl-period.era-classical{border-left-color:#83bdae}
.nbc-classical-root .tl-period.era-romantic{border-left-color:#c4a0bd}
.nbc-classical-root .tl-period.era-modern{border-left-color:#8baed6}
.nbc-classical-root .tl-dates{margin:0;font-size:11px;letter-spacing:.1em;color:var(--gold)}
.nbc-classical-root .tl-period-head h3{font-size:21px;margin:2px 0 6px}
.nbc-classical-root .tl-period-head p{font-size:13px;color:var(--muted);margin:4px 0}
.nbc-classical-root .tl-items{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
.nbc-classical-root .tl-items>li{display:grid;grid-template-columns:5.6em minmax(0,1fr);gap:12px;min-width:0}
.nbc-classical-root .tl-items>li>div{min-width:0;overflow-wrap:anywhere}
.nbc-classical-root .tl-year{margin:0;font-size:13px;color:var(--gold)}
.nbc-classical-root .tl-year small{display:block;font-size:10px;color:var(--muted)}
.nbc-classical-root .tl-event{scroll-margin-top:96px;border-radius:2px}
.nbc-classical-root .tl-event:target,.nbc-classical-root .tl-event:focus{outline:2px solid var(--gold);outline-offset:6px}
.nbc-classical-root .tl-items h4{margin:0 0 4px;font-size:16px;font-weight:500}
.nbc-classical-root .tl-items p{margin:4px 0;font-size:13px}
.nbc-classical-root .tl-theme{font-size:10px!important;letter-spacing:.12em;color:var(--muted)}
.nbc-classical-root .tl-person{background:#16222e;border:1px solid var(--line);padding:12px}
.nbc-classical-root .tl-open{margin-top:8px;font-size:12px}
.nbc-classical-root.enhanced .tl-person .person-profile{display:none}
.nbc-classical-root .person-profile summary{cursor:pointer;font-size:13px}
.nbc-classical-root .person-profile h4,.nbc-classical-root .detail-person .profile h4{font-weight:500;font-size:15px;color:var(--gold);margin:20px 0 6px}
.nbc-classical-root .relations,.nbc-classical-root .person-works{padding-left:20px;font-size:13px}
.nbc-classical-root .relations li,.nbc-classical-root .person-works li{margin:8px 0}
.nbc-classical-root .person-link{margin-top:14px}
.nbc-classical-root .attrib{font-size:12px;color:var(--gold)}
.nbc-classical-root .tl-overview{border:1px solid var(--line);background:#121e29;padding:12px 16px 14px;margin-bottom:26px}
.nbc-classical-root .tl-ov-title{margin:0 0 6px;font-size:14px}
.nbc-classical-root .tl-ov-title small{margin-left:10px;font-size:11px;color:var(--muted)}
.nbc-classical-root .tl-ov-track{position:relative}
.nbc-classical-root .tl-ov-axis{position:relative;height:18px}
.nbc-classical-root .tl-ov-eras{position:relative;height:10px;background:#1b2935}
.nbc-classical-root .tl-ov-era{position:absolute;top:0;height:10px;--c:#a7bfcc;background:var(--c)}
.nbc-classical-root .tl-ov-era.era-medieval{--c:#a9b98c}
.nbc-classical-root .tl-ov-era.era-renaissance{--c:#d6a283}
.nbc-classical-root .tl-ov-era.era-baroque{--c:#d4b579}
.nbc-classical-root .tl-ov-era.era-classical{--c:#83bdae}
.nbc-classical-root .tl-ov-era.era-romantic{--c:#c4a0bd}
.nbc-classical-root .tl-ov-era.era-modern{--c:#8baed6}
.nbc-classical-root .tl-ov-ranges{position:relative;height:66px;margin-top:6px}
.nbc-classical-root .tl-ov-range{position:absolute;top:0;min-height:30px;display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid #6a7a87;border-top:3px solid var(--gold);font-size:12px;line-height:1.3;text-decoration:none;color:#e9edf1;background:#16222e;overflow:hidden;white-space:nowrap}
.nbc-classical-root .tl-ov-range+.tl-ov-range{top:34px}
.nbc-classical-root .tl-ov-range small{font-size:10px;color:var(--muted)}
.nbc-classical-root .tl-ov-range:hover,.nbc-classical-root .tl-ov-range:focus-visible{background:#1d2c39;color:var(--gold)}
.nbc-classical-root .tl-range{margin-bottom:30px;scroll-margin-top:96px}
.nbc-classical-root .tl-range:focus{outline:none}
.nbc-classical-root .tl-range:focus .tl-range-title{color:var(--gold)}
.nbc-classical-root .tl-range-title{font-size:16px;font-weight:500;margin:0 0 10px}
.nbc-classical-root .tl-range-title small{margin-left:10px;font-size:11px;font-weight:400;color:var(--muted)}
@media (min-width:900px){.nbc-classical-root.enhanced .tl-chronicle .tl-person{display:none}}
@media (max-width:899px){.nbc-classical-root .tl-chart,.nbc-classical-root .tl-range-note,.nbc-classical-root .tl-overview,.nbc-classical-root .tl-range-title{display:none}}
@media (max-width:767px){.nbc-classical-root .tl-items>li{grid-template-columns:4.6em minmax(0,1fr);gap:10px}}
.nbc-classical-root .listening-options{margin:16px 0}
.nbc-classical-root .listening-option{padding:8px 0;border-bottom:1px solid var(--line)}
.nbc-classical-root .listening-option .listen-link{min-height:44px;box-sizing:border-box}
.nbc-classical-root .listening-option .small{margin:0 0 8px}