.blog-article__toolbar{border-bottom:1px solid var(--border);align-items:center;gap:.5rem .75rem;padding-bottom:.625rem;display:flex}.blog-article__toolbar-back{color:var(--muted-foreground);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;transition:color .2s;display:inline-flex}.blog-article__toolbar-back:hover{color:var(--primary)}.blog-article__toolbar-meta{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:.375rem;min-width:0;display:flex}.blog-article__toolbar-badge{min-width:0}.blog-sidebar{border-inline-start:1px solid var(--border);text-align:left;flex-direction:column;gap:0;padding-inline-start:1rem;display:flex}@media (width<=1023px){.blog-sidebar{padding-inline-start:0;border-inline-start:none;border-top:1px solid var(--border);padding-top:.5rem}}.blog-sidebar__block{text-align:left;padding-block:.875rem}.blog-sidebar__block+.blog-sidebar__block{border-top:1px solid var(--border)}.blog-sidebar__block--shop{padding-bottom:.25rem}.blog-sidebar__heading{text-align:left;min-width:0;max-width:100%;font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.6875rem;font-weight:600;display:flex}.blog-sidebar__heading-text{text-align:left;min-width:0}.blog-sidebar__toc-list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.blog-sidebar__toc-item--nested{padding-left:.625rem}.blog-sidebar__truncate{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.blog-sidebar__toc-link{border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-align:left;width:100%;max-width:100%;color:var(--muted-foreground);border-left:2px solid #0000;padding:.25rem .375rem .25rem .5rem;font-size:.75rem;line-height:1.4;transition:color .15s,background-color .15s,border-color .15s;display:block}.blog-sidebar__toc-link:hover{color:var(--primary);background:color-mix(in oklch, var(--primary) 6%, transparent)}.blog-sidebar__toc-link.is-active{border-left-color:var(--primary);background:color-mix(in oklch, var(--primary) 10%, transparent);color:var(--primary);font-weight:600}.blog-sidebar__list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.blog-sidebar__link{text-align:left;border-radius:var(--radius-sm);min-width:0;max-width:100%;color:var(--muted-foreground);justify-content:flex-start;align-items:center;gap:.375rem;padding:.3125rem .25rem;font-size:.75rem;line-height:1.35;transition:color .15s,background-color .15s;display:flex}.blog-sidebar__link:hover{color:var(--primary);background:color-mix(in oklch, var(--primary) 6%, transparent)}.blog-sidebar__cta{text-align:left;max-width:100%;min-height:2.25rem;font-size:.8125rem}.reading-tools{border-radius:var(--radius-lg);border:1px solid color-mix(in oklch, var(--primary) 22%, var(--border));background:color-mix(in oklch, var(--card) 92%, var(--primary) 3%);flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem;display:flex}.reading-tools__progress{flex-direction:column;align-items:center;gap:.35rem;display:flex}.reading-tools__ring-wrap{width:4.25rem;height:4.25rem;position:relative}.reading-tools__ring{width:100%;height:100%;display:block}.reading-tools__ring-track{stroke:color-mix(in oklch, var(--muted-foreground) 35%, transparent);stroke-width:3px}.reading-tools__ring-progress{stroke:var(--primary);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .2s}@media (prefers-reduced-motion:reduce){.reading-tools__ring-progress{transition:none}}.reading-tools__percent{font-variant-numeric:tabular-nums;color:var(--foreground);justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex;position:absolute;inset:0}.reading-tools__minutes{color:var(--muted-foreground);margin:0;font-size:.6875rem;font-weight:500}.reading-tools__actions{flex-direction:column;gap:.375rem;display:flex}.reading-tools__btn{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in oklch, var(--background) 70%, transparent);width:100%;color:var(--foreground);cursor:pointer;justify-content:flex-start;align-items:center;gap:.45rem;padding:.45rem .55rem;font-size:.75rem;font-weight:600;line-height:1.25;transition:transform .18s,opacity .18s,box-shadow .18s;display:inline-flex}.reading-tools__btn:hover{box-shadow:0 0 14px color-mix(in oklch, var(--primary) 28%, transparent);border-color:color-mix(in oklch, var(--primary) 40%, var(--border))}.reading-tools__btn:active{opacity:.92;transform:scale(.97)}.reading-tools__btn-icon{color:var(--primary);flex-shrink:0;transition:transform .18s,opacity .18s;display:inline-flex}.reading-tools__btn:hover .reading-tools__btn-icon{transform:translateY(-1px)}.reading-tools__btn[data-reading-copy]:hover .reading-tools__btn-icon{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.reading-tools__btn{transition:opacity .18s}.reading-tools__btn:active,.reading-tools__btn-icon,.reading-tools__btn:hover .reading-tools__btn-icon,.reading-tools__btn[data-reading-copy]:hover .reading-tools__btn-icon{transform:none}}.reading-tools__icon-layer{transition:opacity .15s;display:inline-flex}.reading-tools__icon-layer.is-hidden{display:none}
