@import url("/local-resources/9c6ff897430872cd81fc6243.css");
/* Reference subtitles across journal articles. */
/* Shared article recommendations: approved mobile cover/title card layout.
   Reuse the existing article data and links across responsive layouts. */
@media (max-width:760px) {
  html body #root .article-detail-sidebar,
  html body #root .article-detail-related {
    width:calc(100vw - 48px);
    max-width:100%;
    margin-inline:auto;
  }
  html body #root .article-detail-sidebar .article-detail-side-stack,
  html body #root .article-detail-related .article-detail-related__grid {
    display:flex;
    flex-direction:column;
    gap:var(--space-6,24px)!important;
  }
  html body #root .article-detail-sidebar .article-detail-side-card,
  html body #root .article-detail-related .article-detail-related__card {
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    min-width:0;
    padding:var(--space-2,8px) var(--space-2,8px) var(--space-5,20px);
    gap:var(--space-3,12px)!important;
    background:#fff;
    border:0;
    outline:1px solid rgba(25,25,25,.09);
    outline-offset:-1px;
    border-radius:20px;
    overflow:hidden;
    color:#19191b;
    text-decoration:none;
  }
  html body #root .article-detail-sidebar .article-detail-side-card img,
  html body #root .article-detail-related .article-detail-related__card img {
    box-sizing:border-box;
    display:block;
    width:100%!important;
    height:auto!important;
    aspect-ratio:326 / 184;
    object-fit:cover;
    object-position:center;
    border-radius:16px!important;
  }
  html body #root .article-detail-sidebar .article-detail-side-card>span {
    display:block;
    min-width:0;
    padding:0;
  }
  html body #root .article-detail-sidebar .article-detail-side-card strong,
  html body #root .article-detail-related .article-detail-related__card strong {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    min-height:0;
    max-height:56px;
    overflow:hidden;
    white-space:normal;
    overflow-wrap:anywhere;
    font-family:"NP023 LINE Seed","LINE Seed JP Footer","LINE Seed JP",sans-serif;
    font-size:18px!important;
    font-weight:700!important;
    line-height:28px!important;
  }
  html body #root .article-detail-sidebar .article-detail-side-card:active,
  html body #root .article-detail-related .article-detail-related__card:active {
    opacity:.85;
  }
  html body #root .article-detail-sidebar .article-detail-side-card:focus-visible,
  html body #root .article-detail-related .article-detail-related__card:focus-visible {
    outline:2px solid #c7a162;
    outline-offset:3px;
  }
}

