/* Knowledge routes and the small recording studio. */
.knowledge-topic-links{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}.knowledge-topic-links a{font-size:13px;font-weight:700;padding:13px 19px;border:1px solid #a9d3e8;border-radius:25px;background:#ecf8ff;color:#155c99}.knowledge-topic-links a:hover{background:#dbefda}.learning-page .company-stage-heading strong{font-size:28px;max-width:285px;line-height:1.13}.learning-section{background:#edf7fc}.learning-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:35px;align-items:start}.learning-choices{display:grid;gap:12px}.learning-choices button{display:flex;align-items:center;gap:14px;text-align:left;padding:21px 19px;border:1px solid #bad7e8;border-radius:16px;background:white;color:#173d5c;font-size:15px;font-weight:700;min-height:70px}.learning-choices b{font-size:10px;color:#427694}.learning-choices button>span{margin-left:auto}.learning-choices button[aria-pressed=true]{background:#1264d5;color:white;border-color:#1264d5}.learning-choices button[aria-pressed=true] b{color:#caeeff}.learning-result{position:relative;overflow:hidden;border:1px solid #b1d0e2;border-radius:24px;padding:32px;background:white;box-shadow:8px 9px 0 #1264d50b}.learning-result:after{content:'↗';position:absolute;right:8px;top:15px;font-size:100px;color:#1665a50c;pointer-events:none}.learning-result h3{font-size:clamp(27px,3vw,38px);letter-spacing:-1px;line-height:1.14;margin:15px 0;max-width:480px;position:relative;z-index:1}.learning-result>p{font-size:13px;line-height:1.9;color:#52748a}.learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:22px 0;margin:16px 0 22px;border-block:1px solid #d6e6ef}.learning-steps li{display:flex;flex-direction:column;gap:14px;font-size:13px;font-weight:700;line-height:1.5}.learning-steps b{border-radius:50%;display:grid;place-items:center;width:34px;height:34px;background:#d7eecb;color:#2a683b;font-size:11px}.learning-result .btn{font-size:12px}.learning-result .learning-status{font-size:10px;margin-top:16px}.learning-result[data-route="1"]{background:#f3fbf2}.learning-result[data-route="2"]{background:#f2f8ff}.learning-page .reading-copy h3{font-size:27px;letter-spacing:-.8px;line-height:1.2;margin:15px 0}.learning-notes{background:#f2f8f4}.learning-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:29px}.learning-notes-grid article{border-top:2px solid #abd0c2;padding-top:20px}.learning-notes-grid b{font-size:11px;color:#287746}.learning-notes-grid h3{font-size:25px;line-height:1.15;margin:15px 0}.learning-notes-grid p{font-size:13px;color:#4c6f70;line-height:1.85}.learning-page .knowledge-contact .text-link{display:inline-block;margin-top:15px}.learning-page [hidden],.knowledge-reels [hidden]{display:none!important}
.reel-controls{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:19px;margin-bottom:26px}.reel-controls label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.reel-controls input,.reel-controls select{width:100%;height:48px;padding:12px 14px;border:1px solid #a6cbdc;border-radius:12px;background:white;color:#194d70;font:inherit;font-size:13px}.reel-controls input:focus-visible,.reel-controls select:focus-visible{outline:3px solid #33894b;outline-offset:3px}.reel-studio{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:start}.reel-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.reel-timeline button{display:flex;flex-direction:column;align-items:start;gap:8px;padding:17px 15px;border:1px solid #b2d2e4;border-radius:14px;background:white;text-align:left;color:#215471}.reel-timeline b{font-size:11px}.reel-timeline span{font-size:10px}.reel-timeline strong{font-size:13px;line-height:1.4}.reel-timeline button[aria-pressed=true]{background:#a4e185;color:#184c31;border-color:#79b85b}.reel-preview{border-radius:21px;background:#113d61;color:white;padding:42px 30px 26px;position:relative;overflow:hidden;min-height:340px}.reel-slate{position:absolute;top:0;left:0;right:0;height:16px;background:repeating-linear-gradient(135deg,#f2f9ff 0 20px,#287cd0 20px 40px);background-size:57px 100%;animation:reel-slate 8s linear infinite}.reel-preview .tag{color:#b9ef9e;font-size:10px}.reel-preview h3{font-size:clamp(26px,3vw,37px);letter-spacing:-1px;line-height:1.2;margin:24px 0 18px;overflow-wrap:anywhere}.reel-preview p{font-size:14px;line-height:1.85;color:#d9eaf5}.reel-preview small{display:block;font-size:10px;line-height:1.7;margin-top:25px;color:#bfd5e7}.reel-preview[data-scene="1"]{background:#145a66}.reel-preview[data-scene="2"]{background:#195841}.reel-checklist{padding:28px;border:1px solid #c4dce9;border-radius:21px;background:white}.reel-checklist h3{font-size:30px;letter-spacing:-.8px;margin:15px 0 23px}.reel-checklist fieldset{border:0;padding:0;min-width:0}.reel-checklist legend{font-size:11px;font-weight:700;margin-bottom:15px}.reel-checklist label{display:flex;align-items:start;gap:12px;font-size:13px;line-height:1.7;padding:13px 0;border-bottom:1px solid #e3edf3}.reel-checklist input{width:18px;height:18px;flex:0 0 18px;accent-color:#236da5;margin-top:3px}.reel-checklist>p[role=status]{font-size:11px;color:#476d84;margin:18px 0}.reel-checklist .btn{font-size:12px;padding:15px 17px}.knowledge-reels .company-stage-heading strong{font-size:27px;max-width:285px}.knowledge-reels .company-backdrop>span{animation-duration:70s}.reel-studio .tool-note{margin-top:15px}
@keyframes reel-slate{to{background-position:57px 0}}
@media(max-width:950px){.learning-layout{gap:22px}.learning-result{padding:25px}.learning-notes-grid{gap:20px}.reel-studio{gap:22px}.reel-controls{grid-template-columns:1fr 1fr}.reel-controls>div:first-child{grid-column:1/-1}.reel-checklist{padding:24px}.reel-preview{padding-inline:24px}}
@media(max-width:750px){.learning-layout,.reel-studio{grid-template-columns:1fr}.learning-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.learning-choices button{font-size:12px;padding:15px 12px;min-height:65px;line-height:1.4}.learning-choices button b,.learning-choices button>span{display:none}.learning-notes-grid{grid-template-columns:1fr}.learning-notes-grid h3{font-size:25px}.learning-page .company-stage-heading strong,.knowledge-reels .company-stage-heading strong{font-size:24px;max-width:235px}.reel-preview{min-height:290px}.learning-page .reading-copy h3{font-size:25px}}
@media(max-width:420px){.learning-result{padding:22px}.learning-steps{gap:9px}.learning-steps li{font-size:11px}.reel-timeline{gap:7px}.reel-timeline button{padding:14px 10px}.reel-timeline strong{font-size:11px}.reel-controls{gap:12px}.reel-controls select{font-size:12px}.reel-checklist{padding:23px}.reel-preview h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.reel-slate{animation:none}}