/* Only the article-top banner. Existing header, article and sidebar styles remain intact. */
#banner.kredo-article-banner-shell{display:block}
#kredo-article-banner,#kredo-article-banner *{box-sizing:border-box}
#kredo-article-banner{background:#eff8ff;color:#12314d;border-bottom:1px solid #dce9ef;overflow:hidden;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;text-align:left}
#kredo-article-banner .kab-shell{max-width:1160px;margin:0 auto;padding:28px 24px 32px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:28px;align-items:center;min-height:292px}
#kredo-article-banner p{margin:0;padding:0;color:inherit;font-family:inherit}
#kredo-article-banner .kab-eyebrow{color:#3056f2;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.6;margin-bottom:14px}
#kredo-article-banner .kab-title{font-size:48px;font-weight:700;line-height:1.45;letter-spacing:-.055em;margin-bottom:10px}
#kredo-article-banner .kab-title>span,#kredo-article-banner .kab-title>strong{display:inline-block;white-space:nowrap;font-family:inherit;color:inherit}
#kredo-article-banner .kab-title>strong{position:relative;font-weight:700;z-index:0}
#kredo-article-banner .kab-title>strong:after{content:"";position:absolute;background:#ffdd58;bottom:5px;left:-3px;right:-3px;height:17%;z-index:-1;transform:rotate(-1deg)}
#kredo-article-banner .kab-description{font-size:15px;line-height:1.85;color:#4e667b}
#kredo-article-banner .kab-description>span{display:inline-block;white-space:nowrap}
#kredo-article-banner .kab-actions{display:flex;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap}
#kredo-article-banner .kab-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-family:inherit;text-decoration:none;line-height:1.5;font-size:13px;font-weight:700;min-height:44px;color:#15334d;transition:transform .2s,background .2s}
#kredo-article-banner .kab-actions a:focus-visible{outline:3px solid #234cff;outline-offset:4px}
#kredo-article-banner .kab-actions .kab-consult{background:#22846d;color:#fff;border-radius:7px;padding:13px 19px;box-shadow:0 3px 0 #1266501a}
#kredo-article-banner .kab-actions .kab-consult:hover{background:#176e59;transform:translateY(-2px)}
#kredo-article-banner .kab-actions .kab-blog{border-bottom:1px solid #7792aa;min-height:35px;padding:5px 0}
#kredo-article-banner .kab-actions a span{font-size:19px;font-weight:400}
#kredo-article-banner .kab-photos{position:relative;height:232px;min-width:0}
#kredo-article-banner .kab-flight{position:absolute;top:0;left:0;right:8px;display:flex;align-items:center;gap:9px;font:700 9px/1.5 Arial,sans-serif;letter-spacing:.06em;color:#34546e}
#kredo-article-banner .kab-flight img{display:block;width:24px;height:16px;border-radius:2px;box-shadow:0 1px 3px #12314d1a}
#kredo-article-banner .kab-flight-line{flex:1;color:#3155f4;font-size:19px;text-align:center;position:relative;animation:kab-flight 6s ease-in-out infinite}
#kredo-article-banner figure{margin:0;padding:0;position:absolute;border:5px solid white;border-radius:9px;overflow:hidden;box-shadow:0 8px 20px #15334d18}
#kredo-article-banner figure img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
#kredo-article-banner .kab-photo-main{top:38px;left:0;width:74%;height:177px;transform:rotate(-2deg)}
#kredo-article-banner .kab-photo-main img{object-position:50% 45%}
#kredo-article-banner .kab-photo-sea{bottom:0;right:0;width:36%;height:139px;transform:rotate(4deg);border-width:4px}
#kredo-article-banner figcaption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:7px 8px;color:#fff;background:linear-gradient(transparent,#072634b3);font:700 8px/1.5 Arial,sans-serif;letter-spacing:.07em}
#kredo-article-banner .kab-sun{position:absolute;right:10px;top:42px;width:34px;height:34px;stroke:#3056f2;stroke-width:1.4;fill:none}
@keyframes kab-flight{0%,100%{transform:translateX(-8px)}50%{transform:translateX(8px)}}
@media(max-width:1000px){#kredo-article-banner .kab-title{font-size:41px}#kredo-article-banner .kab-shell{gap:22px;padding-inline:32px}#kredo-article-banner .kab-actions{gap:13px}#kredo-article-banner .kab-actions a{font-size:12px;gap:12px}}
@media(max-width:700px){#kredo-article-banner .kab-shell{grid-template-columns:minmax(0,1fr) 135px;gap:15px;min-height:282px;padding:24px 20px}#kredo-article-banner .kab-eyebrow{font-size:8px;letter-spacing:.04em;margin-bottom:10px}#kredo-article-banner .kab-title{font-size:34px;line-height:1.4;letter-spacing:-.05em;margin-bottom:9px}#kredo-article-banner .kab-description{font-size:12px;line-height:1.9}#kredo-article-banner .kab-actions{gap:5px;margin-top:16px}#kredo-article-banner .kab-actions .kab-consult{padding:11px 12px;font-size:12px;gap:10px;min-height:44px}#kredo-article-banner .kab-actions .kab-blog{font-size:11px;min-height:33px;gap:14px}#kredo-article-banner .kab-photos{height:222px}#kredo-article-banner .kab-flight{right:0;top:5px;gap:4px;font-size:7px;letter-spacing:0}#kredo-article-banner .kab-flight img{width:17px;height:12px}#kredo-article-banner .kab-flight-line{font-size:14px}#kredo-article-banner .kab-photo-main{left:0;top:38px;width:100%;height:132px;border-width:3px}#kredo-article-banner .kab-photo-sea{width:84%;height:100px;right:0;bottom:0;border-width:3px}#kredo-article-banner .kab-photo-main img{object-position:40% 50%}#kredo-article-banner figcaption{font-size:6px;padding:5px}#kredo-article-banner .kab-sun{width:25px;height:25px;right:-4px;top:26px}}
@media(max-width:360px){#kredo-article-banner .kab-shell{grid-template-columns:minmax(0,1fr) 105px;padding-inline:16px;gap:12px}#kredo-article-banner .kab-title{font-size:31px}#kredo-article-banner .kab-flight{gap:3px}#kredo-article-banner .kab-flight img{width:15px;height:10px}#kredo-article-banner .kab-flight-line{font-size:12px}#kredo-article-banner .kab-photo-main{height:128px}#kredo-article-banner .kab-photo-sea{height:97px}}
@media(prefers-reduced-motion:reduce){#kredo-article-banner .kab-flight-line{animation:none}#kredo-article-banner .kab-actions a{transition:none}}