/* Blog article styles, shared by every post.
   Loaded after cre8.css because .art h2 and .sec h2 carry the same specificity -
   the article rule only wins by coming later. */
.art{max-width:820px}
.art>p{font-size:clamp(17.5px,1.4vw,20px);color:var(--mu);margin-bottom:1.25em;line-height:1.72}
.art>p strong{color:var(--ink);font-weight:600}
.art h2{font-size:clamp(25px,2.9vw,40px);margin:clamp(40px,4.2vw,64px) 0 18px;padding-top:clamp(24px,2.6vw,38px);border-top:1px solid var(--ln);max-width:none}
.art h3{font-size:clamp(19px,1.8vw,25px);margin:clamp(26px,2.8vw,38px) 0 12px;color:var(--ink)}
.art ul,.art ol{list-style:none;margin:0 0 1.3em}
.art li{color:var(--mu);font-size:17px;line-height:1.62;padding:11px 0 11px 26px;border-bottom:1px solid var(--ln2);position:relative}
.art li::before{content:"→";position:absolute;left:0;color:var(--tl)}
.art ol{counter-reset:s}
.art ol li{counter-increment:s}
.art ol li::before{content:counter(s,decimal-leading-zero);font-family:'Karla',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.01em;top:11px}
.art a{color:var(--tl);text-decoration:underline;text-underline-offset:2px}
.meta{display:flex;gap:clamp(14px,2.4vw,32px);flex-wrap:wrap;align-items:baseline;border-top:1px solid var(--ln);padding-top:16px;margin-top:clamp(18px,2.2vw,28px)}
.meta span{font-family:'Karla',sans-serif;font-weight:600;font-size:13px;letter-spacing:.01em;color:var(--mu)}
.pull{border-left:2px solid var(--tl);padding:8px 0 8px 26px;margin:clamp(32px,3.6vw,50px) 0}
.pull p{font-size:clamp(21px,2.4vw,31px);font-weight:600;letter-spacing:-.04em;line-height:1.22;color:var(--ink)}
.note{border:1px solid var(--ln);padding:clamp(16px,1.8vw,24px);margin:clamp(26px,3vw,40px) 0}
.note b{display:block;font-size:15px;letter-spacing:-.03em;margin-bottom:8px}
.note p{color:var(--mu);font-size:16px;margin:0}
.next{border-top:1px solid var(--ink);margin-top:clamp(34px,4vw,60px);padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline}
.next b{font-size:clamp(18px,1.8vw,23px);letter-spacing:-.035em}
.art ul{list-style:none;margin:0 0 1.3em}