/* The Brand Breakdown newsletter issue layout */
.nl .nl-head{padding-bottom:6px}
.nl-eyebrow{display:inline-block;margin-top:22px;font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#a8262b}
.nl h1{font-size:clamp(36px,5.4vw,60px);line-height:1.02;letter-spacing:-.02em;margin-top:10px}
.nl .lede{font-size:clamp(18px,2vw,21px);line-height:1.5;color:#45423a}
.nl-score{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:26px 0 12px;border:1px solid var(--ink,#16150f);border-radius:16px;background:#fffdf9;overflow:hidden}
.nl-score>div{padding:14px 16px;border-left:1px solid #e3dccd;display:flex;flex-direction:column;gap:2px}
.nl-score>div:first-child{border-left:0;background:#16150f;color:#fff}
.nl-sk{font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.nl-score b{font:800 34px/1 var(--disp,'Bricolage Grotesque',system-ui);letter-spacing:-.03em}
.nl-score i{font-style:normal;font-size:13px;opacity:.75}
.nl-scope{font-size:14px;color:#6d625a;margin:10px 0 18px;line-height:1.55}
.nl-scope a{color:inherit}
.nl-toc{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.nl-toc a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #d4cbb8;border-radius:999px;font:600 13.5px var(--sans);color:#16150f;text-decoration:none;background:#fffdf9;transition:background .15s,border-color .15s}
.nl-toc a b{font:700 11px var(--mono,ui-monospace,monospace);color:#a8262b}
.nl-toc a:hover{background:#fff1de;border-color:#16150f}
.nl-body{counter-reset:none}
.nl-sec{padding-top:34px;margin-top:34px;border-top:1px solid #e3dccd;scroll-margin-top:90px}
.nl-sec:first-of-type{border-top:0;margin-top:8px;padding-top:8px}
.nl-kick{display:flex;align-items:center;gap:10px;font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#6d625a}
.nl-kick b{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:999px;background:#16150f;color:#ffd23f;font:700 12px var(--mono,ui-monospace,monospace);letter-spacing:.04em}
.prose .nl-sec h2{margin-top:.35em;font-size:clamp(27px,3.6vw,38px);line-height:1.1;letter-spacing:-.015em}
.nl-sec p{margin:0 0 1.05em}
/* snippets */
.snip{margin:26px 0 30px;padding:0}
.snip-frame{background:#fff;border:1px solid #e3dccd;border-radius:14px;box-shadow:0 1px 0 rgba(22,21,15,.04),0 18px 40px -26px rgba(22,21,15,.38);overflow:hidden;line-height:0}
.snip-frame img{display:block;width:100%;height:auto}
.snip.wide{width:min(940px,calc(100vw - 40px));margin-left:50%;transform:translateX(-50%)}
.snip.strip .snip-frame{border-radius:10px}
.snip.half{max-width:460px;margin-left:auto;margin-right:auto}
.snip.tall .snip-frame{max-width:300px;margin:0 auto;border-radius:22px;border:6px solid #16150f;box-shadow:0 22px 44px -28px rgba(22,21,15,.6)}
.snip figcaption{margin-top:12px;padding-left:14px;border-left:3px solid #d4cbb8}
.snip.t-like figcaption,.snip.t-steal figcaption{border-left-color:#1f6a47}
.snip.t-fix figcaption{border-left-color:#ff5c39}
.snip.t-note figcaption{border-left-color:#a97e35}
.snip.tall figcaption{max-width:340px;margin-left:auto;margin-right:auto}
.snip figcaption p{margin:0;font-size:15.5px;line-height:1.55;color:#2b2923}
.snip figcaption p b{font-weight:700}
.snip.t-like figcaption p b,.snip.t-steal figcaption p b{color:#1f6a47}
.snip.t-fix figcaption p b{color:#c2401f}
.snip.t-note figcaption p b{color:#8a6420}
.snip-src{display:block;margin-top:5px;font-size:12px;color:#857f72;letter-spacing:.01em}
.snip-src a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.snip-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;width:min(940px,calc(100vw - 40px));margin:26px 0 30px 50%;transform:translateX(-50%)}
.snip-pair .snip{margin:0}
.snip-pair .snip.tall .snip-frame{max-width:280px}
.nl-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px;padding:16px;border:1px dashed #d4cbb8;border-radius:14px;background:#fffdf9}
.nl-also{margin-top:46px;padding-top:28px;border-top:3px double #16150f}
.nl-also-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.nl-also-grid a{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #e3dccd;border-radius:14px;background:#fffdf9;text-decoration:none;color:#16150f;transition:border-color .15s,transform .15s}
.nl-also-grid a:hover{border-color:#16150f;transform:translateY(-2px)}
.nl-also-grid b{font-size:16px;line-height:1.25}
.nl-also-grid span{font-size:14px;line-height:1.45;color:#6d625a}
.nl-money{font-size:14px;color:#6d625a;margin-top:26px}
.nl-money a{color:inherit}
@media (max-width:760px){
  .nl-score{grid-template-columns:repeat(2,1fr)}
  .nl-score>div:nth-child(3){border-left:0}
  .nl-score>div:nth-child(n+3){border-top:1px solid #e3dccd}
  .nl-score b{font-size:28px}
  .snip.wide,.snip-pair{width:auto;margin-left:0;transform:none}
  .snip-pair{grid-template-columns:1fr;gap:28px}
  .snip.tall .snip-frame,.snip-pair .snip.tall .snip-frame{max-width:250px}
  .nl-also-grid{grid-template-columns:1fr}
  .nl-toc a{padding:6px 10px;font-size:13px}
}