/* Article header only. Every selector is scoped to the new component. */
#kredo-article-header,#kredo-article-header *{box-sizing:border-box}
#kredo-article-header{--kah-header-height:131px;--kah-admin-offset:0px;position:fixed;top:0;left:0;right:0;z-index:1050;display:block;width:100%;height:auto;margin:0;padding:0;background:#fffefcf5;color:#14324e;border-bottom:1px solid #dbe6ec;box-shadow:0 4px 18px #12314d04;backdrop-filter:blur(16px);font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;line-height:1.6;text-align:left}
#kredo-article-header a{color:inherit;text-decoration:none;transition:color .18s,background .18s,transform .18s}
#kredo-article-header a:focus-visible,#kredo-article-header summary:focus-visible,#kredo-article-header button:focus-visible{outline:3px solid #3155ef;outline-offset:4px;border-radius:4px}
#kredo-article-header summary{list-style:none;cursor:pointer;user-select:none}
#kredo-article-header summary::-webkit-details-marker{display:none}
#kredo-article-header button,#kredo-article-header input{font:inherit;color:inherit}
#kredo-article-header button{cursor:pointer;border:0;background:none}
#kredo-article-header .kah-top{max-width:1216px;margin:auto;min-height:78px;padding:14px 28px;display:flex;align-items:center;gap:28px}
#kredo-article-header .kah-brand{display:flex;align-items:center;flex-shrink:0}
#kredo-article-header .kah-brand img{width:204px;height:auto;max-width:100%;display:block}
#kredo-article-header .kah-tagline{font-size:11px;letter-spacing:.02em;color:#607386;white-space:nowrap}
#kredo-article-header .kah-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
#kredo-article-header .kah-actions>a{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:44px;padding:12px 16px;font-size:12px;font-weight:700;border-radius:7px;white-space:nowrap}
#kredo-article-header .kah-actions>a>span:last-child{font-size:19px;font-weight:400;line-height:1}
#kredo-article-header .kah-webinar{border:1px solid #c4d1f7;color:#3155ef;background:#fff}
#kredo-article-header .kah-webinar:hover{background:#f1f5ff;transform:translateY(-1px)}
#kredo-article-header .kah-consult{background:#22846d;color:#fff;box-shadow:0 3px 0 #0e684e0a}
#kredo-article-header .kah-consult:hover{background:#176e59;transform:translateY(-1px)}
#kredo-article-header .kah-cv-short{display:none}
#kredo-article-header .kah-search{position:relative}
#kredo-article-header .kah-search>summary{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}
#kredo-article-header .kah-search>summary:hover,#kredo-article-header .kah-search[open]>summary{background:#eef4fa;color:#3155ef}
#kredo-article-header .kah-search>summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
#kredo-article-header .kah-search-panel{position:absolute;right:0;top:calc(100% + 13px);width:390px;padding:24px;background:#fff;box-shadow:0 18px 45px #12314d20;border:1px solid #dbe6ec;border-radius:10px;z-index:3}
#kredo-article-header .kah-search-panel label{display:block;font-size:14px;font-weight:700;margin-bottom:13px}
#kredo-article-header .kah-search-input{display:flex;align-items:stretch;border:1px solid #cbd9e3;border-radius:7px;overflow:hidden;background:#fff}
#kredo-article-header .kah-search-input input[type=search]{min-width:0;width:100%;border:0;background:none;padding:13px;font-size:16px;outline-offset:-3px;line-height:1.5}
#kredo-article-header .kah-search-input button{border-radius:0;font-size:12px;font-weight:700;flex-shrink:0;padding:10px 13px;background:#eff4fa;color:#3155ef}
#kredo-article-header .kah-nav-border{border-top:1px solid #e7edf1}
#kredo-article-header .kah-nav{position:static;display:flex;align-items:center;gap:8px;max-width:1216px;min-height:51px;margin:auto;padding:0 28px;background:none}
#kredo-article-header .kah-nav-label{font-size:11px;font-weight:700;color:#718296;margin-right:19px;padding-right:24px;border-right:1px solid #dbe6ec;white-space:nowrap}
#kredo-article-header .kah-home,#kredo-article-header .kah-category>summary{display:flex;align-items:center;gap:10px;min-height:51px;padding:0 16px;font-size:14px;font-weight:700;letter-spacing:.01em;position:relative;white-space:nowrap}
#kredo-article-header .kah-category>summary:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#3155ef;transform:scaleX(0);transform-origin:left;transition:transform .2s}
#kredo-article-header .kah-home:hover,#kredo-article-header .kah-category>summary:hover,#kredo-article-header .kah-category[open]>summary,#kredo-article-header .kah-category.is-current>summary{color:#3155ef}
#kredo-article-header .kah-category[open]>summary:after,#kredo-article-header .kah-category.is-current>summary:after{transform:scaleX(1)}
#kredo-article-header .kah-chevron{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s;flex-shrink:0}
#kredo-article-header details[open]>summary>.kah-chevron{transform:rotate(180deg)}
#kredo-article-header .kah-diary-shortcut{margin-left:auto;font-size:11px;font-weight:700;white-space:nowrap;display:flex;gap:16px;min-height:44px;align-items:center;color:#22846d}
#kredo-article-header .kah-mega{position:absolute;top:100%;left:0;right:0;background:#fffefc;border-top:1px solid #e5ecf0;border-bottom:1px solid #dbe6ec;box-shadow:0 22px 30px #12314d14;max-height:calc(100dvh - var(--kah-header-height,131px) - var(--kah-admin-offset,0px) - 16px);overflow:auto;animation:kah-menu-in .2s ease-out}
#kredo-article-header .kah-mega-inner{max-width:1216px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr) 210px;gap:32px;padding:26px 28px 30px}
#kredo-article-header .kah-feature{display:block;min-width:0}
#kredo-article-header .kah-feature img{display:block;width:100%;height:126px;object-fit:cover;border-radius:6px;margin:0 0 14px}
#kredo-article-header .kah-feature-copy{display:grid;gap:4px}
#kredo-article-header .kah-feature-copy small,#kredo-article-header .kah-diary-link>small{font:700 9px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#3155ef}
#kredo-article-header .kah-feature-copy strong{font-size:15px;letter-spacing:-.03em;line-height:1.65}
#kredo-article-header .kah-feature-copy>span{font-size:11px;line-height:1.8;color:#637889}
#kredo-article-header .kah-topic-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #dce6ed;font-size:15px;font-weight:700}
#kredo-article-header .kah-topic-heading>a{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:500;color:#607386}
#kredo-article-header .kah-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}
#kredo-article-header .kah-topic{display:flex;gap:9px;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid #e7edf1;padding:11px 0}
#kredo-article-header .kah-topic strong{display:block;font-size:14px;font-weight:700;line-height:1.8}
#kredo-article-header .kah-topic small{display:block;font-size:11px;color:#65798b;line-height:1.9}
#kredo-article-header .kah-topic-arrow{font-size:18px;font-weight:400;color:#3155ef;transition:transform .2s}
#kredo-article-header .kah-topic:hover{color:#3155ef}
#kredo-article-header .kah-topic:hover .kah-topic-arrow{transform:translate(2px,-2px)}
#kredo-article-header .kah-diary-link{display:flex;flex-direction:column;align-items:flex-start;padding:22px 20px;border-radius:7px;background:repeating-linear-gradient(transparent,transparent 27px,#c4dadb5c 28px),#f0f8f5;border:1px solid #d7e7df;position:relative}
#kredo-article-header .kah-diary-link:before{content:"";position:absolute;top:-5px;left:24px;width:52px;height:12px;background:#ffdf689c;transform:rotate(-3deg)}
#kredo-article-header .kah-diary-link>small{color:#22846d}
#kredo-article-header .kah-diary-link>strong{font-size:20px;line-height:1.65;letter-spacing:-.035em;margin-top:14px}
#kredo-article-header .kah-diary-link>span{font-size:10px;color:#637889;margin-top:8px}
#kredo-article-header .kah-diary-link>em{display:flex;gap:35px;align-items:center;font-style:normal;font-size:11px;font-weight:700;color:#22846d;margin-top:auto;padding-top:20px}
#kredo-article-header .kah-mobile{display:none}
#kredo-article-header .kah-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#kredo-article-header + #banner.kredo-article-banner-shell{padding-top:131px!important;margin-top:0!important}
body.admin-bar #kredo-article-header{top:32px}
@keyframes kah-menu-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:1200px){#kredo-article-header .kah-tagline{display:none}#kredo-article-header .kah-nav{gap:0}#kredo-article-header .kah-mega-inner{grid-template-columns:210px minmax(0,1fr) 180px;gap:24px}#kredo-article-header .kah-diary-link{padding:20px 16px}#kredo-article-header .kah-diary-link>strong{font-size:18px}}
@media(max-width:1000px){#kredo-article-header .kah-home,#kredo-article-header .kah-category>summary{padding-inline:11px;font-size:13px}#kredo-article-header .kah-nav-label{padding-right:15px;margin-right:12px}#kredo-article-header .kah-mega-inner{grid-template-columns:190px minmax(0,1fr) 160px;gap:22px}#kredo-article-header .kah-topic-grid{column-gap:16px}#kredo-article-header .kah-topic strong{font-size:12px}}
@media(max-width:900px){
 #kredo-article-header{--kah-header-height:77px}
 #kredo-article-header + #banner.kredo-article-banner-shell{padding-top:77px!important}
 #kredo-article-header .kah-top{min-height:76px;padding:14px 22px;gap:14px}
 #kredo-article-header .kah-brand img{width:190px}
 #kredo-article-header .kah-nav-border,#kredo-article-header .kah-search{display:none}
 #kredo-article-header .kah-actions{gap:10px}
 #kredo-article-header .kah-mobile{display:block}
 #kredo-article-header .kah-mobile>summary{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:44px;height:46px;border-radius:5px}
 #kredo-article-header .kah-menu-icon{display:block;width:22px;height:15px;position:relative}
 #kredo-article-header .kah-menu-icon i{display:block;position:absolute;left:0;width:22px;height:1.5px;background:currentColor;transition:transform .2s,top .2s}
 #kredo-article-header .kah-menu-icon i:first-child{top:3px}#kredo-article-header .kah-menu-icon i:last-child{top:11px}
 #kredo-article-header .kah-menu-label{font:700 7px/1 Arial,sans-serif;letter-spacing:.1em}
 #kredo-article-header .kah-mobile[open]>summary{color:#3155ef;background:#f1f5fc}
 #kredo-article-header .kah-mobile[open] .kah-menu-icon i:first-child{top:7px;transform:rotate(45deg)}#kredo-article-header .kah-mobile[open] .kah-menu-icon i:last-child{top:7px;transform:rotate(-45deg)}
 #kredo-article-header .kah-mobile-panel{position:absolute;top:100%;left:0;right:0;border-top:1px solid #dde7ef;background:#fffefc;max-height:calc(100dvh - var(--kah-header-height,77px) - var(--kah-admin-offset,0px) - 8px);overflow-y:auto;overscroll-behavior:contain;padding:24px max(24px,calc((100vw - 620px)/2));box-shadow:0 22px 35px #12314d1c;animation:kah-menu-in .2s ease-out}
 #kredo-article-header .kah-mobile-intro>span{font:700 9px/1.6 Arial,sans-serif;letter-spacing:.12em;color:#3155ef}
 #kredo-article-header .kah-mobile-intro p{margin:6px 0 18px;font-size:17px;font-weight:700;line-height:1.7}
 #kredo-article-header .kah-mobile-home{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;min-height:60px;border-bottom:1px solid #dce6ed;margin-top:10px}
 #kredo-article-header .kah-mobile-category{border-bottom:1px solid #dce6ed}
 #kredo-article-header .kah-mobile-category>summary{display:flex;align-items:center;justify-content:space-between;min-height:67px;padding-block:12px;font-size:15px;font-weight:700}
 #kredo-article-header .kah-mobile-category small{display:block;font:500 8px/1.8 Arial,sans-serif;color:#7b8e9f;letter-spacing:.08em}
 #kredo-article-header .kah-mobile-category.is-current>summary{color:#3155ef}
 #kredo-article-header .kah-mobile-children{padding:0 14px 14px;border-left:2px solid #d6e1fd;margin-bottom:12px}
 #kredo-article-header .kah-mobile-children a{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:12px;font-size:13px;line-height:1.7}
 #kredo-article-header .kah-mobile-children .kah-all{color:#3155ef;font-weight:700;font-size:12px}
 #kredo-article-header .kah-mobile-stories{margin-top:24px}
 #kredo-article-header .kah-mobile-stories>a:first-child{display:flex;align-items:center;gap:14px;padding:14px;background:#f0f8f5;border:1px solid #d7e7df;border-radius:6px}
 #kredo-article-header .kah-mobile-stories img{display:block;width:83px;height:72px;object-fit:cover;border-radius:3px}
 #kredo-article-header .kah-mobile-stories>a:first-child>span{font-size:13px;font-weight:700}
 #kredo-article-header .kah-mobile-stories small{display:block;font:700 8px/1.6 Arial,sans-serif;letter-spacing:.05em;color:#22846d;margin-bottom:5px}
 #kredo-article-header .kah-mobile-stories em{display:block;font-style:normal;font-size:10px;color:#22846d;margin-top:7px}
 #kredo-article-header .kah-mobile-stories>a:last-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;min-height:56px;align-items:center}
}
@media(max-width:782px){body.admin-bar #kredo-article-header{top:46px}}
@media(max-width:600px){#kredo-article-header{--kah-header-height:73px}#kredo-article-header + #banner.kredo-article-banner-shell{padding-top:73px!important}body.admin-bar #kredo-article-header{top:46px}#kredo-article-header .kah-top{min-height:72px;padding:12px 16px;gap:8px}#kredo-article-header .kah-brand img{width:154px}#kredo-article-header .kah-actions>.kah-webinar{display:none}#kredo-article-header .kah-cv-long{display:none}#kredo-article-header .kah-cv-short{display:inline}#kredo-article-header .kah-actions{gap:6px}#kredo-article-header .kah-actions>.kah-consult{padding:12px;font-size:11px;min-height:44px;gap:10px}#kredo-article-header .kah-mobile-panel{padding:24px 22px;max-height:calc(100dvh - var(--kah-header-height,73px) - var(--kah-admin-offset,0px) - 8px)}#kredo-article-header .kah-mobile-intro p{font-size:16px}}
/* The legacy theme positions the mobile WP toolbar inside its relative body,
   below core's 46px HTML margin. Reserve that toolbar in this article shell. */
@media(max-width:600px){#kredo-article-header.kah-has-admin-bar + #banner.kredo-article-banner-shell{padding-top:119px!important}}
@media(max-width:360px){#kredo-article-header .kah-top{padding-inline:12px}#kredo-article-header .kah-brand img{width:132px}#kredo-article-header .kah-actions>.kah-consult{padding-inline:10px;gap:8px}#kredo-article-header .kah-mobile-panel{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){#kredo-article-header *{animation:none!important;transition:none!important}}