details:is([id*="references"],[class*="references"]) summary>span:last-child:not([class*="label"]){color:#19191B!important}

/* Preserve inline emphasis and natural wrapping in kidney article headings. */
.np024-kidney-article .np024-reading>h2,.np024-kidney-article .np024-reading>h3{display:block!important}.np024-kidney-article .np024-reading>h3::after{margin-top:12px!important}

/* Shared reference heading label across all journal articles. */
details:is([id*="references"],[class*="references"]) summary>span[class*="label"]{color:#C9A35F!important}

/* Desktop and mobile share the same reference label and subtitle colors. */
html body details:is([id*="references"],[class*="references"])>summary>span[class*="label"]{color:#C9A35F!important}
html body details:is([id*="references"],[class*="references"])>summary>span:last-child:not([class*="label"]){color:#19191B!important}

/* Article navigation follows the approved spacious white directory reference. */
html body #root .article-detail-main nav[class$="-toc"]{display:block!important;box-sizing:border-box;width:100%;max-width:none;padding:28px 32px!important;background:#fff!important;border:1px solid #19191b1f;border-radius:20px!important;gap:0!important}
html body #root .article-detail-main nav[class$="-toc"]>:is(h2,p){margin:0!important;font-family:"NP023 LINE Seed","LINE Seed JP",sans-serif!important;font-size:12px!important;line-height:18px!important;font-weight:700!important;color:#c7a162!important}
html body #root .article-detail-main nav[class$="-toc"] ol{display:block!important;margin:16px 0 0!important;padding:0!important;list-style:none!important}
html body #root .article-detail-main nav[class$="-toc"] li{display:block!important;margin:0!important;padding:14px 0!important;border-bottom:1px solid #19191b1f}
html body #root .article-detail-main nav[class$="-toc"] li:last-child{border-bottom:0;padding-bottom:0!important}
html body #root .article-detail-main nav[class$="-toc"] li::before{display:none!important}
html body #root .article-detail-main nav[class$="-toc"] a{display:flex!important;align-items:flex-start;gap:16px!important;margin:0!important;padding:0!important;font-family:"Noto Sans JP",sans-serif!important;font-size:15px!important;line-height:24px!important;font-weight:400!important;color:#19191b!important;text-decoration:none}
html body #root .article-detail-main nav[class$="-toc"] .journal-toc-number{flex:0 0 20px;color:#c7a162;font-size:12px;line-height:24px;font-weight:400}
html body #root .article-detail-main nav[class$="-toc"] .journal-toc-label{min-width:0;overflow-wrap:anywhere}
@media(min-width:1121px){
 html.route-journal-article body .nav-header{width:min(1120px,calc(100vw - 64px))}
 html.route-journal-article:has(.journal-entry-article) body .nav-header{width:min(1200px,calc(100vw - 48px))}
 html body #root .article-detail-divider{background:#19191b38;width:1px;align-self:stretch;min-height:100%}
 html body #root .article-detail-shell:has(.journal-entry-article){position:relative}
 html body #root .article-detail-shell:has(.journal-entry-article)::after{content:"";position:absolute;left:calc(760px + 60px);top:0;bottom:0;width:1px;background:#19191b38;pointer-events:none}
 html body #root .article-detail-back:has(+.article-detail-shell .journal-entry-article){width:min(1200px,calc(100vw - 48px))!important}
}
@media(max-width:760px){html body #root .article-detail-main nav[class$="-toc"]{padding:24px!important}}

/* Heading levels use the archived article rules, without decorative strokes. */
html.route-journal-article body #root .article-detail-main [class$="-hero"] h1{font-size:48px!important;line-height:56px!important;font-weight:800!important;min-height:0!important;height:auto;letter-spacing:normal!important}
html.route-journal-article body #root .article-detail-main [class$="-hero-intro"]{margin-top:28px!important}
html.route-journal-article body #root .article-detail-main [class$="-reading"] :is(h2,h3,h4){display:block!important;padding:0!important;border:0!important;letter-spacing:normal!important}
html.route-journal-article body #root .article-detail-main [class$="-reading"] :is(h2,h3,h4)::before,
html.route-journal-article body #root .article-detail-main [class$="-reading"] :is(h2,h3,h4)::after{content:none!important;display:none!important}
html.route-journal-article body #root .article-detail-main [class$="-reading"] h2{font-size:36px!important;line-height:46px!important;font-weight:800!important;margin:48px 0 16px!important}
html.route-journal-article body #root .article-detail-main [class$="-reading"] h3{font-size:28px!important;line-height:38px!important;font-weight:700!important;margin:40px 0 16px!important}
html.route-journal-article body #root .article-detail-main [class$="-reading"] h4{font-size:20px!important;line-height:30px!important;font-weight:700!important;margin:28px 0 12px!important}
html.route-journal-article body #root .article-detail-main [class$="-reading"] .journal-introduction-title{font-size:28px!important;line-height:38px!important;font-weight:700!important;margin:0 0 16px!important}
@media(max-width:760px){
 html.route-journal-article body #root .article-detail-main [class$="-hero"] h1{font-size:34px!important;line-height:41px!important}
 html.route-journal-article body #root .article-detail-main [class$="-reading"] h2{font-size:28px!important;line-height:36px!important}
 html.route-journal-article body #root .article-detail-main [class$="-reading"] h3{font-size:22px!important;line-height:30px!important}
 html.route-journal-article body #root .article-detail-main [class$="-reading"] h4{font-size:18px!important;line-height:28px!important}
 html.route-journal-article body #root .article-detail-main [class$="-reading"] .journal-introduction-title{font-size:24px!important;line-height:32px!important}
}
/* Approved H2 accent; the standalone introduction remains undecorated. */
html.route-journal-article body #root .article-detail-main [class$="-reading"] h2:not(.journal-introduction-title){position:relative;padding-left:24px!important}
html.route-journal-article body #root .article-detail-main [class$="-reading"] h2:not(.journal-introduction-title)::before{content:""!important;display:block!important;position:absolute;left:0;top:0;bottom:0;width:4px;background:#c7a162}

/* Desktop recommendation rail: reference thumbnail rows, sticky while reading. */
@media(min-width:1121px){
 html.route-journal-article,html.route-journal-article body,html.route-journal-article #root{overflow-x:clip!important;overflow-y:visible!important}
 html.route-journal-article body #root .article-detail-page{overflow:visible!important}
 html.route-journal-article body #root .article-detail-shell{position:relative;display:grid!important;width:min(1200px,calc(100vw - 48px))!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:clamp(32px,8.333vw,120px)!important;align-items:start;overflow:visible!important}
 html.route-journal-article body #root .article-detail-back{width:min(1200px,calc(100vw - 48px))!important}
 html.route-journal-article body .nav-header{width:min(1200px,calc(100vw - 48px))}
 html.route-journal-article body #root .article-detail-divider{display:none!important}
 html.route-journal-article body #root .article-detail-shell::after{content:"";position:absolute;left:calc(100% - 320px - clamp(32px,8.333vw,120px)/2);top:0;bottom:0;width:1px;background:#19191b38;pointer-events:none}
 html.route-journal-article body #root .article-detail-shell>.article-detail-sidebar{box-sizing:border-box;grid-column:2;grid-row:1;display:grid!important;grid-template-columns:1fr!important;align-self:start;position:sticky!important;top:112px!important;width:320px!important;height:max-content;min-height:0;max-height:calc(100dvh - 136px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;gap:64px!important;padding:0 0 8px!important;margin:0!important}
 html.route-journal-article body #root .article-detail-sidebar .article-detail-side-section{display:grid;gap:24px!important}
 html.route-journal-article body #root .article-detail-sidebar .article-detail-side-section>h2{margin:0;font-family:"NP023 LINE Seed","LINE Seed JP",sans-serif;font-size:23px!important;line-height:31px!important;font-weight:700}
 html.route-journal-article body #root .article-detail-sidebar .article-detail-side-stack{display:grid;gap:20px!important}
 html.route-journal-article body #root .article-detail-sidebar .article-detail-side-card{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;align-items:center;gap:16px!important;width:100%;min-height:58px;padding:0;border:0;border-radius:0;background:transparent;text-decoration:none;color:#19191b}
 html.route-journal-article body #root .article-detail-sidebar .article-detail-side-card img{display:block;width:84px!important;height:58px!important;object-fit:cover;border-radius:12px!important}
 html.route-journal-article body #root .article-detail-sidebar .article-detail-side-card>span{min-width:0}
 html.route-journal-article body #root .article-detail-sidebar .article-detail-side-card strong{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;font-family:"NP023 LINE Seed","LINE Seed JP",sans-serif;font-size:18px!important;line-height:28px!important;font-weight:700}
}
/* Final reference correction: mint underline beneath the standalone introduction. */
html.route-journal-article body #root .article-detail-main [class$="-reading"] :is(.journal-introduction-title,.journal-entry-introduction-title)::after{content:""!important;display:block!important;position:static!important;width:72px!important;height:4px!important;margin:16px 0 0!important;border:0!important;background:#dbecea!important}

/* Article About uses the same three-cover editorial row across articles. */
html.route-journal-article body #root .article-detail-related__card>:is(p,time){display:none!important}
@media(min-width:761px){
 html.route-journal-article body #root .article-detail-related__heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
 html.route-journal-article body #root .article-detail-related__heading h2{margin:0;font-family:"NP023 LINE Seed","LINE Seed JP",sans-serif;font-size:23px!important;line-height:31px!important;font-weight:700}
 html.route-journal-article body #root .article-detail-related__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
 html.route-journal-article body #root .article-detail-related__card{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-width:0;padding:0;background:transparent;border:0;border-radius:0;text-decoration:none;color:#19191b}
 html.route-journal-article body #root .article-detail-related__card img{display:block;width:100%!important;height:auto!important;aspect-ratio:1;object-fit:cover;border-radius:12px!important}
 html.route-journal-article body #root .article-detail-related__card strong{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;min-height:0;max-height:56px;font-family:"NP023 LINE Seed","LINE Seed JP",sans-serif;font-size:18px!important;line-height:28px!important;font-weight:700}
}

/* Original blog auxiliary-heading contract, restored from the repository baseline. */
@font-face{font-family:"NP023 LINE Seed";src:url("/local-resources/e579d09ccac2034f61e9dc69.woff2") format("woff2");font-weight:700 900;font-display:swap}
html.route-journal-article body #root .article-detail-shell .article-detail-sidebar .article-detail-side-section>h2,
html.route-journal-article body #root .article-detail-main .article-detail-related .article-detail-related__heading h2{margin:0!important;font-family:Poppins,"Noto Sans JP",ui-sans-serif,system-ui,sans-serif!important;font-size:18px!important;line-height:28px!important;font-weight:700!important;letter-spacing:normal!important;color:#19191b!important}
@media(max-width:760px){
 html.route-journal-article body #root .article-detail-shell .article-detail-sidebar .article-detail-side-section>h2,
 html.route-journal-article body #root .article-detail-main .article-detail-related .article-detail-related__heading h2{font-size:18px!important;line-height:28px!important}
}

/* Shared reference disclosure matches the established blog component. */
html.route-journal-article body #root .article-detail-main details[class$="-references"]{box-sizing:border-box;padding:24px!important;border:1px solid #19191b!important;border-radius:20px!important;background:#fff!important;color:#19191b}
html.route-journal-article body #root .article-detail-main details[class$="-references"]>summary{position:relative;display:grid;gap:10px!important;margin:0;padding:0 56px 0 0!important;cursor:pointer;list-style:none}
html.route-journal-article body #root .article-detail-main details[class$="-references"]>summary::-webkit-details-marker{display:none}
html.route-journal-article body #root .article-detail-main details[class$="-references"]>summary::after{content:"+"!important;position:absolute!important;right:0;top:50%!important;transform:translateY(-50%);display:grid!important;place-items:center;box-sizing:border-box;width:40px!important;height:40px!important;margin:0!important;border:1px solid #19191b!important;border-radius:50%!important;background:#fff!important;color:#19191b;font:400 30px/1 Arial,sans-serif}
html.route-journal-article body #root .article-detail-main details[class$="-references"][open]>summary::after{content:"−"!important}
html.route-journal-article body #root .article-detail-main details[class$="-references"]>summary>span:first-child{font:400 16px/24px Poppins,"Noto Sans JP",sans-serif!important;color:#c9a35f!important}
html.route-journal-article body #root .article-detail-main details[class$="-references"]>summary>strong{font:700 22px/30.8px Poppins,"Noto Sans JP",sans-serif!important;color:#19191b!important}
html.route-journal-article body #root .article-detail-main details[class$="-references"]>summary>span:last-child{font:400 14px/21px Poppins,"Noto Sans JP",sans-serif!important;color:#19191b!important}

/* Final directory reference: bold black rows and one divider below the label. */
html.route-journal-article body #root .article-detail-main nav[class$="-toc"] ol{margin-top:16px!important;padding-top:16px!important;border-top:1px solid #19191b1f;display:grid!important;gap:12px!important}
html.route-journal-article body #root .article-detail-main nav[class$="-toc"] li{margin:0!important;padding:0!important;border:0!important}
html.route-journal-article body #root .article-detail-main nav[class$="-toc"] li:last-child{padding:0!important}
html.route-journal-article body #root .article-detail-main nav[class$="-toc"] a{font-family:"NP023 LINE Seed","LINE Seed JP",sans-serif!important;font-size:15px!important;line-height:24px!important;font-weight:700!important;gap:12px!important}
html.route-journal-article body #root .article-detail-main nav[class$="-toc"] .journal-toc-number{flex:0 0 2em;min-width:2em;white-space:nowrap;word-break:normal;overflow-wrap:normal;font-variant-numeric:tabular-nums;font-family:inherit;color:#19191b!important;font-size:15px!important;line-height:24px!important;font-weight:700!important}

/* Compact introduction spacing: no extra margin on top of the reading gap. */
html.route-journal-article body #root .article-detail-main [class$="-reading"] .journal-introduction-title{margin-bottom:0!important}
html.route-journal-article body #root .article-detail-main [class$="-reading"] :is(.journal-introduction-title,.journal-entry-introduction-title)::after{margin-top:8px!important}
html.route-journal-article body #root .article-detail-main [class$="-reading"] .journal-entry-introduction-title{margin-bottom:16px!important}

/* The reference uses mint underlines for subsection headings and bold key points. */
html.route-journal-article body #root .article-detail-main [class$="-reading"] h3:not(.journal-introduction-title)::after{content:""!important;display:block!important;position:static!important;width:72px!important;height:4px!important;margin:8px 0 0!important;border:0!important;background:#dbecea!important}
html.route-journal-article body #root .article-detail-main [class$="-reading"] .journal-overview-list{list-style:none;margin:0;padding:0;display:grid;gap:20px}
html.route-journal-article body #root .article-detail-main [class$="-reading"] .journal-overview-list>li{position:relative;margin:0;padding:0 0 0 17px;font-family:"NP023 LINE Seed","LINE Seed JP",sans-serif;font-size:16px!important;line-height:28px!important;font-weight:700!important;color:#19191b}
html.route-journal-article body #root .article-detail-main [class$="-reading"] .journal-overview-list>li::before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;border-radius:50%;background:#dbecea}
@media(max-width:760px){html.route-journal-article body #root .article-detail-main [class$="-reading"] .journal-overview-list>li{font-size:15px!important}}