@media (min-width:851px){.featured{height:560px;min-height:0}.featured-image{height:560px}}
@media (max-width:850px){.featured{height:auto}}
.category-scroll{scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}
.hero-aside{display:flex;flex-direction:column;gap:22px;align-self:stretch;justify-content:flex-end;padding-top:4px}
.journal-note{position:relative;min-height:238px;overflow:hidden;border:1px solid rgba(25,45,77,.09);border-radius:25px;background:linear-gradient(145deg,rgba(222,235,244,.93),rgba(198,220,235,.68));box-shadow:0 24px 55px rgba(32,54,80,.08);padding:30px 30px 27px;display:flex;align-items:flex-end;isolation:isolate}
.journal-note:before{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.6);border-radius:50%;right:-76px;top:-106px;box-shadow:0 0 0 27px rgba(255,255,255,.13),0 0 0 54px rgba(255,255,255,.08);z-index:-1}
.journal-note:after{content:"";position:absolute;inset:auto -20% -64% 28%;height:180px;background:rgba(255,255,255,.23);filter:blur(35px);transform:rotate(-8deg);z-index:-1}
.note-content{position:relative;z-index:2;max-width:330px}.note-label{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--navy)}.note-label span{width:18px;height:1px;background:currentColor}.journal-note h2{max-width:320px;font-size:25px;line-height:1.18;letter-spacing:-.035em;margin:0 0 10px}.journal-note .note-content>p:not(.note-label){max-width:310px;font-size:11px;line-height:1.65;color:#52677c;margin:0}.topic-cues{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}.topic-cues a{padding:7px 10px;border:1px solid rgba(25,45,77,.11);background:rgba(255,255,255,.38);border-radius:99px;font-size:9px;font-weight:750;color:var(--navy);transition:background .2s,transform .2s}.topic-cues a:hover{background:rgba(255,255,255,.78);transform:translateY(-1px)}.note-orbit{position:absolute;right:27px;top:24px;width:48px;height:48px;border:1px solid rgba(25,45,77,.18);border-radius:50%;display:grid;place-items:center;color:var(--navy)}.note-orbit:before{content:"";position:absolute;inset:-7px;border:1px solid rgba(255,255,255,.45);border-radius:50%}.note-orbit span{font-size:13px;font-weight:800}.note-mark{position:absolute;right:31px;bottom:26px;color:rgba(28,71,121,.24);font-size:19px}.hero-aside .search{width:100%}
@media(max-width:850px){.hero-aside{padding-top:0}.journal-note{min-height:220px}.blog-hero{gap:32px}}
@media(max-width:570px){.journal-note{min-height:214px;padding:25px}.journal-note h2{font-size:23px}.note-orbit{right:23px;top:21px}.note-mark{display:none}}
.note-orbit img{width:25px;height:25px;object-fit:contain;filter:saturate(.86) contrast(1.05)}
.site-nav{height:80px;background:rgba(245,241,233,.80);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(25,45,77,.08);border-left:0;border-right:0}
.nav-inner{max-width:1280px;padding-left:32px;padding-right:32px;gap:32px}.brand img{width:auto;height:56px}.site-nav nav{gap:32px}.site-nav nav a{font-size:14px;font-weight:500}.site-nav nav a.active:after{display:none}.site-nav .book{height:44px;padding:0 32px;border-radius:6px;font-size:14px;font-weight:600;letter-spacing:.025em;box-shadow:0 10px 20px rgba(28,71,121,.14);transition:background .2s,box-shadow .2s}.site-nav .book:hover{background:#183e6b;box-shadow:0 13px 24px rgba(28,71,121,.20)}.menu{padding:8px;color:var(--ink);line-height:0}.menu svg{display:block}
@media(max-width:850px){.nav-inner{padding-left:24px;padding-right:24px}.site-nav nav{top:80px}.brand img{height:56px}}

/* --- Dr. Z Journal import additions --- */
.prose picture,.card-image picture,.featured-image picture{display:block;width:100%;height:100%}
.prose picture img{width:100%;height:auto;border-radius:14px}
.card-image picture img,.featured-image picture img{width:100%;height:100%;object-fit:cover}
.journal-disclaimer{margin-top:40px;padding:18px 22px;border-left:3px solid rgba(28,71,121,.35);background:rgba(28,71,121,.045);border-radius:0 12px 12px 0}
.journal-disclaimer p{margin:0 0 8px;font-size:13.5px;line-height:1.65;color:#5b6f83}
.journal-disclaimer p:last-child{margin-bottom:0}
.journal-disclaimer em{font-style:italic}
.journal-sources{font-style:normal!important;font-size:13px!important}
.journal-sources a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}
.category-intro{max-width:640px;font-size:16px;line-height:1.6;color:#52677c}
.author-page .prose{max-width:720px}

/* --- header/footer parity + author photo (added) --- */
/* mobile dropdown menu for the blog (matches site chrome) */
#drzMobileMenu{display:none;position:absolute;top:80px;left:0;right:0;background:hsl(var(--background)/.98);backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--border)/.6);padding:16px 24px;flex-direction:column;gap:4px}
#drzMobileMenu.open{display:flex}
#drzMobileMenu a{padding:12px 4px;font-size:15px;font-weight:500;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border)/.4)}
#drzMobileMenu a.active{color:hsl(var(--primary))}
#drzMobileMenu a.drz-mobile-book{margin-top:10px;border:0;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:6px;text-align:center;font-weight:600}
/* author byline avatar as image */
.byline a.avatar{padding:0;overflow:hidden;background:none;width:44px;height:44px;display:block}
.byline a.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* author page portrait */
.author-portrait{margin:0 auto 22px;width:180px;height:240px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.author-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}

/* --- fixes: button radius parity + author page redesign --- */
/* blog.css set --radius:28px (unused by it) which broke the shared header/footer's rounded-md button; restore shadcn scale */
:root{--radius:0.5rem}
.author-page .article-head{max-width:680px}
.author-portrait{width:168px;height:210px;border-radius:18px}
.author-creds{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}
.author-creds span{padding:7px 14px;border-radius:999px;background:#e1edf5;color:var(--navy);font-size:11px;font-weight:700;letter-spacing:.02em}
.author-bio{max-width:680px;margin:46px auto 0;text-align:left}

/* --- newsletter signup feedback --- */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
.newsletter-side{display:flex;flex-direction:column;gap:12px}
.newsletter-msg{padding:12px 16px;border-radius:12px;font-size:13px;font-weight:600;line-height:1.5}
.newsletter-msg.success{background:rgba(28,71,121,.10);color:var(--navy);border:1px solid rgba(28,71,121,.20)}
.newsletter-msg.error{background:rgba(179,38,30,.08);color:#b3261e;border:1px solid rgba(179,38,30,.20)}