/* Blog — copied from the approved MyNurseDesk design canvas. Regenerate with sync-design.py; do not edit by hand. */

.blog-band{padding:0 0 clamp(36px,5vw,64px);background:radial-gradient(60% 90% at 12% 0%,color-mix(in srgb,var(--blue) 13%,transparent),transparent 70%),radial-gradient(50% 80% at 92% 100%,color-mix(in srgb,var(--blue) 9%,transparent),transparent 70%),linear-gradient(180deg,var(--band-1),var(--band-2))}
.blog-band::after{display:none!important}
.blog-band::after{content:"";position:absolute;z-index:-1;right:max(-60px,calc(50% - 720px));bottom:-90px;width:380px;height:240px;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 16%,transparent),transparent);border-top:1.5px solid color-mix(in srgb,var(--blue) 22%,transparent)}
/* ---- Blog motion ---- */


@keyframes bb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes bb-dot{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--blue) 45%,transparent)}100%{box-shadow:0 0 0 8px color-mix(in srgb,var(--blue) 0%,transparent)}}
@keyframes bb-arc{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.blog-band::after{animation:bb-arc 1.1s var(--ease) .2s both,bb-float 8s ease-in-out 1.4s infinite}
.grid-posts>div{animation:rise .7s var(--ease) both}
.grid-posts>div:nth-child(3n+1){animation-delay:.5s}.grid-posts>div:nth-child(3n+2){animation-delay:.62s}.grid-posts>div:nth-child(3n){animation-delay:.74s}
@supports (animation-timeline:view()){.grid-posts>div{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%;animation-delay:0s!important}}
.art-card .art-title{transition:color .25s}
.art-card:hover .art-title{color:var(--link)}
.art-card .art-img::after{transition:transform .7s var(--ease)}
.art-card:hover .art-img::after{transform:translate(10px,-6px) scale(1.12)}
@media(prefers-reduced-motion:reduce){.blog-band::after,.grid-posts>div{animation:none!important}}
/* ---- search action ---- */


@keyframes sw-a{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes sw-b{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.grid-posts.sw0>div,.grid-posts.sw1>div{animation-timeline:auto;animation-range:normal;animation-duration:.5s;animation-timing-function:var(--ease);animation-fill-mode:both}
.grid-posts.sw0>div{animation-name:sw-a}.grid-posts.sw1>div{animation-name:sw-b}
.grid-posts.sw0>div:nth-child(1),.grid-posts.sw1>div:nth-child(1){animation-delay:0ms!important}
.grid-posts.sw0>div:nth-child(2),.grid-posts.sw1>div:nth-child(2){animation-delay:55ms!important}
.grid-posts.sw0>div:nth-child(3),.grid-posts.sw1>div:nth-child(3){animation-delay:110ms!important}
.grid-posts.sw0>div:nth-child(4),.grid-posts.sw1>div:nth-child(4){animation-delay:165ms!important}
.grid-posts.sw0>div:nth-child(5),.grid-posts.sw1>div:nth-child(5){animation-delay:220ms!important}
.grid-posts.sw0>div:nth-child(6),.grid-posts.sw1>div:nth-child(6){animation-delay:275ms!important}
.grid-posts.sw0>div:nth-child(7),.grid-posts.sw1>div:nth-child(7){animation-delay:330ms!important}
.grid-posts.sw0>div:nth-child(8),.grid-posts.sw1>div:nth-child(8){animation-delay:385ms!important}
.grid-posts.sw0>div:nth-child(9),.grid-posts.sw1>div:nth-child(9){animation-delay:440ms!important}
.grid-posts.sw0>div:nth-child(10),.grid-posts.sw1>div:nth-child(10){animation-delay:495ms!important}
.grid-posts.sw0>div:nth-child(11),.grid-posts.sw1>div:nth-child(11){animation-delay:550ms!important}
.grid-posts.sw0>div:nth-child(12),.grid-posts.sw1>div:nth-child(12){animation-delay:605ms!important}
@media(prefers-reduced-motion:reduce){.grid-posts.sw0>div,.grid-posts.sw1>div{animation:none!important}}
/* ---- header decoration: mini article cards, same circle-and-arc look as the article images ---- */

@media(max-width:899px){.blog-band::after{width:240px;height:150px;right:-70px;bottom:-60px}}
.blog-band .pb-in{justify-items:center;text-align:center;gap:18px;padding-top:clamp(34px,5vw,60px)}
.blog-band .pb-lead{color:var(--text);opacity:.78}
.blog-band .pb-head{justify-content:center}
.blog-band .pb-h1{font-size:clamp(36px,5.6vw,60px);max-width:none;letter-spacing:-.01em}
.blog-band .pb-lead{max-width:56ch;margin:0 auto}
.blog-band{padding:clamp(40px,4.4vw,56px) 0!important;background:linear-gradient(100deg,color-mix(in srgb,var(--blue) 7%,var(--surface)),color-mix(in srgb,var(--blue) 13%,var(--surface)))!important}
.blog-band::after{display:none!important;animation:none!important}
:root .blog-band .pb-in{gap:10px;padding-top:0}
:root .blog-band .pb-h1{font-size:clamp(30px,3vw,40px)}
.bb-crumbs{justify-content:center;padding:0;gap:8px}
.bb-crumbs .bb-sep{color:var(--faint)}
.blog-q{display:block;max-width:560px;margin:0 0 16px}
.blog-q .input{width:100%;padding-right:48px}
/* ---- topic tabs: round tags like the job page ---- */


:root .btabs-row{gap:16px!important;margin-bottom:28px}
:root .btabs-row .bf-tools{align-items:center}
:root .btabs-row .bf-count{font:600 18px/1.2 var(--font-h);color:var(--text)}
:root .btabs-row .bf-count b{font-weight:600}
:root .btabs-row .bf-sort .select-wrap select{height:40px;min-width:170px;border-radius:999px;padding-left:16px;background:var(--surface);font-weight:500}
:root .btabs-row .btabs{gap:6px;padding:2px}
:root .ttab{height:40px;padding:0 8px 0 12px!important;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text);font:500 14px/1 var(--font-b);box-shadow:none}
:root .ttab .ico{width:16px;height:16px;color:var(--link);flex:none}
:root .ttab:hover{background:var(--surface);border-color:color-mix(in srgb,var(--blue) 40%,var(--line))}
:root .btabs-row .ttab .tcount{display:inline-grid;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--surface-3);color:var(--muted);font:600 12px/1 var(--font-b)}
:root .ttab:is([aria-selected="true"],[aria-current="page"]){background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--blue) 70%,transparent)}
:root .ttab:is([aria-selected="true"],[aria-current="page"]) .ico{color:#fff}
:root .btabs-row .ttab:is([aria-selected="true"],[aria-current="page"]) .tcount{background:rgba(255,255,255,.22);color:#fff}
:root[data-theme="dark"] .ttab{background:#122833}
:root[data-theme="dark"] .ttab:is([aria-selected="true"],[aria-current="page"]){background:var(--blue)}
@media(max-width:899px){:root .btabs-row .btabs{padding:2px var(--gutter) 8px}}
/* ---- topic tabs stay on one line and slide ---- */


.tscroll{position:relative;min-width:0;width:100%}
:root .btabs-row .btabs{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;margin:0!important;padding:4px 2px 8px!important}
:root .btabs-row .btabs::-webkit-scrollbar{display:none}
@media(max-width:899px){.tscroll{margin-inline:calc(var(--gutter) * -1);width:auto}:root .btabs-row .btabs{padding:4px var(--gutter) 8px!important}}
@media(prefers-reduced-motion:reduce){:root .btabs-row .btabs{scroll-behavior:auto}}

/* ---- count, sort and topic buttons like his picture (29 Oct) ---- */



:root .btabs-row .bf-tools{display:flex;align-items:center;justify-content:space-between;gap:16px}
:root .btabs-row .bf-count{margin:0;font:400 18px/1.3 var(--font-b)!important;color:var(--muted)}
:root .btabs-row .bf-count strong{font-weight:600;color:var(--text)}
.bf-sort{display:flex;align-items:center;gap:10px}
.bf-sort-l{font-size:15px;color:var(--muted)}
:root .btabs-row .bf-sort .select-wrap select{height:46px!important;min-width:176px!important;border-radius:10px!important;border:1px solid #C9DEDA!important;padding-left:15px!important;font:400 16px/1 var(--font-b)!important;color:var(--text)}
:root .ttab{height:42px!important;padding:0 10px!important;gap:6px!important;border:1px solid #D8E7E4!important;border-radius:9px!important;background:var(--surface)!important;color:var(--text)!important;font:550 14px/1 var(--font-b)!important;box-shadow:none!important}
:root .ttab .ico{width:17px!important;height:17px!important;color:var(--text)!important}
:root .btabs-row .ttab .tcount{min-width:22px!important;height:22px!important;border-radius:5px!important;background:#F1F7F6!important;color:var(--muted)!important;font:500 12px/22px var(--font-b)!important;padding:0 7px!important}
:root .ttab:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line))!important;color:var(--link)!important}
:root .ttab:is([aria-selected="true"],[aria-current="page"]){background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 10px rgba(14,124,123,.2)!important}
:root .ttab:is([aria-selected="true"],[aria-current="page"]) .ico{color:#fff!important}
:root .btabs-row .ttab:is([aria-selected="true"],[aria-current="page"]) .tcount{background:rgba(255,255,255,.2)!important;color:#fff!important}
:root[data-theme="dark"] .ttab{border-color:var(--line)!important}:root[data-theme="dark"] .btabs-row .ttab .tcount{background:var(--surface-3)!important}
:root .btabs-row .btabs{gap:6px!important}
@media(max-width:640px){.bf-sort-l{display:none}:root .btabs-row .bf-count{font-size:15px!important}:root .btabs-row .bf-sort .select-wrap select{min-width:140px!important;height:42px!important;font-size:14px!important}:root .ttab{height:40px!important;font-size:14px!important}}

body{margin:0}