.note-main{padding:32px 0 80px;color:#14213d}.note-main .shell{max-width:1200px;width:calc(100% - 80px);margin-inline:auto}.note-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.8;color:#526477;margin-bottom:48px}.note-breadcrumb a{color:#193d58;text-underline-offset:4px}.note-hero{max-width:980px;padding-bottom:40px}.note-eyebrow{font-size:12px;letter-spacing:.12em;color:#193d58;margin:0 0 28px}.note-eyebrow span{margin-left:20px;letter-spacing:.05em}.note-category{font-size:13px;color:#60516e;margin:0 0 14px}.note-hero h1{font-family:"Noto Serif JP",serif;font-weight:500;font-size:clamp(30px,3.2vw,46px);line-height:1.65;letter-spacing:.01em;margin:0 0 24px;color:#193d58}.note-hero h1 span{font-size:.82em}.note-mobile-break{display:none}.note-deck{font-size:17px;line-height:1.9;color:#526477;margin:0 0 26px}.note-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#526477}.note-meta a{color:inherit;text-underline-offset:4px}.note-cover{margin:0 0 64px}.note-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:4px}.note-cover figcaption,.note-caption{font-size:12px;line-height:1.8;color:#526477;margin:12px 0 0}.note-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:64px;justify-content:space-between;align-items:start}.note-toc{border-top:1px solid #708496;padding-top:20px;font-size:13px;line-height:1.9}.note-toc p{font-weight:500;margin:0 0 14px}.note-toc ol{padding-left:20px;margin:0}.note-toc li{padding:7px 0}.note-toc a{color:#526477;text-decoration:none;display:inline-block;padding:4px 0}.note-toc a:hover{text-decoration:underline;text-underline-offset:4px}.note-body{min-width:0;font-size:16px;line-height:2}.note-body p{margin:0 0 24px}.note-body section{scroll-margin-top:130px;margin-bottom:56px}.note-body .note-disclosure{font-size:13px;line-height:1.9;padding:24px;background:#f6f8fa;border-left:2px solid #708496;margin-bottom:48px;color:#526477}.note-body .note-section-label{font-size:11px;letter-spacing:.12em;color:#60516e;margin:0 0 12px}.note-body h2{font-family:"Noto Serif JP",serif;font-weight:500;font-size:27px;line-height:1.65;color:#193d58;margin:0 0 26px}.note-body h3{font-size:17px;line-height:1.8;color:#193d58;font-weight:500;margin:0 0 8px}.note-body a{color:#193d58;text-underline-offset:5px}.note-body blockquote{border-left:2px solid #914f60;margin:32px 0;padding:12px 0 12px 26px;color:#193d58;font-family:"Noto Serif JP",serif;font-size:24px;line-height:1.8}.note-body blockquote p{margin:0}.note-checks{padding-left:24px;margin:32px 0}.note-checks li{padding:0 0 18px 10px}.note-checks li::marker{color:#914f60}.note-checks p{margin:0;color:#526477;font-size:15px}.note-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0 12px}.note-comparison section{padding:24px;background:#f6f8fa;margin:0}.note-comparison section+section{background:#193d58;color:#fff}.note-comparison section+section h3,.note-comparison section+section .note-mini-label{color:#fff}.note-comparison .note-mini-label{font-size:11px;letter-spacing:.1em;color:#526477;margin:0 0 16px}.note-comparison ul{font-size:14px;padding-left:18px;margin:16px 0 0;line-height:1.9}.note-comparison li+li{margin-top:8px}.note-body .note-caption{font-size:12px;margin-bottom:24px}.note-takeaway{background:#eaf0f4;padding:32px;border-radius:4px}.note-takeaway ul{padding-left:20px;margin:0 0 24px}.note-takeaway li+li{margin-top:14px}.note-takeaway strong{display:block;font-weight:500}.note-takeaway p:last-child{margin-bottom:0}.note-cta{border-top:1px solid #cbd5df;padding:40px 0;margin-top:56px}.note-body .note-cta .note-eyebrow{font-size:12px;margin-bottom:16px}.note-body .note-cta .button{color:#fff;min-height:48px;font-size:15px}.note-related{display:block;width:fit-content;padding:12px 0;margin-top:12px;font-size:14px}.note-editorial{background:#f6f8fa;padding:24px;font-size:13px;line-height:1.9}.note-editorial p{margin-bottom:12px}.note-editorial a{display:inline-block;min-height:44px;padding-top:10px}.note-main a:focus-visible{outline:2px solid #193d58;outline-offset:5px}.note-index-hero{padding:12px 0 48px;max-width:820px}.note-index-hero h1{font:500 clamp(32px,4vw,50px)/1.5 "Noto Serif JP",serif;margin:0 0 24px;color:#193d58}.note-index-hero>p:last-child{font-size:17px;line-height:1.9;color:#526477}.note-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;border-block:1px solid #cbd5df;padding:40px 0}.note-feature img{width:100%;height:auto;aspect-ratio:16/9;display:block}.note-feature h2{font:500 27px/1.7 "Noto Serif JP",serif;color:#193d58;margin:14px 0 20px}.note-feature a{color:inherit;text-underline-offset:6px}.note-feature p{font-size:15px;line-height:1.9;color:#526477}.note-feature .note-eyebrow{font-size:12px}.note-index-policy{margin:48px 0 0;max-width:760px}.note-index-policy h2{font-size:21px;font-weight:500;color:#193d58}.note-index-policy p{font-size:15px;line-height:1.9;color:#526477}
@media(max-width:1023px){.note-layout{grid-template-columns:1fr;gap:36px;max-width:760px;margin:auto}.note-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.note-feature{gap:28px}.note-feature h2{font-size:23px}}
@media(max-width:767px){.note-main{padding-top:24px;padding-bottom:56px}.note-main .shell{width:calc(100% - 48px)}.note-breadcrumb{font-size:11px;margin-bottom:32px}.note-hero{padding-bottom:28px}.note-eyebrow{font-size:11px;margin-bottom:24px}.note-eyebrow span{display:block;margin:7px 0 0}.note-hero h1{font-size:29px;line-height:1.65;overflow-wrap:anywhere}.note-hero h1 span{font-size:.88em}.note-mobile-break{display:block}.note-deck{font-size:15px}.note-meta{gap:8px 20px;font-size:11px}.note-cover{margin-bottom:36px}.note-cover figcaption{font-size:11px}.note-toc ol{display:block}.note-toc li{padding:3px 0}.note-body{font-size:16px;line-height:1.95}.note-body h2{font-size:24px}.note-body section{margin-bottom:40px}.note-body .note-disclosure{padding:20px;margin-bottom:36px;font-size:12px}.note-body blockquote{font-size:20px;padding-left:20px}.note-comparison{grid-template-columns:1fr;gap:12px}.note-comparison section{margin:0;padding:24px}.note-takeaway{padding:24px}.note-cta{margin-top:40px;padding-top:32px}.note-feature{grid-template-columns:1fr;gap:24px;padding:28px 0}.note-feature h2{font-size:24px}.note-index-hero{padding-bottom:28px}.note-index-hero>p:last-child{font-size:15px}}

/* Journal cards expose one clear destination across image, title and action. */
.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
.note-card{min-width:0;background:#f6f8fa;border:1px solid #cbd5df}
.note-card:nth-child(4n+2),.note-card:nth-child(4n+3){background:#eaf0f4}
.note-card-link{display:block;height:100%;text-decoration:none;color:#193d58}
.note-card-link:hover .note-read{text-decoration:underline;text-underline-offset:5px}
.note-card-link:focus-visible{outline:3px solid #193d58;outline-offset:5px}
.note-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.note-card-copy{padding:28px}.note-card-copy .note-eyebrow{margin-bottom:12px}
.note-card-copy h2{font:500 25px/1.65 "Noto Serif JP",serif;margin:16px 0}
.note-card-copy p{font-size:15px;line-height:1.9;color:#526477}
.note-card-copy .note-card-date{font-size:12px}
.note-card .note-read{display:flex;justify-content:space-between;border-top:1px solid #708496;padding-top:18px;margin-top:24px;font-size:16px;font-weight:500}
.note-index-hero .note-index-hint{font-size:13px}
.note-flow{margin:0 0 48px;padding:24px;background:#eaf0f4}
.note-flow figcaption{font-size:13px;margin-bottom:20px;color:#526477}
.note-flow ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.note-flow li{padding:16px;background:#fff;font-size:15px;color:#193d58}
.note-flow li span{display:block;font:400 24px/1.5 Georgia,serif;color:#60516e;margin-bottom:8px}
.note-series{border-block:1px solid #cbd5df;padding:32px 0;margin-block:40px}
.note-series ul{list-style:none;padding:0;margin:0}.note-series li+li{border-top:1px solid #cbd5df}
.note-series li a{display:block;padding:16px 0;font-size:17px;line-height:1.8}
.note-body .note-published{font-size:12px;color:#526477}
@media(max-width:767px){.note-grid{grid-template-columns:1fr;gap:24px}.note-card-copy{padding:24px}.note-card-copy h2{font-size:23px}.note-card:nth-child(n){background:#f6f8fa}.note-card:nth-child(even){background:#eaf0f4}.note-flow{padding:20px}.note-flow ol{gap:12px}.note-flow li{padding:12px;font-size:14px}}

/* Journal topics remain readable links on articles and keyboard-operable filters on the index. */
.note-title-sub{display:inline-block;margin-left:.45em;font:500 .48em/1.6 "Noto Sans JP",sans-serif;vertical-align:middle}
.note-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.note-tag{display:inline-block;border:1px solid #708496;border-radius:4px;padding:4px 10px;font:400 12px/1.6 "Noto Sans JP",sans-serif;color:#193d58;background:#fff}
a.note-tag{display:inline-flex;align-items:center;min-height:40px;font-size:14px;text-underline-offset:4px}
.note-filter{padding:24px;background:#eaf0f4;margin:0 0 40px;border:1px solid #cbd5df}
.note-filter[hidden],.note-card[hidden]{display:none}
.note-filter>p:first-child{margin:0 0 16px;font-weight:500}
.note-filter-buttons{display:flex;gap:10px;flex-wrap:wrap}
.note-filter button{font:500 14px/1.5 "Noto Sans JP",sans-serif;min-height:44px;padding:10px 16px;border:1px solid #708496;border-radius:4px;background:#fff;color:#193d58;cursor:pointer}
.note-filter button[aria-pressed="true"]{color:#fff;background:#193d58;text-decoration:underline;text-underline-offset:5px}
.note-filter button:focus-visible,.note-tag:focus-visible{outline:3px solid #193d58;outline-offset:3px}
#note-filter-status{font-size:13px;color:#526477;margin:16px 0 0}
@media(max-width:767px){.note-title-sub{display:block;margin:12px 0 0;font-size:20px}.note-filter{padding:20px}.note-filter-buttons{gap:8px}.note-filter button{padding:10px 12px}}

.note-filter button[id]{scroll-margin-top:160px}

/* Article diagrams carry information in HTML, with images providing visual context. */
.article-illustration{margin:32px 0 24px}.article-illustration img{display:block;width:100%;height:auto;aspect-ratio:16/9}.article-illustration figcaption{font-size:12px;line-height:1.8;color:#526477;padding:12px 0}
.article-diagram{margin:32px 0 44px;padding:28px;background:#edf3f6;border:1px solid #cbd5df;color:#193d58}
.article-diagram figcaption{font:500 20px/1.6 "Noto Serif JP",serif;margin:0 0 24px}.diagram-kicker{display:block;font:500 11px/1.8 "Noto Sans JP",sans-serif;letter-spacing:.13em;color:#60516e;margin-bottom:8px}
.diagram-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.diagram-items li{min-width:0;padding:18px;background:#fff;border-top:2px solid #708496;line-height:1.7}.diagram-items strong{display:block;font-size:16px;font-weight:500;margin:4px 0 8px}.diagram-detail{display:block;font-size:14px;color:#526477}.diagram-number{font:400 18px/1.3 Georgia,serif;color:#60516e}
.diagram-flow .diagram-items li{border-top:0;border-left:3px solid #193d58}.diagram-compare{background:#f4f0f3}.diagram-compare .diagram-items li:first-child{background:#fff}.diagram-compare .diagram-items li:last-child{background:#193d58;color:#fff}.diagram-compare .diagram-items li:last-child .diagram-detail,.diagram-compare .diagram-items li:last-child .diagram-number{color:#fff}
.note-body .diagram-note{font-size:12px;line-height:1.8;margin:18px 0 0;color:#526477}.diagram-tracks .diagram-items{grid-template-columns:1fr;gap:10px}.diagram-tracks li{border-left:5px solid #708496;border-top:0;display:grid;grid-template-columns:30px 120px minmax(0,1fr);align-items:center;gap:12px}.diagram-tracks strong{margin:0}.diagram-tracks li:nth-child(2n){border-left-color:#60516e}
.diagram-capture img{display:block;max-width:100%;width:100%;height:auto}.diagram-disclosure details{background:white;padding:18px}.diagram-disclosure summary{cursor:pointer;min-height:44px;font-weight:500}.diagram-disclosure summary:focus-visible{outline:3px solid #193d58;outline-offset:4px}.diagram-disclosure details p{font-size:14px;margin-bottom:0}
@media(max-width:600px){.article-diagram{padding:20px;margin:28px 0 36px}.article-diagram figcaption{font-size:19px}.diagram-items{grid-template-columns:1fr;gap:12px}.diagram-items li{padding:16px}.diagram-tracks li{grid-template-columns:24px minmax(0,1fr)}.diagram-tracks .diagram-detail{grid-column:2}.diagram-flow .diagram-items li+li:before{content:"↓";display:block;color:#60516e;margin-bottom:8px}.article-illustration figcaption{font-size:11px}}

.article-diagram figcaption{overflow-wrap:anywhere}
.diagram-capture>a{display:block}.diagram-capture>a:focus-visible{outline:3px solid #193d58;outline-offset:4px}

@media(max-width:600px){.article-diagram figcaption{font-size:18px;line-break:strict}}

/* Content infographics: meaningful relationships, full-size access. */
.article-infographic{margin:2rem 0 3rem}.article-infographic>a{display:block}.article-infographic img{display:block;width:100%;height:auto;border:1px solid #d8e2e8;border-radius:8px}.article-infographic a:focus-visible{outline:3px solid #193d58;outline-offset:4px}.article-infographic figcaption{font-size:14px;line-height:1.8;color:#465d6b;margin-top:12px}