/* Responsive in-app document reader: text notes and technical PDF guides. */
body.learning-doc-open{overflow:hidden!important}
.learning-doc-overlay[hidden]{display:none!important}
.learning-doc-overlay{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;
  background:rgba(19,18,26,.67);padding:16px;box-sizing:border-box}
.learning-doc-shell{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;width:min(100%,1100px);
  height:min(94dvh,980px);max-height:100%;background:#fff;border:1px solid #ece9ef;border-radius:18px;
  box-shadow:0 26px 75px rgba(15,13,22,.30)}
.learning-doc-header{flex:0 0 auto;display:flex;align-items:center;gap:18px;padding:17px 20px;
  background:#fff;border-bottom:1px solid #eae9ed}
.learning-doc-back{flex-shrink:0;background:#fff;border:1px solid #e0dce4;border-radius:10px;
  color:#bc1165;font-weight:750;font-family:inherit;font-size:13px;padding:11px 12px;cursor:pointer}
.learning-doc-heading{flex:1;min-width:0}
.learning-doc-heading .eyebrow{font-size:10px;letter-spacing:.07em}
.learning-doc-heading h2{font-size:18px;line-height:1.35;margin:4px 0 0;overflow-wrap:break-word}
.learning-doc-x{border:0;border-radius:50%;font-size:23px;line-height:1;background:#f0eef2;color:#333;
  width:38px;height:38px;flex:0 0 38px;cursor:pointer}
.learning-doc-content{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  background:#f7f7fa;padding:22px;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.learning-doc-content:focus{outline:none}
.learning-doc-paper{max-width:780px;margin:0 auto;box-sizing:border-box;padding:30px;
  font-family:Poppins,Arial,sans-serif;font-size:15px;line-height:1.85;white-space:pre-wrap;
  overflow-wrap:anywhere;color:#2d2d35;background:#fff;border:1px solid #e6e3e9;
  border-radius:14px;box-shadow:0 10px 26px rgba(20,20,25,.05)}
.learning-doc-content.is-guide{padding:18px}
.learning-doc-content.is-guide .technical-guide-canvas{width:min(900px,100%);margin:auto;box-sizing:border-box;
  border-radius:13px;padding:22px;background:#fff;box-shadow:0 6px 28px rgba(25,25,32,.07)}
.learning-doc-content.is-guide .technical-guide-canvas img{max-width:100%;height:auto}
.learning-doc-guide-note{box-sizing:border-box;width:min(900px,100%);margin:0 auto 14px;padding:12px 16px;
  color:#4d4954;background:#fff6fb;border:1px solid #f0d8e5;border-radius:10px;font-size:12px;line-height:1.65}
.learning-doc-loading,.learning-doc-error{max-width:760px;padding:20px;margin:0 auto;background:#fff;border-radius:12px;
  font-size:13px;line-height:1.7;color:#555}
.learning-doc-content.is-pdf{display:flex;flex-direction:column;gap:12px;padding:12px}
.learning-doc-content.is-pdf iframe{border:0;border-radius:9px;width:100%;flex:1 1 auto;min-height:250px;background:#fff}
.learning-doc-fallback{align-self:center;border:0;text-decoration:underline;background:transparent;color:#ba0864;
  padding:9px;font-size:12px;cursor:pointer;font-family:inherit}
.learning-doc-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;
  background:#fff;border-top:1px solid #eae9ed;padding:13px 20px}
.learning-doc-footer .secondary{font-size:12px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;
  padding:9px 13px;text-align:center;text-decoration:none}
.learning-doc-overlay :is(button,a):focus-visible{outline:3px solid #ed6aaf;outline-offset:2px}
@media(max-width:800px){
 .learning-doc-overlay{padding:0;align-items:stretch}
 .learning-doc-shell{height:100dvh;max-height:100dvh;border:0;border-radius:0;width:100%}
 .learning-doc-header{padding:calc(9px + env(safe-area-inset-top,0px)) 13px 12px;gap:9px;align-items:start}
 .learning-doc-back{font-size:12px;padding:9px 10px}
 .learning-doc-heading .eyebrow{font-size:9px}
 .learning-doc-heading h2{font-size:14px;margin:4px 0 0}
 .learning-doc-x{width:34px;height:34px;flex-basis:34px;font-size:20px}
 .learning-doc-content{padding:12px}
 .learning-doc-paper{padding:19px 16px;font-size:15px;line-height:1.8}
 .learning-doc-content.is-guide{padding:10px}
 .learning-doc-content.is-guide .technical-guide-canvas{padding:14px}
 .learning-doc-footer{padding:10px 13px calc(10px + env(safe-area-inset-bottom,0px));gap:8px}
 .learning-doc-footer .secondary{flex:1 1 145px;font-size:12px;padding:9px;white-space:normal}
}