.post-hero .hero-in{max-width:980px}.post-back{font-family:var(--mono);font-size:var(--t-s);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);border:1px solid var(--line-2);transition:color .25s var(--ease), border-color .25s var(--ease);border-radius:99px;align-items:center;gap:8px;padding:6px 14px 6px 11px;display:inline-flex}.post-back:hover{color:#fff;border-color:#ffffff59}.post-back span{transition:transform .3s var(--ease)}.post-back:hover span{transform:translate(-3px)}.post-h{text-wrap:balance;margin-top:22px}.doc-date{flex-wrap:wrap;justify-content:center;gap:8px 18px;display:flex}.doc-date>*+:before{content:"·";color:var(--fg-4);margin-right:18px}.post-body{max-width:900px}.post-cover{margin:0 0 clamp(48px,6vw,72px)}.post-cover .hl-media{aspect-ratio:16/8}.post-text{max-width:720px;margin-inline:auto}.post-text strong{color:#fff;font-weight:600}.post-text ul{gap:12px;margin:18px 0;padding:0;list-style:none;display:grid}.post-text ul li{padding-left:26px;position:relative}.post-text ul li:before{content:"";background:#fff9;border-radius:50%;width:6px;height:6px;position:absolute;top:.7em;left:4px}.post-cta{border:1px solid var(--line-2);background:radial-gradient(80% 120% at 0 0,#ffffff0f,#0000 60%),#ffffff05;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:720px;margin:72px auto 0;padding:22px 24px;display:flex}.post-cta p{font-size:var(--t-s);color:var(--fg-3)}.post-cta .post-cta-h{font-size:var(--t-m);color:#fff;margin-bottom:4px;font-weight:600}.post-cta-btns{flex-wrap:wrap;gap:10px;display:flex}.more-posts{max-width:900px;margin:clamp(72px,9vw,120px) auto 0}.pl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pl-card{border:1px solid var(--line);min-height:150px;transition:border-color .3s var(--ease), background .3s var(--ease), transform .4s var(--spring);background:#ffffff05;border-radius:18px;flex-direction:column;gap:18px;padding:18px 18px 20px;display:flex;position:relative}.pl-card:hover{background:#ffffff0b;border-color:#ffffff4d;transform:translateY(-2px)}.pl-card b{font-size:var(--t-m);letter-spacing:-.01em;margin-top:auto;padding-right:30px;font-weight:600;line-height:1.3}.pl-meta{font-family:var(--mono);font-size:var(--t-s);color:var(--fg-4);gap:12px;display:flex}.pl-meta>span{color:var(--fg-2)}.pl-go,.bl-read span{transition:transform .35s var(--ease)}.pl-go{border:1px solid var(--line-2);width:22px;height:22px;transition:background .3s var(--ease), border-color .3s var(--ease);border-radius:50%;position:absolute;bottom:20px;right:16px}.pl-go:after{content:"";border-top:1.5px solid #fff;border-right:1.5px solid #fff;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-65%,-50%)rotate(45deg)}.pl-card:hover .pl-go{background:#fff;border-color:#fff}.pl-card:hover .pl-go:after{border-color:#000}.bl-list{gap:10px;display:grid}.bl-card{border:1px solid var(--line);transition:border-color .3s var(--ease), background .3s var(--ease), transform .4s var(--spring);background:#ffffff05;border-radius:22px;display:grid;position:relative;overflow:hidden}.bl-card:hover{background:#ffffff0a;border-color:#ffffff4d;transform:translateY(-2px)}.bl-card.is-big{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.bl-card.is-big .hl-media{aspect-ratio:auto;border:0;border-right:1px solid var(--line);border-radius:0;min-height:340px}.bl-body{flex-direction:column;gap:14px;padding:24px;display:flex}.bl-card.is-big .bl-body{justify-content:center;padding:clamp(24px,3.5vw,44px)}.bl-body b{font-size:var(--t-m);letter-spacing:-.01em;font-weight:600;line-height:1.3}.bl-desc{font-size:var(--t-s);color:var(--fg-3);line-height:1.6}.bl-read{font-size:var(--t-s);color:var(--fg-2);transition:color .25s var(--ease);margin-top:auto;padding-top:6px;font-weight:600}.bl-read span{display:inline-block}.bl-card:hover .bl-read{color:#fff}.bl-card:hover .bl-read span{transform:translate(4px)}.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bl-grid .bl-card{min-height:230px}.pc{width:min(80%,420px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pc-head{font-family:var(--mono);font-size:var(--t-s);color:var(--fg-4);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pc-ok{color:var(--ok);opacity:0;transition:opacity .4s var(--ease);border:1px solid #3ee08f66;border-radius:99px;padding:3px 10px}.pc.is-done .pc-ok{opacity:1}.pc-list{grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.pc-list li{border:1px solid var(--line);height:42px;font-size:var(--t-s);transition:border-color .35s var(--ease), background .35s var(--ease);background:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:0 12px 0 14px;display:flex}.pc-list code{font-family:var(--mono);color:#fff;min-width:96px}.pc-list span{min-width:0;color:var(--fg-4);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pc-tick{border:1px solid var(--line-2);width:22px;height:22px;transition:background .35s var(--ease), border-color .35s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.pc-tick svg{width:12px;height:12px}.pc-tick path{stroke-dasharray:22;stroke-dashoffset:22px;transition:stroke-dashoffset .45s var(--ease) .1s}.pc-list li.is-on{border-color:var(--line-2);background:#ffffff0d}.pc-list li.is-on span{color:var(--fg-2)}.pc-list li.is-on .pc-tick{color:#000;background:#fff;border-color:#fff}.pc-list li.is-on .pc-tick path{stroke-dashoffset:0}.pc-list li.is-opt{border-style:dashed}.pc-list li.is-opt.is-on .pc-tick{border-color:var(--line-2);color:var(--fg-3);background:0 0}@media (max-width:900px){.bl-card.is-big{grid-template-columns:minmax(0,1fr)}.bl-card.is-big .hl-media{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--line);min-height:0}.pl-grid{grid-template-columns:minmax(0,1fr)}.pl-card{min-height:0}}@media (max-width:640px){.bl-grid{grid-template-columns:minmax(0,1fr)}.bl-grid .bl-card{min-height:0}.doc-date>*+:before{margin-right:8px}.doc-date{gap:6px 8px}.pc{width:92%}.post-cover .hl-media{aspect-ratio:auto;height:340px}.pc-list li{gap:10px;padding:0 10px}.pc-list code{min-width:84px}}