/* Med Perspectives: Nursing School Resources
   Palette from /workspace/products/_brand/style.md. Dark text on light fills for contrast. */
@font-face{font-family:"Fredoka";src:url("../fonts/fredoka.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Nunito";src:url("../fonts/nunito.woff2") format("woff2");font-weight:200 1000;font-display:swap}
:root{
  --blush:#F4C2C2;--blush-2:#E8A0A8;--rose:#B5577A;--blush-bg:#FCEDEE;
  --lav:#E6DAF5;--lav-2:#B9A3E3;--violet:#6E56A8;--lav-bg:#F5F0FB;
  --sage:#DCEBDD;--sage-2:#A8CBB0;--green:#4E7D62;--sage-bg:#EFF6F0;
  --peach:#FFE1D2;--coral-2:#F7A88B;--coral:#D46A4F;--peach-bg:#FFF3EC;
  --sky:#DCE8FA;--peri-2:#9DB8EE;--peri:#4D6BB5;--sky-bg:#EFF4FD;
  --ink:#1F2433;--ink-2:#454b5e;--teal:#12867C;--teal-dk:#0B6A62;--navy:#103440;
  --bg:#FFFBF8;--card:#FFFFFF;--line:#EADFE4;
  --radius:22px;--radius-sm:14px;--shadow:0 6px 22px rgba(80,60,90,.10);--shadow-sm:0 2px 10px rgba(80,60,90,.08);
  --display:"Fredoka","Nunito","Quicksand","Varela Round","Arial Rounded MT Bold",ui-rounded,system-ui,sans-serif;
  --body:"Nunito","Segoe UI",ui-rounded,system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font-family:var(--body);font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:var(--violet);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{color:var(--rose)}
:focus-visible{outline:3px solid var(--peri);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.2;color:var(--ink);margin:0 0 .5em}
h1{font-size:clamp(2rem,6vw,3.2rem)}
h2{font-size:clamp(1.6rem,4.2vw,2.2rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6em 1em;z-index:99;border-radius:0 0 10px 0}
.skip:focus{left:0}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
.narrow{width:min(780px,100% - 2.5rem);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.rainbow{height:6px;background:linear-gradient(90deg,var(--blush-2),var(--lav-2),var(--sage-2),var(--coral-2),var(--peri-2))}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.brand img{width:42px;height:42px;border-radius:11px}
.brand b{font-family:var(--display);font-weight:600;font-size:1.2rem;display:block;line-height:1.1}
.brand small{display:block;color:var(--ink-2);font-size:.82rem;font-weight:700}
.menu-btn{display:inline-flex;align-items:center;gap:.4rem;font:700 1rem var(--body);background:var(--lav);color:var(--ink);border:0;border-radius:999px;padding:.5rem 1rem;cursor:pointer}
.nav ul{list-style:none;margin:0;padding:0;display:none;width:100%;flex-direction:column;gap:.25rem;padding-bottom:.5rem}
.nav.open ul{display:flex}
.nav ul a{display:block;text-decoration:none;color:var(--ink);font-weight:800;padding:.55rem .9rem;border-radius:999px}
.nav ul a:hover{background:var(--blush-bg);color:var(--ink)}
.nav ul a[aria-current="page"]{background:var(--lav);color:var(--ink)}
@media (min-width:900px){
  .menu-btn{display:none}
  .nav ul{display:flex;flex-direction:row;width:auto;padding:0;gap:.1rem}
  .nav ul a{padding:.45rem .75rem;font-size:.97rem}
}
.no-js .nav ul{display:flex}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:800 1rem var(--body);text-decoration:none;border-radius:999px;padding:.75rem 1.3rem;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:44px}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.btn svg{width:1.2em;height:1.2em;flex:none}
.btn-primary{background:var(--violet);color:#fff}
.btn-primary:hover{color:#fff;background:#5c4591}
.btn-rose{background:#A2486B;color:#fff}.btn-rose:hover{color:#fff;background:#9c4568}
.btn-teal{background:var(--teal-dk);color:#fff}.btn-teal:hover{color:#fff;background:#08524c}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{color:var(--ink);background:var(--lav-bg)}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}

/* Sections */
section{padding:3rem 0}
.section-head{margin-bottom:1.6rem}
.section-head p{color:var(--ink-2);max-width:62ch}
.kicker{display:inline-flex;align-items:center;gap:.4rem;font:800 .8rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--peach);padding:.3rem .8rem;border-radius:999px;margin-bottom:.8rem}
.kicker svg{width:1.05em;height:1.05em}
.bg-blush{background:var(--blush-bg)}.bg-lav{background:var(--lav-bg)}.bg-sage{background:var(--sage-bg)}.bg-peach{background:var(--peach-bg)}.bg-sky{background:var(--sky-bg)}

/* Hero */
.hero{padding:2.5rem 0 3rem;background:
  radial-gradient(circle at 10% 20%,var(--blush) 0,transparent 32%),
  radial-gradient(circle at 90% 10%,var(--lav) 0,transparent 35%),
  radial-gradient(circle at 80% 95%,var(--sage) 0,transparent 35%),
  radial-gradient(circle at 15% 100%,var(--sky) 0,transparent 30%),var(--bg)}
.hero-grid{display:grid;gap:2rem;align-items:center}
.hero p.lead{font-size:1.2rem;color:var(--ink-2);max-width:56ch}
.hero-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem;display:grid;gap:.8rem}
.hero-card .chip-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}
.chip-list li{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:var(--radius-sm);font-weight:800}
.chip-list li svg{width:28px;height:28px;flex:none}
.c-blush{background:var(--blush-bg)}.c-lav{background:var(--lav-bg)}.c-sage{background:var(--sage-bg)}.c-peach{background:var(--peach-bg)}.c-sky{background:var(--sky-bg)}
@media (min-width:860px){.hero{padding:4rem 0}.hero-grid{grid-template-columns:1.25fr 1fr}}
.page-hero{padding:2.5rem 0 1.5rem;background:linear-gradient(135deg,var(--lav-bg),var(--blush-bg) 55%,var(--peach-bg))}
.page-hero p{color:var(--ink-2);max-width:64ch;font-size:1.1rem}

/* Cards grid */
.grid{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media (min-width:600px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;border:2px solid var(--line)}
.card-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.card-body h3{margin:0;font-size:1.15rem}
.card-body p{margin:0;color:var(--ink-2);font-size:.98rem}
.card .btn{margin-top:auto;align-self:flex-start}
.card-img{padding:12px;background:var(--blush)}
.card-img img{border-radius:14px;aspect-ratio:1/1;object-fit:cover;width:100%}
.price{display:inline-block;font:800 .95rem var(--body);background:var(--ink);color:#fff;border-radius:999px;padding:.15rem .7rem;align-self:flex-start}
.tag{display:inline-block;font:800 .78rem var(--body);border-radius:999px;padding:.15rem .6rem;background:var(--sage);color:var(--ink)}
.t-blush{border-color:var(--blush)}.t-blush .card-img{background:var(--blush)}
.t-lav{border-color:var(--lav)}.t-lav .card-img{background:var(--lav)}
.t-sage{border-color:var(--sage)}.t-sage .card-img{background:var(--sage)}
.t-peach{border-color:var(--peach)}.t-peach .card-img{background:var(--peach)}
.t-sky{border-color:var(--sky)}.t-sky .card-img{background:var(--sky)}
.includes{margin:.2rem 0 0;padding-left:1.1rem;font-size:.95rem;color:var(--ink-2)}

/* Feature (split) blocks */
.split{display:grid;gap:1.6rem;align-items:center}
@media (min-width:860px){.split{grid-template-columns:1fr 1fr}.split.rev>:first-child{order:2}}
.panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}
.about-card{display:flex;gap:1.1rem;align-items:flex-start}
.avatar{flex:none;width:72px;height:72px;border-radius:50%;background:var(--lav);display:grid;place-items:center}
.avatar svg{width:42px;height:42px}

/* Video */
.video{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;}
.video-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--navy)}
.video-frame iframe,.video-frame .yt-lite{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-lite{display:block;cursor:pointer;padding:0;background:var(--navy) center/cover no-repeat}
.yt-lite::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(16,52,64,.55))}
.yt-lite .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--coral);display:grid;place-items:center;box-shadow:0 6px 24px rgba(0,0,0,.3);z-index:1}
.yt-lite .play svg{width:34px;height:34px;margin-left:5px}
.yt-lite:hover .play,.yt-lite:focus-visible .play{background:var(--rose)}
.video-meta{padding:.9rem .3rem .2rem}
.video-meta h3{font-size:1.25rem}
.video-entry{display:grid;gap:1.4rem;align-items:start;padding:1.6rem;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);border:2px solid var(--sky)}
@media (min-width:900px){.video-entry{grid-template-columns:1.3fr 1fr}}
.chapters{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.25rem}
.chapters li{display:flex;gap:.6rem}
.chapters time{font-weight:800;color:var(--ink);background:var(--sky);border-radius:8px;padding:0 .45rem;min-width:3.4rem;text-align:center}
.small{font-size:.92rem;color:var(--ink-2)}

