@layer components{.bl-share{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.bl-share .mono{margin-right:8px}.bl-share a,.bl-share button{border:1px solid var(--line-2);background:var(--white);width:42px;height:42px;color:var(--fg);cursor:pointer;transition:border-color .25s var(--e), background-color .25s var(--e);border-radius:999px;place-items:center;display:grid}.bl-share [role=status]{margin-left:6px}@media (hover:hover){.bl-share a:hover,.bl-share button:hover{border-color:var(--fg);background:var(--paper)}}}
@layer components{.bl-page{padding-top:clamp(28px,3vw,44px)}.bl-page>.bl-article{grid-column:main-start/span 8}.bl-page>.bl-aside{flex-direction:column;grid-column:c10/main-end;gap:clamp(16px,1.8vw,22px);display:flex}.bl-cat{color:var(--blue-600);transition:border-color .25s var(--e);border-bottom:1px solid #0000;display:inline-block}.bl-article h1{max-width:none;margin-top:12px}.bl-meta{font-size:var(--sm);color:var(--fg-quiet);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px 22px;margin-top:18px;display:flex}.bl-meta span{align-items:center;gap:8px;display:inline-flex}.bl-meta .glyph{width:18px;height:18px}.bl-shot{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);margin-top:clamp(26px,2.8vw,36px);display:flex;overflow:hidden}.bl-shot img{object-fit:contain;width:100%;height:100%}.bl-intro{max-width:var(--m-body);margin-top:clamp(26px,2.8vw,36px)}.bl-prose{counter-reset:section;margin-top:clamp(28px,3vw,40px)}.bl-prose .prose h2{counter-increment:section}.bl-prose .prose h2:before{content:counter(section) ". "}.bl-prose .prose>h2:first-child{margin-top:0}.bl-author{border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;margin-top:clamp(36px,3.8vw,52px);padding:22px 24px;display:grid}.bl-author .mono{margin-bottom:4px;display:block}.bl-author b{font-family:var(--display);font-size:var(--h4);color:var(--fg)}.bl-author .sm{display:block}.bl-author p{font-size:var(--sm);color:var(--fg-muted);margin-top:4px;line-height:1.55}.bl-nav{border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(28px,3vw,40px);display:grid;overflow:hidden}.bl-nav a{color:inherit;transition:background-color .25s var(--e);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:20px 22px;display:grid}.bl-nav .next{text-align:right;border-left:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto}.bl-nav .prev svg{rotate:180deg}.bl-nav .mono{margin-bottom:5px;display:block}.bl-nav b{font-family:var(--display);font-weight:600;font-size:var(--sm);color:var(--fg);line-height:1.35}.bl-nav svg{color:var(--fg-quiet);transition:translate .35s var(--e)}.bl-side-search{position:relative}.bl-side-search input{border:1px solid var(--line-2);width:100%;min-height:42px;font-family:var(--sans);font-size:var(--sm);color:var(--fg);background:var(--white);transition:border-color .25s var(--e);border-radius:999px;padding:8px 42px 8px 16px}.bl-side-search input::placeholder{color:var(--fg-quiet)}.bl-side-search input:focus{border-color:var(--fg)}.bl-side-search svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:16px;height:16px;color:var(--fg-quiet);pointer-events:none;position:absolute;top:50%;right:15px;translate:0 -50%}.bl-cta-card{border-radius:var(--r-lg);padding:clamp(24px,2.4vw,30px);position:relative;overflow:hidden}.bl-cta-card h2{font-size:var(--h3);max-width:none}.bl-cta-card p{font-size:var(--sm);margin-top:10px;line-height:1.55}.bl-cta-card .btn{--btn-bg:#fff;--btn-fg:var(--ink);margin-top:20px}.bl-cta-card .halftone{z-index:-1;opacity:.9;position:absolute;bottom:-40px;right:-30px;-webkit-mask-image:radial-gradient(circle at 70% 70%,#000 30%,#0000 72%);mask-image:radial-gradient(circle at 70% 70%,#000 30%,#0000 72%)}@media (hover:hover){.bl-cat:hover{border-bottom-color:var(--blue-600)}.bl-nav a:hover{background:var(--paper)}.bl-nav a:hover b{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.bl-nav .next:hover svg{translate:4px}.bl-nav .prev:hover svg{translate:-4px}}@media (max-width:1023px){.bl-page>.bl-article,.bl-page>.bl-aside{grid-column:main-start/main-end}.bl-page>.bl-aside{margin-top:clamp(40px,5vw,56px)}}@media (max-width:768px){.bl-shot{aspect-ratio:4/3}.bl-nav{grid-template-columns:minmax(0,1fr)}.bl-nav .next{border-left:0;border-top:1px solid var(--line)}.bl-nav .prev:empty,.bl-nav .next:empty{display:none}}}
