/* Section 11 JOURNAL. Uses the established Sollevante type, color and spacing system. */
#sol-wrap .jn9-banner,#sol-wrap .jn9,#sol-wrap .jn9 *{box-sizing:border-box}
#sol-wrap .jn9-banner{position:relative;isolation:isolate;display:flex;min-height:280px;overflow:hidden;background:#18333f;color:#fff}
#sol-wrap .jn9-banner-media{position:absolute;inset:0;z-index:-2}
#sol-wrap .jn9-banner-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%}
#sol-wrap .jn9-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,27,31,.9) 0%,rgba(15,27,31,.72) 36%,rgba(15,27,31,.12) 68%,rgba(15,27,31,0) 100%)}
#sol-wrap .jn9-banner-content{width:min(1400px,calc(100% - 120px));margin:auto;padding:38px 0}
#sol-wrap .jn9-banner-title{display:flex;align-items:center;gap:22px}
#sol-wrap .jn9-banner-title i{display:block;width:1px;height:58px;background:#c8a96a}
#sol-wrap .jn9-number{font:400 68px/1 Didot,'Bodoni 72','Cormorant Garamond',serif;font-variant-numeric:lining-nums tabular-nums}
#sol-wrap .jn9-banner-title h2{margin:0;color:inherit;font:400 38px/1.05 'Cormorant Garamond',serif;letter-spacing:.08em}
#sol-wrap .jn9-banner-title p{margin:7px 0 0;color:rgba(255,255,255,.9);font:400 13px/1.6 'Noto Serif JP',serif;letter-spacing:.14em}
#sol-wrap .jn9-banner-copy{max-width:620px;margin:20px 0 0;color:inherit;font:500 clamp(21px,2vw,29px)/1.6 'Noto Serif JP',serif;text-shadow:0 2px 12px rgba(0,0,0,.35)}
#sol-wrap .jn9-banner-copy span{display:block}
#sol-wrap .jn9{padding:80px 60px;background:#f6f5f2;color:#262626;font:400 16px/1.9 'Noto Sans JP',sans-serif}
#sol-wrap .jn9-outer{max-width:1320px;margin:0 auto}
#sol-wrap .jn9-intro{max-width:720px;margin:0 auto 48px;text-align:center}
#sol-wrap .jn9-intro p{margin:0}
#sol-wrap .jn9-intro p+p{margin-top:8px}
#sol-wrap .jn9-index{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #b9c9c8;border-bottom:1px solid #b9c9c8}
#sol-wrap .jn9-index a{display:flex;align-items:baseline;gap:8px;min-width:0;min-height:48px;padding:12px 10px;color:#18333f;text-decoration:none;font:500 11px/1.5 'Noto Sans JP',sans-serif;letter-spacing:.04em}
#sol-wrap .jn9-index a+a{border-left:1px solid #d3dcda}
#sol-wrap .jn9-index a:nth-child(7){border-left:0}
#sol-wrap .jn9-index a:nth-child(n+7){border-top:1px solid #d3dcda}
#sol-wrap .jn9-index a:hover,#sol-wrap .jn9-index a:focus-visible{background:#e5efed}
#sol-wrap .jn9-index span{color:#00787a;font:18px/1 Didot,'Bodoni 72',serif}
#sol-wrap .jn9-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin:48px auto 0;border-top:2px solid #18333f;border-bottom:1px solid #b9c9c8}
#sol-wrap .jn9-status article{min-width:0;padding:24px 28px}
#sol-wrap .jn9-status article+article{border-left:1px solid #b9c9c8}
#sol-wrap .jn9-status p,#sol-wrap .jn9-kicker{margin:0 0 8px;color:#00787a;font:600 12px/1.4 'Noto Sans JP',sans-serif;letter-spacing:.12em}
#sol-wrap .jn9-status strong{display:block;margin-bottom:5px;color:#18333f;font:500 20px/1.45 'Noto Serif JP',serif}
#sol-wrap .jn9-status span,#sol-wrap .jn9-status a{color:#53646a;font-size:14px;line-height:1.7}
#sol-wrap .jn9-status a{display:inline-block;min-height:44px;padding-top:7px;color:#00787a;text-underline-offset:4px}
#sol-wrap .jn9-status .is-progress{background:#e8f1f0}
#sol-wrap .jn9-block{margin-top:80px;scroll-margin-top:88px}
#sol-wrap .jn9-heading{max-width:1080px;margin:0 auto 32px}
#sol-wrap .jn9-heading h2{margin:0;color:#18333f;font:500 clamp(27px,2.5vw,36px)/1.4 'Noto Serif JP',serif}
#sol-wrap .jn9-heading>p:last-child:not(.jn9-kicker){max-width:720px;margin:12px 0 0;color:#53646a}
#sol-wrap .jn9-empty{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:center;max-width:1080px;margin:auto;padding:40px;border-top:1px solid #a9bdbc;border-bottom:1px solid #a9bdbc;background:#fcfbf9}
#sol-wrap .jn9-empty>div:first-child{padding-right:36px;border-right:1px solid #b9c9c8;color:#00787a;text-align:center}
#sol-wrap .jn9-empty>div:first-child span{display:block;font:64px/1 Didot,'Bodoni 72',serif}
#sol-wrap .jn9-empty>div:first-child small{font-size:11px;letter-spacing:.14em}
#sol-wrap .jn9-empty h3{margin:0 0 12px;color:#18333f;font:500 23px/1.55 'Noto Serif JP',serif}
#sol-wrap .jn9-empty p{max-width:720px;margin:0;color:#4a4a4a}
#sol-wrap .jn9-empty nav{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:20px}
#sol-wrap .jn9-empty a{display:flex;align-items:center;min-height:44px;color:#00787a;text-underline-offset:4px}
#sol-wrap .jn9-article{min-width:0;border:1px solid #d5dfdd;background:#fcfbf9}
#sol-wrap .jn9-article>a{display:block;height:100%;color:inherit;text-decoration:none}
#sol-wrap .jn9-article-media{aspect-ratio:8/5;overflow:hidden;background:#e8eeeb}
#sol-wrap .jn9-article-media>img{display:block;width:100%;height:100%;object-fit:cover}
#sol-wrap .jn9-article-copy{padding:24px}
#sol-wrap .jn9-article-copy h3{margin:0 0 12px;color:#18333f;font:500 20px/1.65 'Noto Serif JP',serif}
#sol-wrap .jn9-article-copy time{color:#53646a;font:14px/1.6 Didot,'Bodoni 72',serif}
#sol-wrap .jn9-article-copy>span{display:block;margin-top:12px;color:#00787a;font-size:14px}
#sol-wrap .jn9-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1080px;margin:24px auto 0}
#sol-wrap .jn9-article.is-feature{max-width:1080px;margin:auto}
#sol-wrap .jn9-article.is-feature>a{display:grid;grid-template-columns:1.2fr 1fr;align-items:center}
#sol-wrap .jn9-article.is-feature .jn9-article-media{height:100%;aspect-ratio:8/5}
#sol-wrap .jn9-article.is-feature .jn9-article-copy{padding:40px}
#sol-wrap .jn9-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#sol-wrap .jn9-category{min-width:0;scroll-margin-top:88px;border:1px solid #d5dfdd;background:#fcfbf9}
#sol-wrap .jn9-category-media{aspect-ratio:8/5;overflow:hidden}
#sol-wrap .jn9-art{width:100%;height:100%;margin:0;background:#e5ece9}
#sol-wrap .jn9-art svg{display:block;width:100%;height:100%;fill:#e5ece9}
#sol-wrap .jn9-art-frame{fill:none;stroke:#bacbc8;stroke-width:1}
#sol-wrap .jn9-art-icon{fill:none;stroke:#405b60;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
#sol-wrap .jn9-art text{fill:#79a8a5;font:52px Didot,'Bodoni 72',serif}
#sol-wrap .jn9-category-copy{padding:18px 20px 20px}
#sol-wrap .jn9-category-copy>p{display:flex;align-items:baseline;gap:10px;min-height:38px;margin:0;color:#18333f;font:500 12px/1.5 'Noto Sans JP',sans-serif;letter-spacing:.05em;overflow-wrap:anywhere}
#sol-wrap .jn9-category-copy>p span{flex:none;color:#00787a;font:22px/1 Didot,'Bodoni 72',serif}
#sol-wrap .jn9-category-copy h3{margin:5px 0 16px;color:#18333f;font:500 17px/1.6 'Noto Serif JP',serif}
#sol-wrap .jn9-pending,#sol-wrap .jn9-category-copy>a{display:flex;align-items:center;min-height:44px;border-top:1px solid #d5dfdd;color:#53646a;font-size:12px;letter-spacing:.04em}
#sol-wrap .jn9-category-copy>a{color:#00787a;text-underline-offset:3px}
#sol-wrap .jn9-follow{max-width:1080px;margin:80px auto 0;padding-top:40px;border-top:1px solid #b9c9c8}
#sol-wrap .jn9-follow .jn9-heading{margin-bottom:24px}
#sol-wrap .jn9-social{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
#sol-wrap .jn9-social>a,#sol-wrap .jn9-social-pending{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:86px;padding:16px 10px;border:1px solid #bed0d2;background:#edf3f3;color:#24434e;text-align:center;text-decoration:none}
#sol-wrap .jn9-social strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#sol-wrap .jn9-social span{margin-top:6px;color:#53646a;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#sol-wrap .jn9-social-pending{background:#f1f2f1}
#sol-wrap .jn9-closing{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1080px;margin:64px auto 0;padding:32px 0;border-top:1px solid #b9c9c8}
#sol-wrap .jn9-closing>p{max-width:620px;margin:0;color:#4a4a4a}
#sol-wrap .jn9-closing nav{display:flex;align-items:center;gap:22px}
#sol-wrap .jn9-closing nav>a:not(.sol-cta-btn){color:#00787a;text-underline-offset:4px;font-size:14px}
#sol-wrap .jn9 :is(a,summary):focus-visible{outline:3px solid #b79b57;outline-offset:4px}
@media(max-width:1100px){
  #sol-wrap .jn9-banner-content{width:calc(100% - 96px)}
  #sol-wrap .jn9{padding-right:48px;padding-left:48px}
  #sol-wrap .jn9-index{grid-template-columns:repeat(4,minmax(0,1fr))}
  #sol-wrap .jn9-index a:nth-child(n){border-left:1px solid #d3dcda;border-top:1px solid #d3dcda}
  #sol-wrap .jn9-index a:nth-child(-n+4){border-top:0}
  #sol-wrap .jn9-index a:nth-child(4n+1){border-left:0}
  #sol-wrap .jn9-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  #sol-wrap .jn9-banner{min-height:300px}
  #sol-wrap .jn9-banner:after{background:linear-gradient(90deg,rgba(15,27,31,.88),rgba(15,27,31,.54) 72%,rgba(15,27,31,.28))}
  #sol-wrap .jn9-banner-content{width:100%;padding:32px 20px}
  #sol-wrap .jn9-number{font-size:48px}
  #sol-wrap .jn9-banner-title{gap:14px}
  #sol-wrap .jn9-banner-title i{height:44px}
  #sol-wrap .jn9-banner-title h2{font-size:29px}
  #sol-wrap .jn9-banner-title p{font-size:12px}
  #sol-wrap .jn9-banner-copy{max-width:350px;margin-top:22px;font-size:19px;line-height:1.65}
  #sol-wrap .jn9{padding:56px 20px;font-size:17px}
  #sol-wrap .jn9-intro{margin-bottom:32px;text-align:left}
  #sol-wrap .jn9-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sol-wrap .jn9-index a:nth-child(n){border-left:1px solid #d3dcda;border-top:1px solid #d3dcda}
  #sol-wrap .jn9-index a:nth-child(-n+2){border-top:0}
  #sol-wrap .jn9-index a:nth-child(odd){border-left:0}
  #sol-wrap .jn9-index a{padding:11px 8px;font-size:10px;overflow-wrap:anywhere}
  #sol-wrap .jn9-index span{font-size:17px}
  #sol-wrap .jn9-status{grid-template-columns:1fr;margin-top:32px}
  #sol-wrap .jn9-status article{padding:20px}
  #sol-wrap .jn9-status article+article{border-top:1px solid #b9c9c8;border-left:0}
  #sol-wrap .jn9-block{margin-top:56px}
  #sol-wrap .jn9-heading{margin-bottom:24px}
  #sol-wrap .jn9-heading h2{font-size:27px}
  #sol-wrap .jn9-empty{grid-template-columns:1fr;gap:24px;padding:28px 20px}
  #sol-wrap .jn9-empty>div:first-child{padding:0 0 24px;border-right:0;border-bottom:1px solid #b9c9c8}
  #sol-wrap .jn9-empty h3{font-size:21px}
  #sol-wrap .jn9-article-grid{grid-template-columns:1fr}
  #sol-wrap .jn9-article.is-feature>a{grid-template-columns:1fr}
  #sol-wrap .jn9-article.is-feature .jn9-article-copy{padding:24px}
  #sol-wrap .jn9-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #sol-wrap .jn9-category-copy{padding:14px}
  #sol-wrap .jn9-category-copy>p{display:block;min-height:58px;font-size:10px}
  #sol-wrap .jn9-category-copy>p span{display:block;margin-bottom:8px;font-size:20px}
  #sol-wrap .jn9-category-copy h3{min-height:52px;margin:0 0 10px;font-size:15px}
  #sol-wrap .jn9-pending,#sol-wrap .jn9-category-copy>a{font-size:10px;line-height:1.5}
  #sol-wrap .jn9-follow{margin-top:56px;padding-top:32px}
  #sol-wrap .jn9-social{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #sol-wrap .jn9-social>a,#sol-wrap .jn9-social-pending{min-height:92px}
  #sol-wrap .jn9-closing{display:block;margin-top:48px;padding:28px 0 0}
  #sol-wrap .jn9-closing nav{display:block;margin-top:24px}
  #sol-wrap .jn9-closing nav>a{display:flex!important;width:fit-content;margin-bottom:14px}
  #sol-wrap .jn9-closing nav>a:not(.sol-cta-btn){display:inline-flex;min-height:44px;align-items:center}
}
