.kicker{font-size:15px;font-weight:600;color:var(--blue);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:6px 10px}
.kicker a{color:var(--blue)}
.kicker a:hover{color:var(--navy)}
.loading,.emptynote{color:var(--muted);padding:24px 0}
.loading a,.emptynote a{font-weight:600}
/* featured posts */
.feats{display:grid;gap:28px}
.feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center;background:#fff;border-radius:36px;padding:28px}
.feat:nth-child(even) .ph{order:2}
.feat .ph{aspect-ratio:16/11}
.feat .body{padding:12px 20px 12px 0}
.feat:nth-child(even) .body{padding:12px 0 12px 20px}
.feat .date{font-size:15px;color:var(--muted)}
.feat .cat{font-size:15px;font-weight:600;color:var(--blue);margin-top:4px}
.feat h3{font-size:clamp(28px,3vw,42px);margin-top:14px}
.feat h3 a{color:inherit}
.feat h3 a:hover{color:var(--blue)}
.feat p{color:var(--muted);margin-top:16px}
.feat .meta{margin-top:14px;font-size:14.5px;color:var(--muted)}
.feat .cta{margin-top:28px}
/* action columns inside navy band */
.acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid rgba(255,255,255,.2);padding-top:36px}
.acts h3{font-size:22px}
.acts p{margin-top:10px;font-size:16px}
.acts a{display:inline-block;margin-top:18px;color:#fff;font-weight:600;border-bottom:2px solid #fff;padding-bottom:2px}
.acts a:hover{color:var(--sky);border-color:var(--sky)}
/* post cards */
.pcard{display:flex;flex-direction:column;gap:18px;color:inherit;background:#fff;border-radius:var(--r);padding:14px 14px 26px}
a.pcard:hover{color:inherit}
.pcard .ph{aspect-ratio:4/3;border-radius:20px}
.pcard .ph img{transition:transform .6s}
.pcard:hover .ph img{transform:scale(1.03)}
.pcard .in{padding:0 12px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcard .date{font-size:14.5px;color:var(--muted)}
.pcard h3{font-size:22px}
.pcard:hover h3{color:var(--blue)}
.pcard p{color:var(--muted);font-size:15.5px}
.pcard .meta{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;color:var(--navy)}
.tcard{background:#fff;border-radius:var(--r);padding:30px;display:flex;flex-direction:column;gap:10px;color:inherit}
a.tcard:hover{color:inherit}
a.tcard:hover h3{color:var(--blue)}
.tcard .date{font-size:14.5px;color:var(--muted)}
.tcard h3{font-size:22px}
.tcard p{color:var(--muted);font-size:15.5px}
.ocard.on{outline:3px solid var(--blue);outline-offset:3px}
.more-row{margin-top:40px}
/* subscribe */
.sform{display:grid;gap:14px;min-width:min(420px,100%)}
/* single post */
.bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--blue);z-index:45}
.post-head{padding:70px 0 0}
.post-head h1{font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-.035em;max-width:20ch}
.byline{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:15.5px;color:var(--muted);align-items:center}
.byline b{color:var(--navy);font-weight:600}
.byline .face{display:none;width:56px;height:56px;border-radius:50%;flex:0 0 auto}
.leadphoto{margin-top:48px;aspect-ratio:16/9}
.article{max-width:760px;margin:0 auto;padding:64px 0 20px;font-size:18.5px;line-height:1.8;color:var(--ink)}
.article>*:first-child{margin-top:0}
.article p,.article div{margin:0 0 1.2em}
.article h2,.article h3,.article h4{margin:1.8em 0 .6em;line-height:1.2}
.article h2{font-size:32px}
.article h3{font-size:26px}
.article h4{font-size:21px}
.article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.article img{height:auto;border-radius:20px;margin:1.6em auto}
.article ul,.article ol{padding-left:1.3em;margin:0 0 1.3em}
.article li{margin-bottom:.5em}
.article blockquote{margin:1.8em 0;padding:28px 32px;background:var(--sky);border-radius:22px;font-size:21px;font-weight:600;color:var(--navy);line-height:1.5}
.article pre,.article code{font-family:ui-monospace,Menlo,monospace;font-size:15px;background:var(--soft);border-radius:10px}
.article code{padding:2px 6px}
.article pre{padding:20px;overflow:auto;white-space:pre-wrap}
.article table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:16px;display:block;overflow-x:auto}
.article td,.article th{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.article iframe,.article video{max-width:100%;border-radius:20px}
.article hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.need{max-width:760px;margin:24px auto 0;background:var(--soft);border-radius:var(--r);padding:40px}
.need h3{font-size:26px}
.need .hint{color:var(--muted);margin-top:8px;font-size:15.5px}
.need ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.need li{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:16px;padding:16px 18px;cursor:pointer;font-size:16.5px;min-height:44px;transition:background .2s}
.need li .box{flex:0 0 auto;width:24px;height:24px;border-radius:8px;border:2px solid var(--line-2);margin-top:1px;display:grid;place-items:center;transition:background .2s,border-color .2s}
.need li.done{background:var(--sky)}
.need li.done .box{background:var(--blue);border-color:var(--blue)}
.need li.done .box::after{content:"";width:10px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.need li.done span:last-child{color:var(--muted);text-decoration:line-through}
.need .tally{margin-top:16px;font-size:15px;font-weight:600;color:var(--navy)}
/* founder note skin */
.skin-note .post-head .wrap{background:var(--navy);border-radius:36px;padding:64px 64px 56px}
.skin-note .post-head h1{color:#fff}
.skin-note .kicker,.skin-note .kicker a{color:#9CC9F0}
.skin-note .byline{color:rgba(255,255,255,.82)}
.skin-note .byline b{color:#fff}
.skin-note .byline .face{display:block;border:3px solid #fff}
.skin-note .article>p:first-of-type{font-size:22px;line-height:1.7;color:var(--navy);font-weight:500}
@media (max-width:1000px){
.feat,.feat:nth-child(even){grid-template-columns:1fr;gap:28px}
.feat:nth-child(even) .ph{order:0}
.feat .body,.feat:nth-child(even) .body{padding:0 8px 8px}
.acts{grid-template-columns:1fr;gap:32px}
}
@media (max-width:640px){
.feat{padding:14px;border-radius:28px}
.post-head{padding:44px 0 0}
.skin-note .post-head .wrap{padding:40px 24px;border-radius:0}
.leadphoto{aspect-ratio:4/3;margin-top:32px}
.article{font-size:17.5px;padding-top:44px}
.need{padding:26px 20px}
}