.music-note-intro{background:#eee9df;color:#203b38;border-bottom:1px solid #d8d5cb}.music-note-intro .page-shell{padding-top:72px;padding-bottom:64px}.note-eyebrow{font-size:12px;letter-spacing:.17em;font-weight:750;color:#7d482e}.music-note-intro h1{font-size:clamp(40px,6vw,68px);letter-spacing:-.055em;line-height:1.2;margin:20px 0}.music-note-intro p{font-size:18px;line-height:1.9;color:#50615b}.note-list-section{padding-top:36px;padding-bottom:80px}.note-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.note-filters a{padding:12px 18px;min-height:44px;border:1px solid #d7dcd6;border-radius:24px;text-decoration:none;font-size:14px;color:#30453f}.note-filters a[aria-current=page]{color:#fff;background:#23483f;border-color:#23483f}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.note-card{border:1px solid #e3e6e1;border-radius:12px;overflow:hidden;background:#fff}.note-card>a{display:block;height:100%;text-decoration:none;color:#243c36}.note-card-image{aspect-ratio:16/9;background:#e8ebe2;overflow:hidden}.note-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.note-card:hover .note-card-image img{transform:scale(1.025)}.note-card-body{padding:24px}.note-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:12px;color:#65746d}.note-meta>span{color:#94512e;font-weight:750}.note-card h2{font-size:23px;line-height:1.5;letter-spacing:-.035em;margin:16px 0}.note-card p{font-size:15px;line-height:1.85;color:#58675f}.note-card b{display:block;margin-top:25px;font-size:13px;color:#7e442a}.note-empty{padding:50px 0;color:#66796f}.music-note-single{padding:58px 24px 76px;background:#fbfaf7}.note-article-head{max-width:760px;margin:0 auto 38px}.note-back{font-size:13px;color:#556c60;text-decoration:none;display:inline-block;padding:8px 0;margin-bottom:25px}.note-article-head h1{font-size:clamp(30px,4vw,48px);line-height:1.4;letter-spacing:-.045em;color:#233c36;margin:20px 0}.note-article-head>p{font-size:18px;line-height:1.85;color:#607069}.note-article-cover{max-width:1000px;margin:0 auto 48px}.note-article-cover img{display:block;width:100%;height:auto;border-radius:10px}.note-article-cover figcaption{font-size:12px;color:#738078;margin-top:10px;text-align:right}.note-article-body{max-width:720px;margin:auto;font-size:17px;line-height:1.95;color:#30413b;word-break:keep-all;overflow-wrap:anywhere}.note-article-body h2{font-size:25px;line-height:1.5;letter-spacing:-.025em;margin:40px 0 14px;color:#233c36}.note-article-body p{margin:0 0 22px}.note-article-body a{color:#93502e;text-decoration:underline;text-underline-offset:4px}.note-article-body .note-takeaway{padding:24px;border-left:3px solid #b3734f;background:#f0ede4;margin:32px 0}.note-article-body .note-sources{font-size:13px;line-height:1.8;color:#63736a;border-top:1px solid #d9ded6;padding-top:22px;margin-top:36px}.note-article-footer{display:flex;flex-wrap:wrap;gap:18px;align-items:center;max-width:720px;margin:44px auto 0;padding-top:24px;border-top:1px solid #d9ded6;font-size:13px}.note-article-footer span{font-size:11px;letter-spacing:.1em;color:#728079;margin-right:auto}.note-article-footer a,.note-article-footer button{display:inline-block;border:1px solid #ccd5cb;border-radius:5px;background:transparent;color:#324d3e;padding:12px 15px;min-height:44px;font:inherit;text-decoration:none;cursor:pointer}.music-note-archive a:focus-visible,.music-note-single a:focus-visible,.music-note-single button:focus-visible{outline:3px solid #bd5f87;outline-offset:4px}@media(max-width:950px){.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.music-note-intro .page-shell{padding-top:44px;padding-bottom:38px}.music-note-intro p{font-size:16px}.note-grid{grid-template-columns:1fr}.note-card-body{padding:22px}.music-note-single{padding:30px 20px 48px}.note-article-head>p{font-size:16px}.note-article-body{font-size:16px;line-height:1.95}.note-article-body h2{font-size:23px}.note-article-cover{margin-bottom:30px}.note-article-footer span{width:100%}.note-filters{gap:8px}.note-filters a{padding:10px 15px}}

.note-article-head h1,.note-card h2{word-break:keep-all;overflow-wrap:anywhere}
