/* v3.6.2 - approved 9 book jackets, 13万人 Udemy and training hero; rendered natively in the profile production template. */
#khuf-profile-udemy.khuf-profile-udemy-feature{width:100%;margin:0;padding:48px 24px;background:#f2f5f7;color:#142c3d;position:relative;clear:both;box-sizing:border-box;font-family:Meiryo,"Meiryo UI",sans-serif}
#khuf-profile-udemy .khuf-profile-udemy-inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);max-width:1180px;margin:0 auto;box-shadow:0 14px 36px rgba(9,31,50,.12);border-radius:9px;overflow:hidden}
#khuf-profile-udemy .khuf-profile-udemy-impact{min-width:0;padding:40px 46px 41px;color:#fff;background:linear-gradient(119deg,#071e32 0%,#123d56 100%);border-top:5px solid #9664ee}
#khuf-profile-udemy .khuf-profile-udemy-impact h2{color:#fff;font-size:clamp(22px,2.1vw,29px);font-weight:700;line-height:1.4;margin:0 0 2px;letter-spacing:0}
#khuf-profile-udemy .khuf-profile-udemy-count{display:flex;align-items:baseline;gap:12px;flex-wrap:nowrap;line-height:1;margin:7px 0 16px;color:#fff}
#khuf-profile-udemy .khuf-profile-udemy-count strong{font-size:clamp(92px,10vw,151px);letter-spacing:-.085em;font-weight:800;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
#khuf-profile-udemy .khuf-profile-udemy-count span{font-size:clamp(38px,4vw,58px);font-weight:800;color:#e3ccff;white-space:nowrap;letter-spacing:-.04em}
#khuf-profile-udemy .khuf-profile-udemy-headline{font-size:16px;line-height:1.85;color:#f0f6fb;margin:0 0 12px;font-weight:600}
#khuf-profile-udemy .khuf-profile-udemy-source{font-size:12px;line-height:1.65;color:#b3c9d5;margin:0}
#khuf-profile-udemy .khuf-profile-udemy-about{min-width:0;background:#fff;padding:39px 37px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#193448}
#khuf-profile-udemy .khuf-profile-udemy-logo{background:#fff;display:inline-flex;align-items:center;justify-content:center;min-height:65px;max-width:100%;margin:0 0 17px}
#khuf-profile-udemy .khuf-profile-udemy-logo img{width:146px;height:auto;max-height:60px;max-width:100%;object-fit:contain;display:none}
#khuf-profile-udemy .khuf-profile-udemy-logo-ready img{display:block}
#khuf-profile-udemy .khuf-profile-udemy-logo-fallback{position:relative;display:inline-block;padding-top:9px;font-size:37px;font-weight:800;letter-spacing:-.05em;color:#19121c;line-height:1.4}
#khuf-profile-udemy .khuf-profile-udemy-logo-fallback::before{content:"";position:absolute;left:4px;top:0;width:21px;height:14px;background:#a435f0;clip-path:polygon(0 46%,50% 0,100% 46%,100% 96%,50% 52%,0 96%)}
#khuf-profile-udemy .khuf-profile-udemy-logo-ready .khuf-profile-udemy-logo-fallback{display:none}
#khuf-profile-udemy .khuf-profile-udemy-logo-error img{display:none}
#khuf-profile-udemy .khuf-profile-udemy-logo-error .khuf-profile-udemy-logo-fallback{display:inline}
#khuf-profile-udemy .khuf-profile-udemy-about h3{font-size:23px;line-height:1.45;margin:0 0 13px;color:#102d40;font-weight:700}
#khuf-profile-udemy .khuf-profile-udemy-about p{margin:0 0 13px;color:#415766;font-size:15px;line-height:1.9}
#khuf-profile-udemy .khuf-profile-udemy-about .khuf-profile-udemy-about-sub{color:#657886;font-size:13px;line-height:1.7;margin:3px 0 14px}
#khuf-profile-udemy .khuf-profile-udemy-about>a{color:#5937bb;border-bottom:1px solid #8460df;font-size:13px;text-decoration:none;font-weight:700;padding-bottom:4px}
#khuf-profile-udemy .khuf-profile-udemy-about>a:hover{color:#3f208d}
#books #khuf-profile-book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 18px;margin:32px auto 14px;width:100%;max-width:1290px;align-items:stretch;font-family:Meiryo,"Meiryo UI",sans-serif}
#books .khuf-profile-book{display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid #d7dfe4;border-radius:4px;background:#fff;color:#122a3c;padding:13px;text-decoration:none;box-shadow:0 3px 9px rgba(13,40,55,.04);transition:transform .15s,box-shadow .15s}
#books .khuf-profile-book:hover,#books .khuf-profile-book:focus-visible{transform:translateY(-3px);box-shadow:0 12px 24px rgba(13,40,55,.12)}
#books .khuf-profile-book-cover{height:195px;display:flex;align-items:center;justify-content:center;background:#f0f3f4;overflow:hidden;margin:0 0 13px;flex:none}
#books .khuf-profile-book-cover img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
#books .khuf-profile-book-cover-error{font-size:13px;color:#657887;padding:16px;text-align:center}
#books .khuf-profile-book-meta{display:flex;flex-direction:column;gap:7px;min-width:0}
#books .khuf-profile-book-title{font-size:13px;line-height:1.65;font-weight:700;color:#122a3c;overflow-wrap:anywhere}
#books .khuf-profile-book-publisher{font-size:11px;line-height:1.6;font-weight:400;color:#70828c}
#records.khuf-profile-training-enhanced{scroll-margin-top:95px}
#records .khuf-profile-training-feature{display:grid;width:100%;max-width:1220px;box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,3vw,48px);align-items:center;padding:clamp(28px,4vw,54px);margin:0 auto 38px;background:linear-gradient(122deg,#091f32 0%,#123750 100%);color:#f8fafc;border-radius:8px;box-shadow:0 18px 40px rgba(11,34,56,.13)}
#records .khuf-profile-training-feature>div{min-width:0;max-width:100%}
#records .khuf-profile-eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:#d7bd8a;line-height:1.6}
#records .khuf-profile-big-count{display:flex;align-items:baseline;gap:9px;line-height:1;margin:18px 0 12px;min-width:0}
#records .khuf-profile-big-count>span{font-size:clamp(68px,8vw,120px);font-weight:700;line-height:1.03;letter-spacing:-.05em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
#records .khuf-profile-big-count small{font-size:clamp(24px,2.5vw,39px);font-weight:600;color:#fff;line-height:1.1;white-space:nowrap}
#records .khuf-profile-training-numbers p{font-size:14px;color:#dce8ef;line-height:1.75;margin:0}
#records .khuf-profile-date{color:#aabdc9;font-size:12px}
#records .khuf-profile-training-summary h2{font-size:clamp(27px,3.1vw,43px);line-height:1.34;color:#fff;font-weight:700;letter-spacing:0;margin:8px 0 16px;padding:0;overflow-wrap:break-word}
#records .khuf-profile-training-caption{font-size:15px;line-height:1.9;color:#e1eaf1;margin:0 0 22px;overflow-wrap:anywhere}
#records .khuf-profile-training-jump{display:inline-block;background:#ead4ad;border:1px solid #ead4ad;color:#163449;font-size:14px;font-weight:700;text-decoration:none;padding:11px 18px;border-radius:3px}
#records .khuf-profile-training-jump:hover{background:#fff;color:#163449}
#khuf-profile-yearly-records{scroll-margin-top:90px}
@media(max-width:1150px){#books #khuf-profile-book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){#records .khuf-profile-training-feature{grid-template-columns:1fr;gap:18px;padding:30px}}
@media(max-width:840px){#books #khuf-profile-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#khuf-profile-udemy{padding:35px 20px}#khuf-profile-udemy .khuf-profile-udemy-inner{grid-template-columns:1fr}#khuf-profile-udemy .khuf-profile-udemy-impact{padding:33px}#khuf-profile-udemy .khuf-profile-udemy-count strong{font-size:clamp(84px,14vw,130px)}#khuf-profile-udemy .khuf-profile-udemy-about{padding:29px 33px}}
@media(max-width:620px){#books #khuf-profile-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin-top:24px}#books .khuf-profile-book{padding:9px}#books .khuf-profile-book-cover{height:165px;margin-bottom:10px}#books .khuf-profile-book-title{font-size:12px;line-height:1.55}#books .khuf-profile-book-publisher{font-size:10px}#records .khuf-profile-training-feature{padding:25px 22px}#records .khuf-profile-big-count>span{font-size:clamp(55px,14vw,80px)}#records .khuf-profile-training-summary h2{font-size:clamp(28px,7vw,36px)}#records .khuf-profile-training-caption{font-size:14px}}
@media(max-width:420px){#khuf-profile-udemy{padding:26px 12px}#khuf-profile-udemy .khuf-profile-udemy-impact{padding:27px 24px 28px}#khuf-profile-udemy .khuf-profile-udemy-count{gap:8px}#khuf-profile-udemy .khuf-profile-udemy-count strong{font-size:clamp(88px,23vw,110px)}#khuf-profile-udemy .khuf-profile-udemy-count span{font-size:clamp(33px,10vw,43px)}#khuf-profile-udemy .khuf-profile-udemy-about{padding:28px 24px 30px}#khuf-profile-udemy .khuf-profile-udemy-about h3{font-size:20px}#khuf-profile-udemy .khuf-profile-udemy-about p{font-size:14px}}
@media(max-width:350px){#books .khuf-profile-book-cover{height:145px}}
@media(prefers-reduced-motion:reduce){#books .khuf-profile-book{transition:none}}
