/* Keep the established visual language; make the learning story more compact. */
.learning-refined .learning-story{min-height:0;margin:14px 0 30px;gap:50px}
.learning-refined .chip-visual{height:440px}
.learning-refined .chip-object{top:45%}
.learning-refined .chip-label{bottom:24px}
.learning-refined .learning-copy p{font-size:17px;line-height:1.9}
.learning-refined .vx-learning-summary{margin-top:18px}
.learning-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.learning-outcomes>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:17px 15px;border:1px solid #dce5f0;border-radius:14px;background:#fff}
.learning-outcomes>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5efff;color:#426a9f;font-size:19px}
.learning-outcomes>div:nth-child(n+3)>span{background:#f5eae1;color:#9a704d}
.learning-outcomes b{font-size:13px;font-weight:550;color:#3c506c;line-height:1.5}
.learning-outcomes small{font-size:10px;color:#6f8095;line-height:1.6}
.learning-refined .knowledge-heading-line{display:inline-block}
.learning-refined .knowledge-playground>.source-feedback{max-width:760px;margin:0 auto 40px;min-height:126px;padding:24px 30px;border:1px solid #d1dfd8;background:linear-gradient(130deg,#e7f0eb,#f3f7f4)}
.source-feedback-head{display:flex;align-items:center;gap:13px;margin-bottom:12px;color:#527664;font-size:11px;letter-spacing:.08em}
.source-feedback-head>b{font-size:16px;letter-spacing:-.03em;font-weight:600}.source-feedback-head>i{font-style:normal;opacity:.5}
.learning-refined .knowledge-explanation{margin:0;padding-top:30px;gap:45px;align-items:center}
.learning-refined .knowledge-explanation h3{font-size:clamp(26px,2.7vw,36px)}
.learning-refined .knowledge-description>p{font-size:15px}
.learning-appearance{padding-top:48px;margin-top:50px;border-top:1px solid #d7deea}
.learning-appearance-heading{display:flex;gap:40px;justify-content:space-between;align-items:center}
.learning-appearance-heading .eyebrow{margin:0;color:#7d8ba0}
.learning-appearance-heading>h3{font-size:30px;font-weight:550;color:#314c70;line-height:1.5}
.learning-appearance .vx-appearance-grid{margin-top:32px}
.learning-security-link{padding:50px 0;background:#101722}
.learning-security-link>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.learning-security-link .eyebrow{font-size:10px;color:#8299b7;margin-bottom:15px}
.learning-security-link h3{font-size:28px;color:#dae5f4;font-weight:500;line-height:1.5}
.learning-security-link .detail-link{color:#b4cef5;font-size:14px}
.learning-security-link .detail-link>span{background:#25344d}
@media(max-width:1000px){.learning-refined .learning-story{gap:30px}.learning-refined .chip-visual{height:390px}.learning-refined .chip-label{font-size:11px}}
@media(max-width:760px){
 .learning-refined #learning{padding-top:70px;padding-bottom:65px}
 .learning-refined .insights>.wrap>h2{font-size:clamp(33px,8.9vw,42px)}
 .learning-refined .learning-story{margin:8px 0 22px;gap:24px}
 .learning-refined .chip-visual{height:275px}
 .learning-refined .chip-object{--size:220px;top:43%}
 .learning-refined .chip-label{bottom:5px;font-size:10px}
 .learning-refined .learning-copy h3{font-size:31px}
 .learning-refined .learning-copy p{font-size:15px;line-height:1.85}
 .learning-refined .vx-learning-summary ol{flex-direction:row;gap:10px;justify-content:space-between;width:100%}
 .learning-refined .vx-learning-summary li{flex-direction:column;gap:8px;font-size:11px}
 .learning-refined .vx-learning-summary li>span{width:26px;height:26px}
 .learning-refined .knowledge>.wrap>h2{font-size:clamp(23px,6.25vw,35px);line-height:1.55}
 .learning-refined .knowledge-playground{margin-top:25px}
 .learning-refined .knowledge-universe{height:auto;margin:0;overflow:visible}
 .learning-refined .knowledge-core,.learning-refined .knowledge-paths,.learning-refined .knowledge-packet{display:none}
 .learning-refined .source-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0}
 .learning-refined .sources .source-card{position:static;left:auto;top:auto;translate:none;width:100%;height:auto;transform:none!important;gap:8px;min-width:0}
 .learning-refined .source-card .source-object{width:100%;height:65px;padding:9px 6px;transform:none!important;border:1px solid #d0ddd7;border-radius:10px;box-shadow:none;overflow:hidden}
 .learning-refined .source-card[aria-pressed=true] .source-object{border:2px solid #4f8876;box-shadow:0 0 0 3px #72aa9321}
 .learning-refined .source-card .source-label{font-size:10px;line-height:1.5;min-height:30px;overflow-wrap:anywhere}
 .learning-refined .source-format{font-size:clamp(14px,4.6vw,18px);margin:12px 0 0;line-height:1;text-align:center;letter-spacing:.02em}
 .learning-refined .source-name,.learning-refined .sample-lines,.learning-refined .sample-table,.learning-refined .mini-browser,.learning-refined .image-caption,.learning-refined .video-timeline,.learning-refined .social-head,.learning-refined .social-actions{display:none}
 .learning-refined .source-image .source-object,.learning-refined .source-video .source-object{padding:0}
 .learning-refined .source-object>img{position:static;width:100%;height:100%;object-fit:cover}
 .learning-refined .video-play{font-size:16px;width:25px;height:25px}
 .learning-refined .source-social .social-post{font-size:9px;line-height:1.6;padding:9px 0;margin:0}
 .learning-refined .knowledge-playground>.source-feedback{margin:14px 0 25px;padding:20px;min-height:155px;border-radius:16px;overflow-anchor:none}
 .learning-refined .source-feedback #source-copy{font-size:14px;line-height:1.8}
 .learning-refined .knowledge-explanation{display:block;padding-top:25px}
 .learning-refined .knowledge-explanation h3{font-size:25px;margin-bottom:17px}
 .learning-refined .knowledge-description>p{font-size:14px}
 .learning-appearance{padding-top:32px;margin-top:36px}
 .learning-appearance-heading{display:block}
 .learning-appearance-heading>h3{font-size:26px;margin-top:15px}
 .learning-appearance .vx-appearance-grid{margin-top:24px}
 .learning-refined .management-heading h2{font-size:clamp(31px,8vw,42px);line-height:1.4}
 .learning-outcomes{gap:8px}.learning-outcomes>div{padding:13px 10px}.learning-outcomes b{font-size:11px}.learning-outcomes small{font-size:9px}
 .learning-security-link>.wrap{align-items:flex-start;flex-direction:column;gap:25px}.learning-security-link h3{font-size:25px}
}
@media(max-width:360px){.learning-refined .source-card .source-label{font-size:9px;letter-spacing:-.03em;white-space:nowrap}}

/* Clear chapter boundaries and a direct route through the long-form page. */
.learning-refined .page-intro{padding:35px 0 70px}.learning-refined .page-intro .page-back{margin-bottom:42px}
.learning-intro-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}
.learning-refined .page-intro h1{font-size:clamp(44px,5.7vw,80px);line-height:1.28;letter-spacing:-.05em}
.learning-refined .page-intro .eyebrow{font-size:11px;margin-bottom:25px;color:#778291}
.learning-refined .page-intro .learning-hero-accent{color:#5d7fa9;background:none;-webkit-text-fill-color:currentColor}
.learning-refined .page-intro .lead{font-size:24px;font-weight:550;line-height:1.7;margin-top:30px;letter-spacing:-.025em;color:#252b33}
.learning-intro-copy{font-size:15px;color:#7a8492;margin-top:19px;line-height:1.9}
.learning-index{border-top:1px solid #cbd5e2;color:#263b58}
.learning-index>a{display:grid;grid-template-columns:28px 1fr 16px;gap:20px;align-items:center;border-bottom:1px solid #d6dde5;padding:23px 0;transition:color .2s}
.learning-index small,.learning-index a>span{font-size:11px;color:#8193ad}.learning-index strong{font-size:16px;line-height:1.6;font-weight:550}.learning-index a:hover{color:#3976b6}
.learning-index a:focus-visible{outline:2px solid #4e79b5;outline-offset:4px}
.learning-refined .knowledge{background:#f3f6f3;padding-bottom:75px}
.learning-refined .knowledge-playground>.source-feedback{display:flex;flex-direction:column;justify-content:center}
.learning-refined .knowledge-explanation{padding-top:35px}
.learning-refined .learning-social-section{background:radial-gradient(ellipse at 95% 0,#233451,transparent 65%),#101a2a;color:#edf3fc;padding:85px 0}
.learning-refined .learning-social-section .social-learning-detail{margin-top:0;padding-top:0;border:0}
.learning-social-section .social-learning-heading h3{color:#f3f5fa}.learning-social-section .social-learning-heading .accent-teal{color:#aac5f0}
.learning-refined .learning-social-section .eyebrow{color:#8fa7ca}
.learning-refined .learning-social-section .social-learning-heading p:not(.eyebrow){color:#aebdd2}
.learning-social-section .social-learning-flow>li{border-top-color:#55749d}
.learning-social-section .social-learning-flow>li>small{color:#91b4e6}.learning-social-section .social-learning-flow h4{color:#e4edf9}
.learning-social-section .social-learning-flow>li>p{color:#abbad0}
.learning-refined .learning-social-section .caption{color:#8fa4c0}
.learning-refined .management-heading h2{font-size:clamp(36px,4.6vw,66px);line-height:1.42}
.management-title-line{display:block}
.learning-refined [data-source=web]{--source-ink:#315f97;--source-fill:#e9f2ff;--source-edge:#9bbce5}
.learning-refined [data-source=pdf]{--source-ink:#a55341;--source-fill:#fff0e9;--source-edge:#e9b49e}
.learning-refined [data-source=image]{--source-ink:#77529c;--source-fill:#f3edff;--source-edge:#c5b0e4}
.learning-refined [data-source=video]{--source-ink:#28776b;--source-fill:#e5f5ee;--source-edge:#95c9b9}
.learning-refined [data-source=social]{--source-ink:#966121;--source-fill:#fff3db;--source-edge:#e4c17e}
.learning-refined .sources .source-card{--w:155px;--h:155px}
.learning-refined .source-card .source-object{display:grid;place-items:center;padding:0;background:linear-gradient(135deg,#fff,var(--source-fill));border:1px solid var(--source-edge);border-radius:21px;box-shadow:0 14px 30px #273c5010}
.learning-refined .source-code{font-size:34px;font-weight:600;line-height:1;letter-spacing:.025em;color:var(--source-ink)}
.learning-refined .source-card .source-label{color:var(--source-ink)}
.learning-refined .source-card[aria-pressed=true] .source-object{border:2px solid var(--source-ink);box-shadow:0 0 0 5px var(--source-fill),0 16px 35px #273c501c}
.learning-refined .knowledge-playground>.source-feedback{background:var(--source-fill);border-color:var(--source-edge);transition:background-color .2s,border-color .2s}
.learning-refined .source-feedback-head,.learning-refined .source-feedback #source-copy{color:var(--source-ink)}
.learning-refined .knowledge-packet{background:#7a96b5}
@media(max-width:1000px) and (min-width:761px){.learning-refined .sources .source-card{--w:135px;--h:135px}}
@media(max-width:760px){.learning-refined .source-card .source-object{height:70px;border-radius:12px;padding:0}.learning-refined .source-code{font-size:clamp(15px,4.9vw,21px)}.learning-refined .source-card[aria-pressed=true] .source-object{box-shadow:0 0 0 3px var(--source-fill)}}
@media(prefers-reduced-motion:reduce){.learning-refined .knowledge-playground>.source-feedback{transition:none}}
@media(max-width:1100px){.learning-intro-grid{gap:55px}.learning-index>a{gap:12px}.learning-index strong{font-size:14px}.learning-intro-copy br{display:none}}
@media(max-width:760px){
 .learning-refined .page-intro{padding:25px 0 45px}.learning-refined .page-intro .page-back{margin-bottom:25px}
 .learning-intro-grid{grid-template-columns:1fr;gap:32px}
 .learning-refined .page-intro h1{font-size:clamp(39px,9.7vw,60px)}.learning-refined .page-intro .eyebrow{font-size:10px;margin-bottom:21px}
 .learning-refined .page-intro .lead{font-size:21px;margin-top:25px}.learning-intro-copy{font-size:13px;margin-top:16px}
 .learning-index>a{padding:18px 0;grid-template-columns:22px 1fr 15px;gap:12px}.learning-index strong{font-size:14px}.learning-index small{font-size:10px}
 .learning-refined .knowledge{padding-bottom:50px}
 .learning-refined .learning-social-section{padding:60px 0}.learning-social-section .social-learning-heading h3{font-size:28px}
 .learning-refined .management-heading h2{font-size:clamp(21px,6.65vw,36px);line-height:1.55}
 .management-title-line{white-space:nowrap}
}

/* 管理画面のイメージの横幅を、下の受信ボックス（.inbox-app＝ページの枠の中で 1080px まで）と同じに（2026年10月28日・ご本人） */
.management-section .management-stage{width:min(1080px,88%);margin-left:auto;margin-right:auto}
.management-section .management-product.management-without-photo .management-app{width:100%;margin:0}
@media(max-width:760px){.management-section .management-stage{width:90%}}