/* Site chrome (masthead + nav drawer) for standalone article pages.
   These pages do NOT load wick-shared.css (its :root tokens and main/section
   rules would fight the article design), so the merged chrome styles live
   here. Markup still comes from partials/ via scripts/sync-chrome.py. */
.masthead{position:sticky;top:0;left:0;right:0;z-index:1000;height:78px;border:1px solid rgba(255,255,255,.08);border-left:0;border-right:0;background:rgba(11,13,16,.96);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(11,13,16,.12);font-family:var(--sans)}
.masthead-inner{width:min(100%,1880px);height:100%;margin:0 auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:24px}
:where(.masthead,.drawer) a{color:inherit;text-decoration:none}
.masthead{color:#FFFDF8}
.brand{display:inline-flex;align-items:center;width:102px;line-height:1}
.brand img{display:block;width:100%;height:auto}
.masthead .brand{position:relative}
.masthead .brand img{filter:none;opacity:0}
.masthead .brand::after{content:"";position:absolute;inset:0;pointer-events:none;background:#FFFDF8;-webkit-mask:url("assets/wick-logo.png") center/contain no-repeat;mask:url("assets/wick-logo.png") center/contain no-repeat;opacity:.98}
.masthead-actions{display:flex;align-items:center;gap:28px}
.masthead .btn,.drawer .btn{min-height:46px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:14px;font-weight:750;white-space:nowrap}
.drawer .btn:hover,.drawer .btn:focus-visible{background:var(--ink);color:#fff}
.drawer .btn-dark{background:#050505;color:#fff}
.drawer .btn-dark:hover,.drawer .btn-dark:focus-visible{background:transparent;color:var(--ink)}
.masthead .btn{min-height:44px;border:1px solid rgba(255,253,248,.96);background:#FFFDF8;color:#0B0D10;font-weight:800;padding:0 24px;box-shadow:0 0 0 1px rgba(255,253,248,.10),0 10px 24px rgba(0,0,0,.18);transition:background 150ms ease,border-color 150ms ease,color 150ms ease,transform 150ms ease,box-shadow 150ms ease}
.masthead .btn:hover,.masthead .btn:focus-visible{background:#FFFDF8;border-color:#FFFDF8;color:#0B0D10;transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,253,248,.16),0 14px 28px rgba(0,0,0,.24)}
.masthead-login{min-height:44px;border:1px solid rgba(255,253,248,.56);background:rgba(255,253,248,.018);color:#FFFDF8;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,253,248,.045);transition:background 150ms ease,border-color 150ms ease,color 150ms ease,box-shadow 150ms ease,transform 150ms ease}
.masthead-login:hover,.masthead-login:focus-visible{background:rgba(255,253,248,.07);border-color:rgba(255,253,248,.82);color:#FFFDF8;box-shadow:0 0 0 1px rgba(255,253,248,.08),0 12px 24px rgba(0,0,0,.18);transform:translateY(-1px)}
.masthead-login:focus-visible{outline:1px solid rgba(255,253,248,.62);outline-offset:6px}
.icon-button{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;color:var(--ink);position:relative;cursor:pointer}
.icon-button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.masthead .icon-button{box-sizing:border-box;display:inline-grid;place-items:center;padding:0;border:1px solid rgba(255,253,248,.44);border-radius:0;background:transparent;color:#FFFDF8;box-shadow:inset 0 0 0 1px rgba(255,253,248,.045);transition:color 150ms ease,border-color 150ms ease,background 150ms ease,box-shadow 150ms ease,transform 150ms ease}
.masthead .icon-button:hover,.masthead .icon-button:focus-visible{border-color:rgba(255,253,248,.72);background:rgba(255,253,248,.07);box-shadow:inset 0 0 0 1px rgba(255,253,248,.08),0 10px 20px rgba(0,0,0,.14);color:#FFFDF8}
.masthead .icon-button:focus-visible{outline-color:rgba(255,253,248,.88)}
.hamburger-lines,.hamburger-lines::before,.hamburger-lines::after{width:32px;height:2px;background:currentColor;display:block}
.hamburger-lines{position:relative}
.masthead .hamburger-lines{width:31px}
.hamburger-lines::before,.hamburger-lines::after{content:"";position:absolute;left:0}
.hamburger-lines::before{top:-9px}
.hamburger-lines::after{top:9px}
.close-lines,.close-lines::after{width:34px;height:2px;background:currentColor;display:block}
.close-lines{transform:rotate(45deg)}
.close-lines::after{content:"";transform:rotate(90deg)}
body.drawer-open{overflow:hidden}
.drawer-scrim{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.66);opacity:0;pointer-events:none;transition:opacity 180ms ease}
.drawer{position:fixed;top:0;right:0;z-index:1110;width:min(58vw,770px);min-width:670px;height:100vh;background:#FBF8F2;border-left:1px solid #DDD6CA;transform:translateX(100%);transition:transform 220ms ease;display:grid;grid-template-rows:100px 1fr;font-family:var(--sans)}
body.drawer-open .drawer-scrim{opacity:1;pointer-events:auto}
body.drawer-open .drawer{transform:translateX(0)}
.drawer-top{border-bottom:1px solid #DDD6CA;padding:0 54px 0 42px;display:flex;align-items:center;justify-content:space-between}
.drawer-content{overflow-y:auto;padding:42px 54px 54px 42px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(260px,350px);gap:64px}
.drawer-group{border-bottom:1px solid #DDD6CA;padding:0 0 34px;margin-bottom:34px}
.drawer-heading{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:16px;margin-bottom:20px}
.drawer-heading h2{margin:0;font-size:28px;letter-spacing:-.03em}
.mini-icon{width:30px;height:30px;display:grid;place-items:center;font-size:15px;font-weight:800;line-height:1;color:#555}
.mini-icon img,.mini-icon svg{width:24px;height:24px;display:block}
.drawer-nav{display:grid;gap:16px;padding-left:50px}
.drawer-nav a{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:21px;line-height:1.25;margin-left:-10px;margin-right:-10px;padding:8px 10px 8px 12px;border-left:2px solid transparent;position:relative;transition:color 150ms ease}
.drawer-nav a::before{content:"";position:absolute;left:12px;right:10px;bottom:3px;height:1px;background:rgba(11,13,16,.16);transform:scaleX(0);transform-origin:left center;transition:transform 150ms ease,background 150ms ease}
.drawer-nav a:hover,.drawer-nav a:focus-visible{color:var(--ink)}
.drawer-nav a:hover::before,.drawer-nav a:focus-visible::before{transform:scaleX(1);background:rgba(11,13,16,.28)}
.drawer-nav a:hover .nav-arrow,.drawer-nav a:focus-visible .nav-arrow{transform:translateX(3px)}
.drawer-side{display:grid;gap:24px;align-content:start}
.drawer-cta{border:1px solid #DDD6CA;position:relative;overflow:hidden;background:var(--surface);box-shadow:0 1px 0 rgba(221,211,196,.28),0 16px 34px rgba(36,39,45,.035);padding:26px 28px 30px;display:grid;align-content:start;gap:16px}
.drawer-cta-icon{width:60px;height:60px;display:block;margin:2px 0 -8px -10px;object-fit:contain;object-position:left center}
.drawer-cta h2{margin:0;max-width:220px;font-size:25px;line-height:1.12;letter-spacing:0}
.drawer-cta p{margin:0;max-width:235px;color:#555;font-size:14.5px;line-height:1.46}
.drawer-cta .btn{width:100%;min-height:48px;margin-top:2px}
.trust-card{border:1px solid #DDD6CA;padding:22px;display:grid;gap:16px;background:var(--surface);box-shadow:0 1px 0 rgba(221,211,196,.24),0 14px 30px rgba(36,39,45,.028)}
.trust-card-thumb{margin:0;border:1px solid #E9E2D8;background:rgba(255,253,248,.72);aspect-ratio:2/1;overflow:hidden}
.trust-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.trust-card h3{margin:0;font-size:20px;line-height:1.12;letter-spacing:0}
.trust-card p{margin:0;color:#555;font-size:13px;line-height:1.42}
.trust-card a{color:var(--ink);display:inline-flex;align-items:center;gap:10px;width:fit-content;font-size:14px;font-weight:780}
.trust-card a .inline-arrow{transition:transform 150ms ease}
.trust-card a:hover .inline-arrow,.trust-card a:focus-visible .inline-arrow{transform:translateX(4px)}
.inline-arrow,.nav-arrow{width:20px;height:12px;display:inline-block;position:relative;flex:0 0 auto}
.inline-arrow::before,.nav-arrow::before{content:"";position:absolute;left:0;top:50%;width:15px;height:1.5px;background:currentColor;transform:translateY(-50%)}
.inline-arrow::after,.nav-arrow::after{content:"";position:absolute;left:10px;top:50%;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg)}
@media (max-width:980px){
  .masthead-inner{padding-left:34px;padding-right:34px}
}
@media (max-width:760px){
  .masthead{height:68px}
  .masthead-inner{padding-left:22px;padding-right:22px;gap:14px}
  .masthead-actions{gap:10px}
  .masthead .btn{min-height:36px;padding:0 14px;font-size:12px;font-weight:820}
  .masthead-login{display:none}
  .brand{width:82px}
  .masthead .icon-button{width:36px;height:36px}
  .masthead .hamburger-lines,.masthead .hamburger-lines::before,.masthead .hamburger-lines::after{width:24px}
  .masthead .hamburger-lines::before{top:-7px}
  .masthead .hamburger-lines::after{top:7px}
  .drawer{width:100vw;min-width:0}
  .drawer-top{height:86px;padding:0 24px}
  .drawer-content{grid-template-columns:1fr;padding:30px 24px 42px;gap:30px}
  .drawer-nav{padding-left:0}
  .drawer-nav a{font-size:18px}
  .drawer-heading{grid-template-columns:28px 1fr;gap:12px}
  .drawer-heading h2{font-size:24px}
}