.list-hero,.detail-hero,.article-hero{background:#252e54;color:#fff}
.list-hero{padding:52px 0 56px}
.list-hero h1,.detail-hero h1{font-size:clamp(30px,3.6vw,46px);line-height:1.45;margin:0 0 18px}
.list-hero .eyebrow,.detail-hero .eyebrow{color:#d0b77c}
.list-hero .label,.detail-hero .label{color:#a2d5d1}
.list-hero .lead,.detail-hero .lead{color:#d0dbea;font-size:15px;margin:0}
.sample-note{font-size:11px;color:#8a93a3;margin:0 0 10px}
.related-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.related-head h2{font-size:24px;margin:0}
.textlink{color:#147f82;font-weight:700;font-size:14px}
.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:26px}
.actions .button{margin-left:0}
@media(max-width:760px){.list-hero{padding:38px 0 40px}.related-head{flex-direction:column;align-items:flex-start}}

.insight-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:56px;align-items:start;max-width:1180px}
.insight-list{min-width:0}
/* 右側の月別アーカイブ（一覧だけ。記事のページには付けない・阪本さん10/23） */
.archive{border-top:2px solid #252e54;font-size:14px}
.archive h2{font-size:14px;color:#252e54;margin:0;padding:14px 4px 12px;border-bottom:1px solid #e1e6ec;letter-spacing:.06em}
.archive details{border-bottom:1px solid #e1e6ec}
.archive summary{cursor:pointer;list-style:none;padding:12px 4px;font-weight:700;color:#25304a;display:flex;justify-content:space-between;align-items:center}
.archive summary::-webkit-details-marker{display:none}
.archive summary::after{content:"+";color:#147f82;font:400 18px Arial}.archive details[open] summary::after{content:"−"}
.archive summary span{margin-left:auto;margin-right:10px;font-weight:400;color:#8a93a3;font-size:12px}
.archive ul{list-style:none;margin:0;padding:0 0 10px}
.archive li a{display:flex;justify-content:space-between;padding:7px 4px 7px 14px;color:#3b4660}
.archive li a:hover{color:#147f82;background:#f5f7f9}
.archive li span{color:#8a93a3;font-size:12px}
.kind-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.kind-tabs a{font-size:13px;font-weight:700;padding:9px 16px;border:1px solid #d5dce5;color:#3b4660;background:#fff}
.kind-tabs a.on,.kind-tabs a:hover{background:#252e54;border-color:#252e54;color:#fff}
.list-count{font-size:13px;color:#5d6577;margin:0 0 6px}.list-count b{font-size:20px;color:#252e54;margin-right:3px}
.news-list{border-top:2px solid #252e54}
.news-row{display:grid;grid-template-columns:96px 132px 1fr 18px;gap:16px;align-items:center;padding:20px 6px;border-bottom:1px solid #e1e6ec;font-size:15px;color:#25304a;transition:.15s}
.news-row:hover{background:#f5f7f9}.news-row:hover span{color:#147f82}
.news-row time{font:13px Arial;color:#7c8597}
.news-row i{font-style:normal;color:#a47d31}
.status{font-size:11px;font-weight:700;text-align:center;padding:5px 6px;background:#eef1f6;color:#394564}
.status.maintenance{background:#e6f5f3;color:#147f82}.status.outage{background:#f7e9e6;color:#9b4c41}
.status.feature{background:#f6f0e3;color:#8c6a27}.status.blog{background:#eceef5;color:#252e54}
.pager{display:flex;justify-content:center;gap:6px;margin-top:36px}
.pager a{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid #d5dce5;font-size:14px;color:#3b4660;padding:0 12px}
.pager a.on{background:#252e54;border-color:#252e54;color:#fff}
.list-foot{margin-top:40px;text-align:right}
.article-hero{padding:46px 0 44px}
.article-wrap{max-width:860px}
.article-meta{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.article-meta time{font:14px Arial;color:#c3cde0}
.article-hero h1{font-size:clamp(24px,2.8vw,34px);line-height:1.6;margin:0}
.notice-facts{margin:44px 0 0;background:#f5f7f9;border-left:3px solid #147f82;padding:20px 24px}
.notice-facts dl{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;margin:0;font-size:14px}
.notice-facts dt{color:#7b8396}.notice-facts dd{margin:0;color:#25304a}
.article-body{padding:44px 0 20px;font-size:16px;line-height:2.05;color:#2b3650}
.article-body p{margin:0 0 1.4em}.article-body img{max-width:100%;height:auto;vertical-align:top}
.article-body .img-center{display:block;margin:0 auto}.article-body .img-left{float:left;margin:0 24px 12px 0}.article-body .img-right{float:right;margin:0 0 12px 24px}
.article-body::after{content:"";display:block;clear:both}.article-body a{color:#147f82;text-decoration:underline}
.article-body h2,.article-body h3{color:#252e54;border-left:3px solid #147f82;padding-left:12px;margin:2em 0 .8em}
.prev-next{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;border-top:1px solid #e1e6ec;padding:28px 0 70px}
.prev-next a{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#25304a}
.prev-next a small{color:#8a93a3;font-size:11px}
.prev-next a:last-child{text-align:right}.prev-next a.disabled{color:#a7aebb}
.prev-next .to-list{align-self:center;padding:12px 22px;border:1px solid #252e54;color:#252e54;font-weight:700}
@media(max-width:960px){.insight-layout{grid-template-columns:1fr;gap:40px}}
@media(max-width:760px){.news-row{grid-template-columns:84px 1fr;gap:8px 12px;padding:16px 2px}.news-row .status{justify-self:start}
.news-row span{grid-column:1/-1;font-size:14px}.news-row i{display:none}.notice-facts dl{grid-template-columns:1fr}
.prev-next{grid-template-columns:1fr}.prev-next a:last-child{text-align:left}.prev-next .to-list{justify-self:start}}
