/* KevinMD design mockups, round 2 (2026-09-30, Kevin: "Mockup a slimmer header", "Mockup a rebuild" of the old pages,
   "Mockup unified boxes"). PREVIEW ONLY: loaded when the 'mock2' piece is on (editors in "Design preview: next step", or the
   signed preview link), never for visitors until Kevin approves. Every rule is scoped to body.kmd-mock2. */

/* ---------- 1. Slimmer desktop header: flat utility links, 72 px logo, tighter logo row (about 232 px -> about 165 px) ---------- */
@media (min-width:922px){
  body.kmd-mock2 #menu-utility{border:0!important;background:none!important;padding:0!important}
  body.kmd-mock2 .menu-utility-container{border-bottom:1px solid var(--rule)}
  body.kmd-mock2 #menu-utility > li > a{font-size:12px!important;letter-spacing:.06em;color:var(--meta)!important;padding-top:7px!important;padding-bottom:7px!important}
  body.kmd-mock2 #menu-utility > li > a:hover{color:var(--b)!important}
  body.kmd-mock2 #ast-desktop-header .logo-section{min-height:0!important;margin:10px auto 8px!important}
  body.kmd-mock2 #ast-desktop-header .logo-section .logo img,body.kmd-mock2 #ast-desktop-header .custom-logo-link img{width:216px!important;max-width:216px!important;height:auto!important;margin:0 auto!important}
  body.kmd-mock2 #ast-desktop-header .logo-section .search-box{bottom:50%!important;transform:translateY(50%)}
  body.kmd-mock2 #ast-desktop-header .ast-primary-header-bar,body.kmd-mock2 #ast-desktop-header .site-primary-header-wrap,body.kmd-mock2 #ast-desktop-header .ast-builder-grid-row{min-height:0!important;height:auto!important}
}

/* ---------- 2. Unified sidebar boxes: one frame (hairline border + blue top rule + 20 px padding) and one label style ---------- */
body.kmd-mock2 .sidebar-main .widget:not(.kmd-card-host){border:1px solid var(--rule)!important;border-top:3px solid var(--b)!important;padding:18px 20px 20px!important;background:#fff}
body.kmd-mock2 .sidebar-main .widget .widget-title{font:700 12px/1.3 var(--sans)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--b)!important;margin:0 0 12px!important}
body.kmd-mock2 .sidebar-main .kmd-card{border:1px solid var(--rule)!important;border-top:3px solid var(--b)!important;padding:18px 20px 20px!important}
body.kmd-mock2 .sidebar-main .kmd-card--navy{border-color:var(--n)!important;border-top-color:var(--b)!important}
body.kmd-mock2 .sidebar-main .kmd-card__eyebrow{font:700 12px/1.3 var(--sans)!important;letter-spacing:.08em!important}
body.kmd-mock2 .kmd-sticky-nl{border:1px solid var(--rule)!important;border-top:3px solid var(--b)!important;padding:18px 20px 20px!important}
body.kmd-mock2 .kmd-sticky-nl::before{content:"The KevinMD newsletter";display:block;font:700 12px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--b);margin:0 0 10px}

/* ---------- 3. Old-look pages in the house style: Upgrade (138427), Subscribe (506680), Thanks for subscribing (42288),
   Thanks for upgrading (138459). Same words, links and forms; only the look changes. ---------- */
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content div[style*="border-radius: 10px" i]{border:1px solid var(--rule)!important;border-radius:0!important;box-shadow:none!important;font-family:var(--sans)!important;padding:32px 28px!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content div[style*="border-left: 6px" i]{border-left:4px solid var(--b)!important;background:var(--panel)!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content h2[style]{font:700 28px/1.25 var(--serif)!important;color:var(--n)!important;text-wrap:balance}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content div[style*="text-transform: uppercase" i]{font:700 12px/1.3 var(--sans)!important;letter-spacing:.08em!important;color:var(--b)!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content p[style*="color: #4b4f58" i]{color:var(--ink)!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content :is(p,span)[style*="color: #6b6f78" i]{color:var(--meta)!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content :is(p,strong)[style*="color: #3a3a3a" i]{color:var(--ink)!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content span[style*="border-radius: 50%" i],body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content div[style*="border-radius: 50%" i]{border-radius:0!important;background:var(--b)!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content span[style*="background: #F5F5F5" i]{border-radius:0!important;border-color:var(--rule)!important;background:var(--panel)!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content :is(input:not([type=hidden]):not([type=submit]),select){border-radius:0!important;border:1px solid var(--line)!important;min-height:48px;font:16px var(--sans)!important;color:var(--ink)!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content button[style*="background: #0170B9" i]{border-radius:0!important;min-height:48px;font:700 16px var(--sans)!important;background:var(--b)!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content button[style*="background: #0170B9" i]:hover{background:var(--n)!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content a[style*="display: inline-block" i][style*="border-radius: 6px" i]{border-radius:0!important;min-height:48px;display:inline-flex!important;align-items:center;justify-content:center}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content img[style*="border-radius" i]{border-radius:0!important}
@media (max-width:544px){
  body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content div[style*="border-radius: 10px" i]{padding:24px 18px!important;margin:24px 0!important}
  body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content h2[style]{font-size:22px!important}
}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content button:is([style*="background:#f5f5f5" i],[style*="background: #f5f5f5" i]){font-size:16px!important}
body.kmd-mock2:is(.page-id-138427,.page-id-506680,.page-id-42288,.page-id-138459) .entry-content p[style*="font-size: 13px" i]{font-size:12px!important}

