/* My Nursing Hub learning experience v2: scoped homepage and study note styling */
.mnh-hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(69,214,214,.23),transparent 34%),radial-gradient(circle at 6% 90%,rgba(45,113,200,.18),transparent 30%),linear-gradient(125deg,#071c33 0%,#0c344d 58%,#0c5959 100%);border-bottom:0;padding:78px 0 88px}
.mnh-hero-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 20%,black)}
.mnh-hero-section .mnh-hero-grid{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:48px;max-width:1320px}
.mnh-hero-section .mnh-hero-eyebrow{background:rgba(116,234,210,.12);border:1px solid rgba(140,240,217,.3);color:#c3fff0;font-weight:800;padding:9px 16px;letter-spacing:.04em;margin-bottom:25px}
.mnh-hero-section .mnh-pulse-dot{background:#5eead4}
.mnh-hero-section .mnh-hero-title{font-size:clamp(2.6rem,4.2vw,4.7rem);line-height:1.07;color:white;letter-spacing:-.058em;margin-bottom:24px}
.mnh-hero-section .mnh-title-gradient{background:linear-gradient(105deg,#69edcf 10%,#8ccaff 78%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mnh-hero-section .mnh-hero-lead{font-size:17px;line-height:1.8;color:#c1d7e3;max-width:540px;margin-bottom:28px}
.mnh-hero-section .mnh-btn-primary{background:#51ddc8;color:#063b45;border-color:transparent;font-weight:800;padding:15px 23px}
.mnh-hero-section .mnh-btn-primary:hover{background:#b1f6e7;color:#063b45}
.mnh-hero-section .mnh-btn-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:#fff;padding:15px 23px}
.mnh-hero-section .mnh-btn-secondary:hover{background:rgba(255,255,255,.18);color:#fff}
.mnh-hero-section .mnh-semester-quickbar{border-color:rgba(203,233,241,.2);padding-top:22px}
.mnh-hero-section .mnh-quickbar-label{color:#b6d3da}
.mnh-hero-section .mnh-sem-pill{background:rgba(255,255,255,.075);color:#e3f6f8;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 13px}
.mnh-hero-section .mnh-sem-pill:hover{background:#d2fff1;color:#06454b}
.mnh-hero-section .mnh-academic-badge{margin-top:20px;background:transparent;color:#c3d5e2;border:0;padding:0;font-size:11px}
.mnh-hero-section .mnh-academic-badge strong{color:#d2fff1}
.mnh-learning-preview{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}
.mnh-preview-orb{position:absolute;border-radius:100%;filter:blur(2px);pointer-events:none}
.mnh-preview-orb-one{width:440px;height:440px;background:radial-gradient(circle,rgba(55,218,196,.26),transparent 72%);top:-30px;right:-80px}
.mnh-preview-orb-two{width:260px;height:260px;background:radial-gradient(circle,rgba(73,142,251,.22),transparent 70%);bottom:0;left:-55px}
.mnh-preview-shell{position:relative;z-index:2;width:100%;max-width:560px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:23px;overflow:hidden;box-shadow:0 34px 75px rgba(1,12,30,.38);transform:rotate(-1.1deg)}
.mnh-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;background:#f6fafc;border-bottom:1px solid #e4eaf1;gap:9px}
.mnh-preview-brand{display:flex;align-items:center;gap:8px;color:#143e51;font-size:11px;letter-spacing:.07em;white-space:nowrap}
.mnh-preview-brandmark{width:29px;height:29px;background:#0c766e;color:white;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:500}
.mnh-preview-label{font-size:9px;color:#7d92a6;letter-spacing:.05em}
.mnh-preview-dots{display:flex;gap:5px}.mnh-preview-dots i{width:7px;height:7px;background:#bdced8;border-radius:100%}
.mnh-preview-body{padding:25px}
.mnh-preview-kicker{font-size:10px;font-weight:800;color:#0d9488;letter-spacing:.13em;text-transform:uppercase}
.mnh-preview-head h2{font-size:23px;line-height:1.2;color:#11354b;letter-spacing:-.025em;margin:7px 0}
.mnh-preview-head p{font-size:12px;color:#6c8395;margin:0 0 20px}
.mnh-preview-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.mnh-preview-resource{min-width:0;display:flex;position:relative;gap:11px;align-items:center;padding:17px 13px;border-radius:15px;border:1px solid rgba(4,40,73,.06);transition:transform .2s,box-shadow .2s}
.mnh-preview-resource:hover{transform:translateY(-3px);box-shadow:0 9px 20px rgba(9,35,60,.09)}
.mnh-preview-resource-blue{background:#eaf2ff}.mnh-preview-resource-peach{background:#fff0e8}.mnh-preview-resource-mint{background:#e4f8f1}.mnh-preview-resource-lilac{background:#f0edff}
.mnh-preview-resource-icon{display:flex;width:40px;height:40px;border-radius:12px;background:#fff;align-items:center;justify-content:center;font-size:24px;color:#1c5688;flex:none}
.mnh-preview-resource span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.mnh-preview-resource strong{font-size:12px;color:#143248;line-height:1.25}
.mnh-preview-resource small{font-size:10px;color:#537188;margin-top:4px}
.mnh-preview-resource-arrow{position:absolute;top:9px;right:10px;font-size:12px;color:#6c8194}
.mnh-preview-foot{display:flex;gap:10px;align-items:center;margin-top:20px;background:#f8fafb;border:1px solid #e7eef2;border-radius:13px;padding:12px;font-size:11px;color:#4f697a}
.mnh-preview-foot strong{color:#17595b}.mnh-preview-foot-icon{font-size:22px;color:#0d9488}
.mnh-preview-float{position:absolute;z-index:3;display:block;background:#fff;border-radius:100px;padding:10px 16px;font-weight:800;font-size:11px;color:#115e59;box-shadow:0 12px 32px rgba(0,18,33,.22)}
.mnh-preview-float-top{top:-2px;right:-12px;transform:rotate(5deg)}
.mnh-preview-float-bottom{bottom:9px;left:-20px;transform:rotate(-4deg)}
.mnh-pathways-section{position:relative;padding:76px 0 78px;background:#f7fbfd}
.mnh-pathways-heading{text-align:center;max-width:680px;margin:0 auto 30px}
.mnh-pathways-heading h2{font-size:clamp(26px,3.1vw,37px);letter-spacing:-.04em;color:#0f3046;margin:7px 0 10px}
.mnh-pathways-heading p{margin:0;color:#5c7489;line-height:1.7}
.mnh-pathways-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.mnh-pathway-card{display:flex;flex-direction:column;min-height:255px;border-radius:22px;padding:25px 24px;border:1px solid #e1eaf1;background:white;box-shadow:0 9px 30px rgba(10,46,75,.055);transition:transform .2s,box-shadow .2s;min-width:0}
.mnh-pathway-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(13,59,82,.13)}
.mnh-pathway-top{display:flex;align-items:center;gap:10px}
.mnh-pathway-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:15px;font-size:25px;font-weight:600;flex:none}
.mnh-pathway-global .mnh-pathway-icon{background:#d8f7f0;color:#04756c}.mnh-pathway-pakistan .mnh-pathway-icon{background:#e0edff;color:#285eb2}.mnh-pathway-uk .mnh-pathway-icon{background:#f1e8ff;color:#7953aa}
.mnh-pathway-tag{color:#638090;font-size:10px;font-weight:800;letter-spacing:.065em}
.mnh-pathway-card h3{color:#0d3047;font-size:20px;line-height:1.28;letter-spacing:-.025em;margin:21px 0 10px}
.mnh-pathway-card p{color:#5a7386;font-size:13px;line-height:1.7;margin:0 0 19px;flex:1}
.mnh-pathway-action{border-top:1px solid #e9eef2;padding-top:16px;display:flex;justify-content:space-between;color:#047b76;font-weight:800;font-size:13px}
.mnh-section-journey{background:#fff}
.mnh-section-notes{background:#f3f9fb}
.mnh-section-notes .mnh-note-card{border-radius:20px;border:1px solid #e0edf1;box-shadow:0 9px 28px rgba(10,66,89,.055);transition:transform .2s,box-shadow .2s}
.mnh-section-notes .mnh-note-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(10,66,89,.12)}
/* Actual nursing-note article layout */
.mnh-note-study-layout{max-width:1210px;margin-top:40px}
.mnh-note-study-layout .mnh-note-header{background:linear-gradient(115deg,#0e314a,#116566);border-radius:24px;padding:34px 38px;margin-bottom:26px;box-shadow:0 16px 35px rgba(9,62,78,.15)}
.mnh-note-study-layout .mnh-single-title{color:#fff;font-size:clamp(28px,3.4vw,43px);max-width:900px;margin:16px 0 22px;line-height:1.15}
.mnh-note-study-layout .mnh-note-header .mnh-note-pills{gap:10px}
.mnh-note-study-layout .mnh-note-header .mnh-pill,.mnh-note-study-layout .mnh-note-header .mnh-author-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:#edfdfd;border-radius:10px;padding:7px 11px;font-size:12px}
.mnh-note-study-layout .mnh-note-header .mnh-btn-bookmark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}
.mnh-note-study-layout .mnh-note-header .mnh-btn-pdf{background:#8ff2da;border:1px solid #8ff2da;color:#0c4149;font-weight:800;padding:11px 18px;border-radius:12px}
.mnh-note-study-layout .mnh-note-header .mnh-note-actions{margin-bottom:0;gap:10px}
.mnh-reading-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:start}
.mnh-study-sidebar{position:sticky;top:110px;background:#fff;border:1px solid #e1ebf0;border-radius:19px;box-shadow:0 8px 22px rgba(10,56,79,.055);padding:22px 18px;max-height:calc(100vh - 125px);overflow:auto}
.mnh-study-sidebar-kicker{display:block;font-size:10px;letter-spacing:.09em;font-weight:800;color:#159084;text-transform:uppercase}
.mnh-study-sidebar h2{font-size:17px;color:#15354c;margin:6px 0 12px}
.mnh-toc-list{margin:0;padding-left:17px;list-style:decimal;font-size:12px;line-height:1.5;color:#7693a6}
.mnh-toc-list li{margin:0 0 10px;padding-left:1px}
.mnh-toc-list li a{color:#446273;font-weight:600;word-break:break-word}
.mnh-toc-list li a:hover,.mnh-toc-list li a:focus{color:#087b73;text-decoration:underline}
.mnh-toc-empty{font-size:12px;color:#63798a}
.mnh-study-progress-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#627988;font-weight:700}
.mnh-study-progress{height:7px;background:#e8eff2;border-radius:12px;overflow:hidden;margin:11px 0 17px}
.mnh-study-progress>span{display:block;background:linear-gradient(90deg,#16b9a4,#3b90cc);height:100%;width:0;transition:width .12s}
.mnh-focus-toggle{width:100%;border:1px solid #c7e3e4;background:#f0faf9;color:#0b706d;font-family:inherit;font-size:12px;font-weight:700;padding:11px;border-radius:11px;cursor:pointer}
.mnh-reading-main{min-width:0}
.mnh-note-study-layout .mnh-prose{max-width:none;background:#fff;border:1px solid #e3ebf1;border-radius:21px;padding:clamp(20px,3vw,45px);font-size:16px;line-height:1.85;color:#293e4e;box-shadow:0 6px 25px rgba(10,56,79,.045)}
.mnh-note-study-layout .mnh-prose h2{font-size:clamp(22px,2.6vw,29px);letter-spacing:-.028em;margin:1.9em 0 16px;padding-bottom:11px;border-bottom:2px solid #d1efe9;color:#0c4d57;scroll-margin-top:105px}
.mnh-note-study-layout .mnh-prose h2:first-child{margin-top:0}
.mnh-note-study-layout .mnh-prose h3{font-size:19px;color:#123d56;scroll-margin-top:105px}
.mnh-note-study-layout .mnh-prose p{margin:0 0 1.2em}
.mnh-note-study-layout .mnh-prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;border-radius:12px;margin:24px 0}
.mnh-note-study-layout .mnh-prose th,.mnh-note-study-layout .mnh-prose td{padding:13px 15px;border:1px solid #dfebef;text-align:left;vertical-align:top}
.mnh-note-study-layout .mnh-prose th{background:#eaf8f5;color:#104d58}
.mnh-note-study-layout .mnh-prose tr:nth-child(even) td{background:#f6fafb}
.mnh-note-study-layout .mnh-prose blockquote{margin:23px 0;border-left:4px solid #129f91;background:#effaf7;padding:18px 24px;border-radius:0 14px 14px 0;color:#185a5b}
.mnh-note-study-layout .mnh-prose img{height:auto;max-width:100%;border-radius:14px}
.mnh-note-study-layout .mnh-alert-box{border-radius:15px}
.mnh-note-study-layout .mnh-box-takeaways{border-radius:16px;border:1px solid #b5e7db;background:#f3fcf8;padding:23px}
.mnh-note-study-layout .mnh-box-references{border-radius:16px;background:#fff;padding:22px;border:1px solid #dfe8ed}
.mnh-note-study-layout .mnh-author-card{border-radius:16px}
body.mnh-focus-mode .mnh-reading-workspace{grid-template-columns:minmax(0,1fr);max-width:860px;margin:auto}
body.mnh-focus-mode .mnh-study-sidebar{display:block;position:fixed;top:auto;bottom:22px;right:22px;left:auto;width:auto;max-height:none;padding:0;border:0;background:transparent;box-shadow:none;z-index:1100}body.mnh-focus-mode .mnh-study-sidebar>:not(.mnh-focus-toggle){display:none}body.mnh-focus-mode .mnh-focus-toggle{background:#0b605d;color:white;border:1px solid #0b605d;box-shadow:0 9px 24px rgba(7,36,54,.23);padding:13px 18px}
@media(max-width:1080px){.mnh-hero-section .mnh-hero-grid{gap:22px}.mnh-preview-label,.mnh-preview-float{display:none}.mnh-preview-body{padding:19px}.mnh-reading-workspace{grid-template-columns:190px minmax(0,1fr);gap:20px}}
@media(max-width:850px){.mnh-hero-section{padding:54px 0 72px}.mnh-hero-section .mnh-hero-grid{grid-template-columns:1fr;gap:34px}.mnh-hero-content{text-align:left}.mnh-learning-preview{min-height:0;max-width:600px;margin:auto}.mnh-preview-shell{transform:none}.mnh-pathways-grid{grid-template-columns:1fr}.mnh-pathway-card{min-height:0}.mnh-reading-workspace{grid-template-columns:1fr}.mnh-study-sidebar{position:static;max-height:none}.mnh-toc-list{columns:2}.mnh-note-study-layout .mnh-note-header{padding:25px}.mnh-note-study-layout .mnh-prose{padding:25px}}
@media(max-width:560px){.mnh-hero-section{padding:42px 0 50px}.mnh-hero-section .mnh-hero-title{font-size:clamp(35px,10vw,47px)}.mnh-hero-section .mnh-hero-lead{font-size:15px}.mnh-hero-section .mnh-hero-ctas{flex-direction:column;gap:10px}.mnh-hero-section .mnh-hero-ctas>a{width:100%}.mnh-preview-resource-grid{gap:7px}.mnh-preview-resource{padding:12px 9px;gap:7px;min-height:80px}.mnh-preview-resource-icon{width:30px;height:30px;font-size:20px;border-radius:9px}.mnh-preview-resource strong{font-size:11px}.mnh-preview-resource small{font-size:9px}.mnh-preview-brand{font-size:10px}.mnh-preview-head h2{font-size:20px}.mnh-pathways-section{padding:49px 0}.mnh-pathway-card{padding:20px}.mnh-toc-list{columns:1}.mnh-note-study-layout .mnh-note-header{padding:22px}.mnh-note-study-layout .mnh-prose{padding:20px}.mnh-note-study-layout .mnh-single-title{font-size:29px}}
@media(prefers-reduced-motion:reduce){.mnh-preview-resource,.mnh-pathway-card,.mnh-study-progress>span{transition:none!important}}