/* Music editorial pages (listening notes). Loaded only on these pages. */
.ln-page h1.sectionheader{font-size:clamp(34px,4.3vw,60px)!important;line-height:1.08!important;max-width:1040px;margin:0 auto 22px!important;text-transform:none}

.ln-article{--ln-navy:#1d4a95;--ln-sky:#55beec;--ln-blue:#1a80b6;--ln-coral:#e8846c;--ln-text:#59636b;--ln-pale:#eef7fd;
  font-family:"Nunito Sans",Arial,Helvetica,sans-serif;color:var(--ln-text);font-size:18px;line-height:1.7;overflow:hidden}
.ln-article *,.ln-article *::before,.ln-article *::after{box-sizing:border-box}
.ln-article .ln-wrap{max-width:1160px;margin:0 auto;padding:0 30px}
.ln-article p{margin:0 0 1.05em;font-family:inherit;font-size:18px;line-height:1.7;color:inherit}
.ln-article p:last-child{margin-bottom:0}
.ln-article a{color:var(--ln-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s}
.ln-article a:hover,.ln-article a:focus{color:var(--ln-navy)}
.ln-article a:focus-visible{outline:2px solid var(--ln-coral);outline-offset:2px}
.ln-article strong{font-weight:700;color:var(--ln-navy)}

#main .ln-article .ln-h2{font-family:Alegreya,Georgia,serif!important;font-weight:800!important;font-size:40px!important;line-height:1.12!important;letter-spacing:0;text-transform:none;color:var(--ln-navy);margin:0 0 26px;padding:0}
.ln-article .ln-h2::after{content:"";display:block;width:88px;height:4px;margin-top:18px;background:var(--ln-coral)}

/* bands */
.ln-article .ln-band{padding:92px 0}
.ln-article .ln-band-sky{background:var(--ln-sky)}
.ln-article .ln-band-navy{background:var(--ln-navy);color:#e9f1fb}
#main .ln-article .ln-band-navy .ln-h2{color:#fff}
.ln-article .ln-band-navy a{color:#c4e9fa}
.ln-article .ln-band-navy a:hover{color:#fff}

/* intro */
.ln-article .ln-intro{padding:76px 0 70px}
.ln-article .ln-lead{font-size:22px;line-height:1.65;color:#3f4b58}

/* card */
.ln-article .ln-card{background:#fff;padding:54px 58px;box-shadow:0 22px 46px -18px rgba(13,36,79,.45)}

/* split: photo runs to the window edge, text keeps the content grid */
.ln-article .ln-split{display:grid;grid-template-columns:minmax(30px,1fr) minmax(0,550px) minmax(0,550px) minmax(30px,1fr)}
.ln-article .ln-split__media{position:relative;margin:0;min-height:600px;overflow:hidden;background:#cfd8e3}
.ln-article .ln-split__media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.ln-article .ln-split--left .ln-split__media{grid-column:1/3;grid-row:1}
.ln-article .ln-split--left .ln-split__body{grid-column:3/4;grid-row:1;align-self:center;position:relative;z-index:1;padding:88px 0}
.ln-article .ln-split--left .ln-card{margin-left:-150px}
.ln-article .ln-split--right .ln-split__body{grid-column:2/3;grid-row:1;align-self:center;padding:96px 72px 96px 0}
.ln-article .ln-split--right .ln-split__media{grid-column:3/5;grid-row:1}

/* pull line at the end of the navy band */
.ln-article .ln-pull{margin-top:40px;padding-top:34px;border-top:1px solid rgba(255,255,255,.28);font-family:Alegreya,Georgia,serif;font-weight:800;font-size:32px;line-height:1.28;color:var(--ln-sky)}

/* questions */
.ln-article .ln-faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}
.ln-article .ln-qa{margin:0;background:var(--ln-pale);border-top:5px solid var(--ln-sky);padding:34px 38px 36px}
.ln-article .ln-qa strong{display:block;margin-bottom:12px;font-family:Alegreya,Georgia,serif;font-weight:800;font-size:24px;line-height:1.25;color:var(--ln-navy)}

/* closing band */
.ln-article .ln-close{background:var(--ln-pale);border-top:1px solid #dbe9f4}

@media (max-width:1100px){
  .ln-article .ln-split--left .ln-card{margin-left:-110px;padding:46px 44px}
  .ln-article .ln-split--right .ln-split__body{padding-right:48px}
}
@media (max-width:900px){
  .ln-article .ln-band{padding:68px 0}
  .ln-article .ln-split{grid-template-columns:1fr}
  .ln-article .ln-split .ln-split__media{grid-column:1;grid-row:1;min-height:0;aspect-ratio:16/10}
  .ln-article .ln-split .ln-split__body{grid-column:1;grid-row:2;padding:0 30px 64px}
  .ln-article .ln-split--left .ln-card{margin:-64px 0 0}
  .ln-article .ln-split--right .ln-split__body{padding:60px 30px 64px}
  .ln-article .ln-faq__grid{grid-template-columns:1fr;gap:22px}
}
@media (max-width:600px){
  .ln-article .ln-wrap{padding:0 20px}
  .ln-article .ln-band{padding:54px 0}
  .ln-article .ln-intro{padding:48px 0 44px}
  .ln-article p{font-size:17px}
  .ln-article .ln-lead{font-size:19px}
  #main .ln-article .ln-h2{font-size:30px!important}
  .ln-article .ln-card{padding:32px 24px}
  .ln-article .ln-split .ln-split__body{padding:0 16px 52px}
  .ln-article .ln-split--left .ln-card{margin-top:-48px;padding:32px 22px}
  .ln-article .ln-split--right .ln-split__body{padding:44px 20px 52px}
  .ln-article .ln-pull{font-size:25px;margin-top:30px;padding-top:26px}
  .ln-article .ln-qa{padding:26px 22px 28px}
  .ln-article .ln-qa strong{font-size:21px}
}