/* Gear guide */
.gear-cat{margin-top:2.2rem}
.gear-cat>h2{display:flex;align-items:center;gap:.6rem}
.gear-cat>h2 .icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none}
.gear-cat>h2 .icon svg{width:28px;height:28px}
.gear-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:700px){.gear-list{grid-template-columns:repeat(2,1fr)}}
.gear{background:#fff;border-radius:var(--radius-sm);border:2px solid var(--line);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.45rem}
.gear h3{font-size:1.08rem;margin:0}
.gear p{margin:0;color:var(--ink-2);font-size:.97rem}
.gear .btn{align-self:flex-start;margin-top:.3rem;padding:.55rem 1rem;font-size:.95rem}
.notice{border-radius:var(--radius-sm);padding:1rem 1.2rem;background:var(--peach);border-left:6px solid var(--coral);color:var(--ink);font-weight:700}
.notice p:last-child{margin:0}

/* Prose (legal pages) */
.prose h2{margin-top:1.8em;font-size:1.5rem}
.prose ul{padding-left:1.2rem}
.prose li{margin:.3em 0}

/* Social / CTA */
.social-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:700px){.social-grid{grid-template-columns:repeat(3,1fr)}}
.social{display:flex;gap:.9rem;align-items:center;text-decoration:none;color:var(--ink);background:#fff;border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-sm);border:2px solid var(--line);transition:transform .15s}
.social:hover{transform:translateY(-3px);color:var(--ink)}
.social .icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none}
.social .icon svg{width:30px;height:30px}
.social b{display:block;font-family:var(--display);font-weight:600;font-size:1.15rem}
.social span{font-size:.93rem;color:var(--ink-2)}

