/* Black Glove blog: home and article template */
.blist,.bnext,.bmore,.pbody-sec{border-top:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.blink{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:rgba(7,8,10,.3);text-underline-offset:6px;min-height:44px;display:inline-flex;align-items:center;transition:text-decoration-color .3s var(--ease)}
.blink:hover{text-decoration-color:var(--ink)}

/* hero */
.bhero h1{max-width:13em;text-wrap:balance}
.bhero .lede{margin-top:20px}
.btools{display:grid;gap:16px;margin-top:36px}
@media(min-width:900px){.btools{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:center;gap:24px}}
.bsearch{position:relative;display:flex;align-items:center;min-width:0}
.bsearch svg{position:absolute;left:18px;width:20px;height:20px;color:#6B7078;pointer-events:none}
.bsearch input{width:100%;min-width:0;height:56px;padding:0 20px 0 50px;border:0;border-radius:999px;background:#fff;font:500 16px/1 var(--sans);color:var(--ink);box-shadow:0 0 0 1px rgba(13,14,16,.07),0 18px 40px -24px rgba(13,14,16,.35);transition:box-shadow .45s var(--ease)}
.bsearch input::placeholder{color:#7A7F87}
.bsearch input:focus{outline:0;box-shadow:0 0 0 2px rgba(28,135,84,.55),0 22px 44px -22px rgba(13,14,16,.4)}
.bsearch input::-webkit-search-cancel-button{cursor:pointer}
.bchips{display:flex;flex-wrap:wrap;gap:10px}
.bchip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:rgba(255,255,255,.75);color:var(--ink-2);font:500 15px/1 var(--sans);cursor:pointer;box-shadow:0 0 0 1px rgba(13,14,16,.07);transition:background .45s var(--ease),color .45s var(--ease),box-shadow .45s var(--ease),transform .3s var(--ease)}
.bchip span{font-size:13px;color:#7A7F87;transition:color .45s var(--ease)}
.bchip:hover{background:#fff;box-shadow:0 0 0 1px rgba(13,14,16,.14)}
.bchip:active{transform:scale(.97)}
.bchip[aria-pressed="true"]{background:#0D0E10;color:#fff;box-shadow:0 10px 24px -14px rgba(13,14,16,.6)}
.bchip[aria-pressed="true"] span{color:#6FD29D}

/* covers: the number is the art */
.bc-cover{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:200px;padding:24px;border-radius:20px;background:#0D0E10;color:#fff;isolation:isolate}
.bc-glow{position:absolute;inset:-30% -20% auto auto;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(111,210,157,.28),rgba(111,210,157,0));z-index:-1;transition:transform 1.2s var(--ease)}
.bc-n{font-size:clamp(72px,9vw,104px);line-height:.88;font-weight:500;letter-spacing:-.045em;color:#6FD29D;white-space:nowrap}
.bc-n small{font-size:.44em;margin-left:.06em;letter-spacing:-.02em}
.bc-l{font-size:14px;color:#B3B7BE;max-width:18em}
.bc-mk{position:absolute;top:22px;right:22px;opacity:.8}
.bc-cover.big{min-height:100%;padding:34px;border-radius:24px;background:linear-gradient(160deg,#1A1C20,#0A0A0B 60%)}
.bc-cover.big .bc-n{font-size:clamp(110px,15vw,200px)}
.bc-cover.big .bc-l{font-size:16px}

/* featured */
.blist .wrap{display:grid;gap:28px}
.bpost{transition:opacity .5s var(--ease),transform .6s var(--ease)}
.bpost.bout{opacity:0;transform:translateY(10px) scale(.985)}
.bfeat-in{display:grid;gap:10px;padding:10px;border-radius:30px;background:#0D0E10;color:#fff;text-decoration:none;box-shadow:0 40px 80px -40px rgba(13,14,16,.6);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
@media(min-width:900px){.bfeat-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:440px}}
.bfeat-copy{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:30px 22px 26px;min-width:0}
@media(min-width:900px){.bfeat-copy{padding:48px 40px 48px 44px}}
.bfeat h2{color:#fff;font-size:clamp(28px,3.2vw,42px);line-height:1.1;text-wrap:balance}
.bfeat p{color:#B3B7BE;font-size:17px;line-height:1.6;max-width:32em;margin:0}
.bfeat .bmeta{color:#B3B7BE}
.bfeat .bc-cat{color:#6FD29D;background:rgba(111,210,157,.12)}
.bread{display:inline-flex;align-items:center;gap:10px;font-weight:500;color:#fff;margin-top:6px}
.bread .ar{transition:transform .5s var(--ease)}
.bfeat-in:hover{transform:translateY(-3px);box-shadow:0 50px 90px -40px rgba(13,14,16,.7)}
.bfeat-in:hover .bread .ar{transform:translateX(6px)}
.bfeat-in:hover .bc-glow,.bcard a:hover .bc-glow{transform:translate(-12%,10%) scale(1.15)}

/* grid cards */
.bgrid{display:grid;gap:22px}
@media(min-width:720px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1080px){.bgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bcard a{display:flex;flex-direction:column;height:100%;padding:8px;border-radius:26px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--card-shadow,0 0 0 1px rgba(13,14,16,.06),0 20px 40px -28px rgba(13,14,16,.3));transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.bcard a:hover{transform:translateY(-3px)}
.bcard-copy{display:flex;flex-direction:column;gap:12px;flex:1;padding:20px 16px 18px}
.bcard h3{font-size:21px;line-height:1.25;text-wrap:balance}
.bcard p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.55}
.bdate{margin-top:auto;padding-top:6px;font-size:13.5px;color:#6B7078}
.bmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13.5px;color:#6B7078}
.bc-cat{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:#E9F4EE;color:#137A4B;font-weight:600;font-size:13px}

.bempty{display:grid;justify-items:start;gap:10px;padding:40px 32px;border-radius:26px;background:#fff;box-shadow:0 0 0 1px rgba(13,14,16,.06)}
.bempty h3{font-size:24px}
.bempty p{margin:0;color:var(--muted)}

/* next up */
.bnext{background:#F5F6F8}
.bnext-in{display:grid;gap:36px}
@media(min-width:960px){.bnext-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}.bnext-copy{position:sticky;top:calc(var(--hh,72px) + 32px)}}
.bnext-copy .lede{margin-top:16px}
.bnext-list{list-style:none;display:grid;gap:12px;counter-reset:bn;padding:0;margin:0}
.bnext-list li{counter-increment:bn;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center;padding:20px 22px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(13,14,16,.05)}
.bnext-list li::before{content:counter(bn,decimal-leading-zero);grid-row:span 2;align-self:center;font-size:22px;font-weight:500;letter-spacing:-.02em;color:#137A4B}
.bnext-list b{font-weight:600;font-size:17px;line-height:1.35;color:var(--ink);text-wrap:balance}
.bn-cat{font-size:13px;color:#6B7078}
.bnext-list.small li{padding:16px 18px}

/* ---------------------------------------------------------------- article */
.phero-in{display:grid;gap:20px;max-width:52rem}
.phero h1{font-size:clamp(36px,5vw,62px);line-height:1.05;text-wrap:balance}
.phero .lede{margin:0;max-width:36em}
.pby{display:flex;align-items:center;gap:14px;margin-top:6px;font-size:14px;color:#6B7078}
.pby-mk{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#0D0E10;flex:none}
.pby-mk img{width:24px;height:auto}
.pby>span:last-child{display:flex;flex-wrap:wrap;gap:2px 14px}
.pby b{width:100%;color:var(--ink);font-weight:600;font-size:15px}

.pgrid{display:grid;gap:40px}
@media(min-width:1080px){.pgrid{grid-template-columns:minmax(0,1fr) 300px;gap:80px;align-items:start}}
.pbody{display:grid;gap:56px;min-width:0;max-width:44rem;color:var(--ink-2);font-size:17.5px;line-height:1.7}
.pbody p{margin:0}
.psec{display:grid;gap:18px;scroll-margin-top:calc(var(--hh,72px) + 24px)}
.psec h2{font-size:clamp(27px,2.8vw,36px);line-height:1.15;color:var(--ink);text-wrap:balance}
.psec a:not(.btn){color:var(--ink);text-decoration:underline;text-decoration-color:rgba(28,135,84,.55);text-underline-offset:4px;transition:text-decoration-color .3s var(--ease)}
.psec a:not(.btn):hover{text-decoration-color:#137A4B}
.psec .bullets li{font-size:17px;line-height:1.65}
.psec .bullets b,.post-steps b{color:var(--ink);font-weight:600}
.pshort{display:grid;gap:12px;padding:28px 28px 30px;border-radius:24px;background:#EEF6F1;box-shadow:inset 0 0 0 1px rgba(19,122,75,.12)}
.pshort h2{font-size:15px;line-height:1;font-weight:600;color:#137A4B}
.pshort p{font-size:19px;line-height:1.6;color:var(--ink)}

.ptoc-m{border-radius:18px;background:#F5F6F8}
.ptoc-m summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:0 22px;font-weight:600;color:var(--ink)}
.ptoc-m summary::-webkit-details-marker{display:none}
.ptoc-m summary::after{content:"+";font-size:20px;color:#6B7078;transition:transform .45s var(--ease)}
.ptoc-m[open] summary::after{transform:rotate(45deg)}
.ptoc-m ol{margin:0;padding:0 22px 20px 42px;display:grid;gap:10px;font-size:16px}
.ptoc-m a{color:var(--ink-2);text-decoration:none}
@media(min-width:1080px){.ptoc-m{display:none}}

.pside{display:none}
@media(min-width:1080px){.pside{display:block;position:sticky;top:calc(var(--hh,72px) + 32px)}}
.pside-in{display:grid;gap:22px}
.ptoc{display:grid;gap:14px;font-size:14.5px}
.ptoc b{font-weight:600;color:var(--ink);font-size:15px}
.ptoc ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ptoc a{position:relative;display:block;padding:7px 0 7px 18px;color:#6B7078;text-decoration:none;line-height:1.35;transition:color .4s var(--ease)}
.ptoc a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#C9CDD2;transition:background .4s var(--ease),transform .4s var(--ease)}
.ptoc a:hover{color:var(--ink)}
.ptoc a.on{color:var(--ink);font-weight:500}
.ptoc a.on::before{background:#1C8754;transform:scale(1.35)}
.pside-cta{display:grid;gap:10px;justify-items:start;padding:24px;border-radius:22px;background:#0D0E10;color:#B3B7BE;font-size:14.5px;line-height:1.5}
.pside-cta b{color:#fff;font-size:18px;font-weight:600}
.pside-cta p{margin:0}
.pside-cta .btn{margin-top:6px}

.pcta{display:grid;gap:20px;align-items:center;padding:30px;border-radius:26px;background:linear-gradient(160deg,#1A1C20,#0A0A0B 65%);color:#B3B7BE;font-size:16px;line-height:1.6}
@media(min-width:720px){.pcta{grid-template-columns:minmax(0,1fr) auto;gap:28px;padding:34px 36px}}
.pcta h3{color:#fff;font-size:22px;margin-bottom:6px}
.pcta p{margin:0}

.post-calc{display:grid;gap:18px;padding:28px;border-radius:24px;background:#0D0E10;color:#B3B7BE;font-size:16px;line-height:1.6}
.pc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pc-cell{display:grid;gap:6px;padding:18px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);min-width:0;container-type:inline-size}
.pc-cell span{font-size:14px;color:#B3B7BE}
.pc-cell b{font-size:min(52px,22cqi);line-height:1;font-weight:500;letter-spacing:-.035em;color:#fff;white-space:nowrap}
.pc-cell b.g{color:#6FD29D}
.pc-ex{justify-self:start;font-size:12.5px;font-weight:600;color:#0D0E10;background:#B3B7BE;border-radius:999px;padding:4px 10px}

.post-steps{list-style:none;counter-reset:ps;margin:0;padding:0;display:grid;gap:12px}
.post-steps li{counter-increment:ps;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:20px 22px;border-radius:20px;background:#F5F6F8;font-size:16.5px;line-height:1.6}
.post-steps li::before{content:counter(ps);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0D0E10;color:#6FD29D;font-weight:600;font-size:15px}

.pfaqs{display:grid;gap:12px}
.pfaq{border-radius:18px;background:#fff;padding:0 24px;box-shadow:0 0 0 1px rgba(13,14,16,.07),0 14px 30px -24px rgba(13,14,16,.35);interpolate-size:allow-keywords}
.pfaq summary{list-style:none;cursor:pointer;position:relative;padding:22px 40px 22px 0;font-size:17.5px;font-weight:600;line-height:1.4;color:var(--ink)}
.pfaq summary::-webkit-details-marker{display:none}
.pfaq summary::after{content:"+";position:absolute;right:0;top:19px;font-size:22px;font-weight:400;color:#6B7078;transition:transform .45s var(--ease)}
.pfaq[open] summary::after{transform:rotate(45deg)}
.pfaq p{padding-bottom:22px;font-size:16.5px}
.pfaq::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .5s var(--ease),opacity .5s var(--ease),content-visibility .5s allow-discrete}
.pfaq[open]::details-content{block-size:auto;opacity:1}
.ptoc-m{interpolate-size:allow-keywords}
.ptoc-m::details-content{block-size:0;overflow:hidden;transition:block-size .5s var(--ease),content-visibility .5s allow-discrete}
.ptoc-m[open]::details-content{block-size:auto}

.plinks .near a{background:#fff;border:0;box-shadow:0 0 0 1px rgba(13,14,16,.1);text-decoration:none!important;min-height:40px;display:inline-flex;align-items:center;transition:box-shadow .4s var(--ease)}
.plinks .near a:hover{box-shadow:0 0 0 1px rgba(13,14,16,.3)}
.ptowns{margin-top:-6px}
.ptowns a{color:#4A4F57!important}

.bmore .wrap{display:grid;gap:28px}
.bmore-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px}
.bmore-head h2{font-size:clamp(28px,3vw,40px)}

@media(max-width:560px){
  .bfeat-in{border-radius:26px;padding:8px}
  .bc-cover.big{min-height:240px;padding:26px}
  .pshort{padding:24px 22px}
  .pshort p{font-size:18px}
  .pbody{font-size:17px;gap:48px}
  .pcta,.post-calc{padding:24px 22px}
  .post-steps li{padding:18px;grid-template-columns:34px minmax(0,1fr);gap:12px}
  .pfaq{padding:0 20px}
}
@media(prefers-reduced-motion:reduce){.bpost,.bchip,.bfeat-in,.bcard a,.bc-glow,.ptoc a,.pfaq::details-content,.ptoc-m::details-content{transition:none}}
.bempty[hidden],.bpost[hidden]{display:none}
.page-hero.wv-hero.bhero{padding-bottom:56px}
@media(min-width:900px){.page-hero.wv-hero.bhero{padding-bottom:72px}}
.blist{padding-top:8px}
.psec .bullets{display:grid;gap:14px;margin:0;padding:0}
.psec .bullets li{display:block;position:relative;padding-left:30px}
.psec .bullets li::before{position:absolute;left:0;top:0;color:#1C8754}
.page-hero.wv-hero.phero{padding-bottom:48px}
@media(min-width:900px){.page-hero.wv-hero.phero{padding-bottom:64px}}
.pbody-sec{padding-top:24px}
@media(min-width:900px){.pbody-sec{padding-top:40px}}
.post-steps li{display:block;position:relative;padding:22px 22px 22px 74px}
.post-steps li::before{position:absolute;left:22px;top:18px}
.post-steps li b{display:block;margin-bottom:2px}
@media(max-width:560px){.post-steps li{padding:18px 18px 18px 62px}.post-steps li::before{left:16px;top:16px}}
.bnext,.bmore{padding-top:clamp(48px,6vw,80px)}
@media(min-width:1080px){.bgrid:has(>.bpost:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}