/* SidusTech · blog */
body{margin:0}
main{min-height:60vh}
.bwrap{padding-block:clamp(36px,6vh,72px) 80px}
.bwrap h1{margin:12px 0 10px}
.lead{color:var(--ink-2);font-size:17px;margin:0 0 28px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.filters button{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:transparent;border:1px solid var(--line-2);border-radius:2px;min-height:38px;padding:0 14px;cursor:pointer}
.filters button.on,.filters button:hover{color:var(--ice);border-color:var(--ice)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.pcard{display:flex;flex-direction:column;background:var(--ground-2);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .25s,transform .25s;min-width:0}
.pcard:hover{border-color:rgba(143,227,255,.55);transform:translateY(-3px)}
.pimg{aspect-ratio:16/9;overflow:hidden;background:var(--ground-3)}
.pimg img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.pimg.ph{background:radial-gradient(circle at 30% 30%,rgba(143,227,255,.18),transparent 60%),linear-gradient(135deg,var(--ground-3),var(--ground-2))}
.pbody{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.pbody h2{font-size:19px;line-height:1.25;font-stretch:106%}
.pbody p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55;flex:1}
.pdate{font-size:12px;color:var(--ink-3)}
.post{max-width:780px;padding-block:clamp(32px,5vh,64px) 80px}
.crumb{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px}
.crumb a{color:var(--ink-2);text-decoration:none}
.post h1{font-size:clamp(28px,3.6vw,46px);line-height:1.08}
.meta{color:var(--ink-3);font-size:13px;margin:14px 0 28px}
.hero{margin:0 0 32px;border:1px solid var(--line)}
.hero img{display:block;width:100%;height:auto}
.content{font-size:17px;line-height:1.75;color:var(--ink-2);overflow-wrap:break-word}
.content p{margin:0 0 1.1em}
.content h2{color:var(--ink);font-size:clamp(21px,2.2vw,26px);margin:1.8em 0 .6em;line-height:1.2}
.content h3{color:var(--ink);font-size:clamp(18px,1.9vw,21px);margin:1.6em 0 .6em;line-height:1.3}
.content strong{color:var(--ink);font-weight:600}
.content ul,.content ol{padding-left:22px;margin:0 0 1.2em}
.content li{margin-bottom:.4em}
.content a{color:var(--ice)}
.content img{max-width:100%;height:auto;display:block;margin:1.4em auto;border:1px solid var(--line);background:#fff}
.content img.alignright{float:right;margin:.3em 0 1em 1.4em;max-width:45%}
.content img.alignleft{float:left;margin:.3em 1.4em 1em 0;max-width:45%}
.content::after{content:"";display:block;clear:both}
@media (max-width:600px){.content img.alignright,.content img.alignleft{float:none;max-width:100%;margin:1.2em auto}}
.cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin:48px 0;padding:24px;border:1px solid rgba(143,227,255,.35);background:linear-gradient(135deg,rgba(143,227,255,.08),transparent)}
.cta div:first-child{flex:1 1 300px;color:var(--ink-2);line-height:1.6}
.cta b{color:var(--ink)}
.ctab{display:flex;gap:10px;flex-wrap:wrap}
.more h2{margin-bottom:18px}
.bfoot{border-top:1px solid var(--line)}
.bfoot .inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:22px;font-family:var(--f-mono);font-size:12px;color:var(--ink-3)}
.bfoot a{color:var(--ink-2);text-decoration:none}