/* Calm index and reading view. Links, editorial copy and media stay intact. */
.notes-page.notes-calm{max-width:1080px!important;padding:64px 28px 72px!important}
.notes-calm .notes-header{margin-bottom:32px!important}
.notes-calm .notes-kicker{color:#9477a0!important;font-size:11px!important;letter-spacing:2px!important}
.notes-calm .notes-header h1{font:400 34px/1.5 'Gowun Batang',serif!important;color:#49364f!important;letter-spacing:-1px!important}
.notes-calm .notes-header p{font-size:15px!important;line-height:1.85!important;color:#84728e!important}
.notes-calm .notes-filters{gap:8px!important;margin:0 0 36px!important}
.notes-calm .notes-filters:after{display:none!important}
.notes-calm .notes-filters a{padding:11px 17px!important;min-height:44px;box-sizing:border-box;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:13px!important;color:#8c7994!important}
.notes-calm .notes-filters a.on{border-bottom-color:#9b7bab!important;color:#6e4b80!important;font-weight:500!important}
.notes-calm .notes-grid,.note-calm .notes-grid{gap:36px 26px!important}
.notes-calm .note-tile,.note-calm .note-tile{display:flex!important;flex-direction:column!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
.notes-calm .note-tile img,.note-calm .note-tile img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:5px!important;transform:none!important;filter:saturate(.88)}
.notes-calm .note-tile-shade,.notes-calm .note-page-corner,.note-calm .note-tile-shade,.note-calm .note-page-corner{display:none!important}
.notes-calm .note-tile-copy,.note-calm .note-tile-copy{position:relative!important;inset:auto!important;display:flex!important;padding:20px 0 0!important;color:#49364f!important;background:none!important}
.notes-calm .note-topic,.note-calm .note-tile .note-topic{color:#9372a0!important;font-size:10px!important;font-weight:500!important}
.notes-calm .note-card-issue{color:#ac98b5!important;font-size:9px!important;font-weight:400!important}
.notes-calm .note-tile strong,.note-calm .note-tile strong{font:400 23px/1.55 'Gowun Batang',serif!important;color:#49364f!important;text-shadow:none!important;letter-spacing:-.5px!important;display:block!important;overflow:visible!important}
.notes-calm .note-subtitle,.note-calm .note-tile .note-subtitle{font-size:13px!important;line-height:1.8!important;color:#8b7b93!important;margin-top:10px!important}
.notes-calm .note-tile:not(:has(img)){padding:25px!important;background:#f1eaf5!important;min-height:250px;justify-content:center}
.notes-calm .notes-grid.is-single .note-tile{max-width:840px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:38px;align-items:center;aspect-ratio:auto!important}
.notes-calm .notes-grid.is-single .note-tile-copy{padding:0!important}
.notes-calm .notes-grid.is-single .note-tile strong{font-size:28px!important}
.notes-calm a:focus-visible,.note-calm a:focus-visible{outline:2px solid #9b7bab;outline-offset:5px}
.notes-calm .notes-empty{background:#f5f0f7!important;border:0!important;box-shadow:none!important;border-radius:6px!important}
.note-article.note-calm{max-width:1040px!important;padding:44px 28px 72px!important}
.note-calm .note-topline{margin-bottom:40px!important}
.note-calm .note-back{font-size:13px;color:#80638f}
.note-calm .note-hero{grid-template-columns:minmax(0,1fr) 80px!important;gap:28px!important;margin-bottom:36px!important}
.note-calm .note-hero h1{font:400 38px/1.5 'Gowun Batang',serif!important;letter-spacing:-1px!important;color:#49364f!important}
.note-calm .note-hero p{font-size:15px!important;color:#87758f!important;line-height:1.85!important;margin-top:20px!important}
.note-calm .note-hero-meta{border-color:#e0d5e7!important;font-weight:400!important}
.note-calm .note-hero-meta strong{color:#8b6b9c!important;font-size:28px!important}
.note-calm .note-hero-meta i{height:24px!important}
.note-calm .note-cover-stage{grid-template-columns:minmax(0,1fr) 240px!important;gap:36px!important;margin-bottom:52px!important}
.note-calm .note-cover:before,.note-calm .note-cover-word,.note-calm .note-cover-index{display:none!important}
.note-calm .note-cover img{aspect-ratio:4/3!important;border-radius:5px!important}
.note-calm .note-cover-note{border:0!important;min-height:0!important;padding:24px 0!important}
.note-calm .note-cover-note p{font-size:17px!important;line-height:1.85!important;color:#8d7b97!important}
.note-calm .note-cover-note p strong{font-size:20px!important;color:#725680!important;font-weight:400!important}
.note-calm .note-reading-layout{display:block!important;max-width:700px!important}
.note-calm .note-rail{display:none!important}
.note-calm .note-body{font-size:16px!important;line-height:2!important;color:#66596d!important}
.note-calm .note-body-before>p:first-child{font-family:inherit!important;font-size:17px!important;line-height:2!important;color:#594760!important}
.note-calm .note-body-before>p:first-child:first-letter{float:none!important;font:inherit!important;padding:0!important;color:inherit!important}
.note-calm .note-body h2{font-size:27px!important;line-height:1.6!important;font-weight:400!important;color:#523b5d!important;margin-top:2.5em!important}
.note-calm .note-body h3{font-size:18px!important;font-weight:500!important}
.note-calm .note-body strong{font-weight:600!important;color:#60446e!important;background:none!important}
.note-calm .note-body blockquote{width:auto!important;margin:36px 0!important;padding:28px 24px!important;background:#f3edf7!important;border:0!important;border-radius:5px!important;font-size:23px!important;line-height:1.7!important;color:#78558a!important}
.note-calm .note-body blockquote:before{display:none!important}
.note-calm .note-body ul,.note-calm .note-body ol{background:none!important;padding:4px 10px!important;border-color:#e3d8e9!important}
.note-calm .note-mid-cta{grid-template-columns:1fr!important;margin:42px 0!important;padding:30px!important;background:#f2ecf6!important;color:#513c5c!important;border-radius:6px!important;box-shadow:none!important}
.note-calm .note-mid-cta:before,.note-calm .note-cta-number,.note-calm .note-cta-time{display:none!important}
.note-calm .note-mid-cta-copy>span{color:#9676a2!important}
.note-calm .note-mid-cta h2{color:#513c5c!important;font-size:24px!important;font-weight:400!important}
.note-calm .note-mid-cta p{color:#87758f!important}
.note-calm .note-mid-cta a{color:#735184!important;border-color:#cbb5d7!important}
.note-calm .note-final-cta{min-height:0!important;margin-top:60px!important;padding:38px!important;background:#f1ebf5!important;border-radius:6px!important;box-shadow:none!important}
.note-calm .note-final-cta:before,.note-calm .note-final-orbit,.note-calm .note-final-mark{display:none!important}
.note-calm .note-final-copy h2{font-size:28px!important;font-weight:400!important;color:#513c5c!important}
.note-calm .note-final-copy>span{color:#9676a2!important}
.note-calm .note-final-primary{background:#75508b!important;border-radius:5px!important}
.note-calm .note-related{margin-top:60px!important}
@media(max-width:760px){
 .notes-page.notes-calm{padding:40px 20px 50px!important}
 .notes-calm .notes-header h1{font-size:28px!important}
 .notes-calm .notes-header p{font-size:14px!important}
 .notes-calm .notes-filters{gap:0!important;margin-bottom:28px!important}
 .notes-calm .notes-filters a{font-size:12px!important;padding:10px 12px!important}
 .notes-calm .notes-grid,.note-calm .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 16px!important}
 .notes-calm .note-tile-copy,.note-calm .note-tile-copy{padding-top:13px!important}
 .notes-calm .note-tile strong,.note-calm .note-tile strong{font-size:17px!important;line-height:1.6!important}
 .notes-calm .note-tile-eyebrow{gap:4px!important;flex-wrap:wrap}
 .notes-calm .note-card-issue{font-size:8px!important}
 .notes-calm .note-subtitle,.note-calm .note-tile .note-subtitle{display:none!important}
 .notes-calm .notes-grid.is-single .note-tile{display:flex!important;max-width:420px!important;gap:20px!important}
 .notes-calm .notes-grid.is-single .note-tile strong{font-size:24px!important}
 .notes-calm .notes-grid.is-single .note-subtitle{display:block!important}
 .note-article.note-calm{padding:28px 22px 48px!important}
 .note-calm .note-topline{margin-bottom:30px!important}
 .note-calm .note-hero h1{font-size:29px!important}
 .note-calm .note-hero p{font-size:14px!important}
 .note-calm .note-cover-stage{display:block!important;margin-bottom:34px!important}
 .note-calm .note-cover-note{margin-top:14px!important;padding:14px 0!important}
 .note-calm .note-cover-note p{font-size:14px!important}
 .note-calm .note-cover-note p strong{font-size:17px!important}
 .note-calm .note-body{font-size:15px!important}
 .note-calm .note-body-before>p:first-child{font-size:15px!important}
 .note-calm .note-body h2{font-size:23px!important}
 .note-calm .note-body blockquote{font-size:20px!important;padding:24px 18px!important}
 .note-calm .note-mid-cta{padding:25px 22px!important}
 .note-calm .note-mid-cta h2{font-size:22px!important}
 .note-calm .note-final-cta{margin-top:42px!important;padding:28px 23px!important}
 .note-calm .note-final-copy h2{font-size:24px!important}
}