/* Footer */
.site-footer{background:var(--navy);color:#EAF2F4;padding:2.5rem 0 1.5rem;margin-top:2rem}
.site-footer a{color:#fff}
.site-footer a:hover{color:var(--blush)}
.foot-grid{display:grid;gap:1.6rem}
@media (min-width:800px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr}}
.site-footer h2{color:#fff;font-size:1.1rem}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.disclaimers{margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.2);font-size:.92rem;display:grid;gap:.5rem}
.disclaimers p{margin:0}
.disclaimers strong{color:#fff}
@media (max-width:599px){.card-img img{aspect-ratio:4/3;object-position:center}}
@media (min-width:1000px){.gear-list{grid-template-columns:repeat(3,1fr)}}
.gear-cat.t-blush .gear{border-color:var(--blush);border-top:6px solid var(--blush-2)}
.gear-cat.t-lav .gear{border-color:var(--lav);border-top:6px solid var(--lav-2)}
.gear-cat.t-sage .gear{border-color:var(--sage);border-top:6px solid var(--sage-2)}
.gear-cat.t-peach .gear{border-color:var(--peach);border-top:6px solid var(--coral-2)}
.gear-cat.t-sky .gear{border-color:var(--sky);border-top:6px solid var(--peri-2)}
@media (min-width:960px){.card-wide{flex-direction:row}.card-wide .card-img{flex:0 0 340px}.card-wide .card-img img{height:100%}}
.grid-1{grid-template-columns:1fr!important}
.panel.c-blush{background:var(--blush-bg)}.panel.c-sky{background:var(--sky-bg)}.panel.c-sage{background:var(--sage-bg)}.panel.c-lav{background:var(--lav-bg)}.panel.c-peach{background:var(--peach-bg)}

/* ---------- Nursing School Essentials redesign (2026-10-25) ---------- */
.ess-nav{position:sticky;top:var(--hdr,0px);z-index:15;background:rgba(255,251,248,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.ess-nav-in{display:flex;align-items:center;gap:.8rem;padding:.55rem 0;flex-wrap:wrap}
.chips{list-style:none;margin:0;padding:.1rem 0;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;flex:1 1 auto}
.chips::-webkit-scrollbar{display:none}
.chip{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;text-decoration:none;color:var(--ink);font:700 .92rem var(--body);padding:.38rem .85rem .38rem .45rem;border-radius:999px;border:2px solid transparent;transition:transform .15s,box-shadow .15s}
.chip:hover{color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.chip-ico{width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center}
.chip-ico svg{width:17px;height:17px}
.chip.c-blush{background:var(--blush)}.chip.c-lav{background:var(--lav)}.chip.c-sage{background:var(--sage)}.chip.c-peach{background:var(--peach)}.chip.c-sky{background:var(--sky)}
.chip-star{background:linear-gradient(90deg,var(--blush),var(--lav))}
.chip.is-on{border-color:var(--ink)}
.ess-search{flex:0 1 260px;margin-left:auto}
.ess-search input{width:100%;font:inherit;font-size:.95rem;padding:.45rem .9rem;border-radius:999px;border:2px solid var(--lav-2);background:#fff;color:var(--ink)}
.ess-search input:focus{outline:3px solid var(--peri);outline-offset:1px}
@media (max-width:699px){.ess-search{flex:1 1 100%;order:2}.ess-nav-in{gap:.45rem}}
.gear-sec{margin-top:2.6rem;scroll-margin-top:calc(var(--hdr,0px) + var(--essnav,64px) + 12px)}
.gear-sec:first-child{margin-top:.6rem}
.gear-sub{scroll-margin-top:calc(var(--hdr,0px) + var(--essnav,64px) + 12px)}
.sec-head h2{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}
.sec-head h2 .icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none}
.sec-head h2 .icon svg{width:28px;height:28px}
.sec-head p{margin:0 0 .4rem;color:var(--ink-2)}
.icon.c-blush{background:var(--blush)}.icon.c-lav{background:var(--lav)}.icon.c-sage{background:var(--sage)}.icon.c-peach{background:var(--peach)}.icon.c-sky{background:var(--sky)}
.sub-head{display:flex;align-items:center;gap:.55rem;font-size:1.12rem;margin:1.5rem 0 .8rem;padding-bottom:.4rem;border-bottom:2px dashed var(--line)}
.sub-head .count{font:800 .78rem var(--body);background:#fff;border:2px solid var(--line);border-radius:999px;padding:.05rem .55rem;color:var(--ink-2)}
.t-blush .sub-head{border-color:var(--blush)}.t-lav .sub-head{border-color:var(--lav)}.t-sage .sub-head{border-color:var(--sage)}.t-peach .sub-head{border-color:var(--peach)}.t-sky .sub-head{border-color:var(--sky)}
.gcards{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;grid-template-columns:1fr}
@media (min-width:640px){.gcards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.gcards{grid-template-columns:repeat(3,1fr)}}
.gcard{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:2px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.gcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.gcard-art{display:block;line-height:0;border-bottom:2px solid var(--line)}
.gcard-art svg,.gcard-art img{width:100%;height:auto;aspect-ratio:16/9;display:block}
.gcard-art img{object-fit:contain;background:#fff;padding:.8rem}
.gcard-body{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.gcard-title{font-size:1.1rem;margin:0}
.gcard-body p{margin:0;color:var(--ink-2);font-size:.96rem;line-height:1.5}
.gcard-btn{margin-top:auto;align-self:flex-start;padding:.55rem 1.05rem;font-size:.95rem;border-radius:999px}
.gcard-body p+.gcard-btn{margin-top:.55rem}
.gtags{display:flex;flex-wrap:wrap;gap:.35rem}
.gtag{display:inline-block;font:800 .74rem var(--body);letter-spacing:.02em;border-radius:999px;padding:.12rem .6rem;background:var(--bg);border:1.5px solid var(--line);color:var(--ink)}
.gtag-tj{background:var(--ink);border-color:var(--ink);color:#fff}
.p-blush .gcard-art{background:var(--blush-bg)}.p-lav .gcard-art{background:var(--lav-bg)}.p-sage .gcard-art{background:var(--sage-bg)}.p-peach .gcard-art{background:var(--peach-bg)}.p-sky .gcard-art{background:var(--sky-bg)}
.p-blush{border-color:var(--blush)}.p-blush .gcard-art{border-color:var(--blush)}.p-blush .gtag:not(.gtag-tj){background:var(--blush-bg);border-color:var(--blush-2)}
.p-lav{border-color:var(--lav)}.p-lav .gcard-art{border-color:var(--lav)}.p-lav .gtag:not(.gtag-tj){background:var(--lav-bg);border-color:var(--lav-2)}
.p-sage{border-color:var(--sage)}.p-sage .gcard-art{border-color:var(--sage)}.p-sage .gtag:not(.gtag-tj){background:var(--sage-bg);border-color:var(--sage-2)}
.p-peach{border-color:var(--peach)}.p-peach .gcard-art{border-color:var(--peach)}.p-peach .gtag:not(.gtag-tj){background:var(--peach-bg);border-color:var(--coral-2)}
.p-sky{border-color:var(--sky)}.p-sky .gcard-art{border-color:var(--sky)}.p-sky .gtag:not(.gtag-tj){background:var(--sky-bg);border-color:var(--peri-2)}
.tj-picks{background:linear-gradient(135deg,var(--blush-bg),var(--lav-bg) 55%,var(--sky-bg));border-radius:28px;padding:1.4rem 1.2rem 1.5rem;box-shadow:var(--shadow-sm)}
.gcards-big{margin-top:1rem}
@media (min-width:640px){.gcards-big{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.gcards-big{grid-template-columns:repeat(2,1fr)}
  .gcard-big{flex-direction:row}
  .gcard-big .gcard-art{flex:0 0 44%;border-bottom:0;border-right:2px solid var(--line)}
  .gcard-big .gcard-art{display:flex;align-items:center}.gcard-big .gcard-art svg{aspect-ratio:10/7}}
.gcard-big .gcard-title{font-size:1.25rem}
.no-results{margin-top:2rem;text-align:center}
[hidden]{display:none!important}
@media (max-width:639px){
  .gcards:not(.gcards-big) .gcard{flex-direction:row}
  .gcards:not(.gcards-big) .gcard-art{flex:0 0 34%;border-bottom:0;border-right:2px solid var(--line);display:flex;align-items:center}
  .gcards:not(.gcards-big) .gcard-art svg{aspect-ratio:1/1;height:100%}
  .gcards:not(.gcards-big) .gcard-body{padding:.8rem .85rem .9rem}
  .gcards:not(.gcards-big) .gcard-title{font-size:1.02rem}
  .gcards:not(.gcards-big) .gcard-body p{font-size:.92rem}
  .gcards:not(.gcards-big) .gcard-btn{padding:.45rem .85rem;font-size:.9rem}
}
