/* Shared editorial presentation for the blog archive and individual articles. */
.blog-page { background:#0e0e10;color:#eeeeef; }
.blog-post-main { padding:28px 16px 64px; }
.blog-post-main>nav,.blog-post-main>div { max-width:1440px;margin-left:auto;margin-right:auto; }
.blog-post-main>.blog-article-container { padding:0; }
.blog-post-article { width:100%;max-width:840px;margin:auto;backdrop-filter:none; }
.blog-post-article .blog-article-image { max-width:820px;aspect-ratio:auto;margin:24px auto 0;padding:0 24px; }
.blog-article-image>div { aspect-ratio:16/9;height:auto;border-radius:8px;box-shadow:none; }
.blog-article-image img { transform:none !important; }
.blog-post-main [hidden] { display:none !important; }
.blog-post-article .blog-article-header { max-width:820px;margin:auto;padding:28px 24px 24px;background:transparent;border:0; }
.blog-article-header>h1 { font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,54px);font-weight:600;line-height:1.15;letter-spacing:-.025em;max-width:26ch;color:#f5f4f0; }
.blog-post-article .blog-article-body { max-width:788px;margin-left:auto;margin-right:auto;padding:28px 24px; }
.blog-post-main>nav { max-width:820px;margin-bottom:16px;padding-inline:24px; }
.blog-post-main>div:not(.blog-article-container) { margin-bottom:12px; }
.blog-article-header>h1 { margin-bottom:20px; }
.blog-article-header .blog-article-meta { gap:10px 20px;margin-bottom:0;padding-bottom:20px;font-size:13px;color:#b3b3bd; }
.blog-article-meta i { display:none; }
.blog-article-meta a { color:#e1e1e8;text-decoration:underline;text-underline-offset:3px; }
.blog-article-header .blog-article-excerpt { margin-top:20px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none; }
.blog-article-header .blog-article-excerpt p { font-size:20px;font-weight:400;line-height:1.7;color:#bdbdc7; }
.blog-editorial-kicker { display:block;margin:0 0 18px;color:#fb858d;font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.1em;text-transform:uppercase; }
.blog-editorial-kicker span { margin:0 8px;color:#72727e; }
#reading-progress { position:fixed;inset:0 auto auto 0;height:3px;max-width:100%;background:#e50914;z-index:50;pointer-events:none; }
#blog-article-prose { overflow-wrap:anywhere;font-size:18px; }
#blog-article-prose :is(h2,h3,h4,h5,h6,strong) { background:none;-webkit-text-fill-color:currentColor; }
#blog-article-prose :is(h2,h3,h4,h5,h6) { color:#f5f5f7;line-height:1.35;letter-spacing:-.02em;scroll-margin-top:24px; }
#blog-article-prose h2 { margin-left:0;padding-left:14px;font-size:1.65em; }
#blog-article-prose h3 { font-size:1.35em; }
#blog-article-prose :is(p,li) { color:#dedee5;font-weight:400;letter-spacing:0;line-height:1.85; }
#blog-article-prose strong { color:#f5f5f7;font-weight:700; }
#blog-article-prose :is(ul,ol) { padding-left:1.5em; }
#blog-article-prose pre { box-sizing:border-box;max-width:100%;min-width:0;overflow-x:auto;white-space:pre;padding:16px;background:#15151d;border:1px solid #34343d;border-radius:10px;line-height:1.65; }
#blog-article-prose pre code { padding:0;background:transparent;font-weight:400; }
#blog-article-prose :is(pre,.table-scroll-wrapper) { color-scheme:dark;scrollbar-width:thin;scrollbar-color:#4b4c59 #17171d; }
#blog-article-prose img { max-width:100%;height:auto;border-radius:10px; }
.blog-author-note { margin-top:40px;padding:22px;background:#141418;border:1px solid #2d2d36;border-radius:14px; }
.blog-author-note .blog-editorial-kicker { margin-bottom:8px;color:#a7a7b3; }
.blog-article-body .blog-author-note h2 { margin:0 0 10px;padding:0;border:0;background:none;-webkit-text-fill-color:currentColor;color:#eeeeef;font-size:18px;line-height:1.4; }
.blog-article-body .blog-author-note p { max-width:65ch;margin:0 0 12px;font-size:14px;font-weight:400;line-height:1.8;letter-spacing:0;color:#b8b8c3; }
.blog-article-body .blog-author-note a { font-size:14px;font-weight:500;border:0;color:#e2e2e9;text-decoration:underline;text-underline-offset:3px; }
.blog-article-actions { box-sizing:border-box;width:calc(100% - 48px);max-width:752px;margin:0 auto 32px;padding:24px;background:#141418;border:1px solid #2d2d36;border-radius:16px; }
.blog-share-row { display:flex;align-items:flex-start;flex-direction:column;gap:18px; }
.blog-share-copy h2 { margin:0 0 6px;color:#f4f4f7;font-size:19px;font-weight:650;line-height:1.4; }
.blog-share-copy p { margin:0;color:#aeb0bf;font-size:14px;line-height:1.7; }
.blog-share-row nav { display:flex;flex-wrap:wrap;gap:10px; }
.blog-share-row :is(a,button) { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #3b3b46;border-radius:9px;font-size:14px;font-weight:500;color:#e2e2e9;background:#1c1c23;cursor:pointer; }
.blog-share-row a { background:transparent;border-color:transparent;color:#bcbecb; }
.blog-share-row :is(a,button):hover { background:#272730;border-color:#777782;color:#fff; }
.blog-share-row [data-blog-copy] { background:#efeff4;border-color:#efeff4;color:#17171d; }
.blog-share-row [data-blog-copy]:hover { background:#fff;border-color:#fff;color:#17171d; }
.blog-share-row svg { width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.blog-share-row button:disabled { opacity:.6;cursor:wait; }
.blog-share-status { min-height:0;margin:0;color:#c1c1cb;font-size:13px;line-height:1.6; }
.blog-share-status:not(:empty) { margin-top:14px; }
.blog-manual-copy { margin:12px 0; }
.blog-manual-copy label { display:block;margin-bottom:8px;color:#c1c1cb;font-size:13px; }
.blog-manual-copy input { width:100%;padding:12px;border:1px solid #555560;border-radius:6px;background:#16161d;color:#eee;font-size:14px; }
.blog-adjacent-posts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;padding-top:24px;border-top:1px solid #30303a; }
.blog-adjacent-posts a { min-width:0;padding:18px;border:1px solid #34343c;border-radius:8px;color:#eeeeef; }
.blog-adjacent-posts a:hover { background:#1a1a21;border-color:#6a6a78; }
.blog-adjacent-posts .blog-adjacent-next { grid-column:2;text-align:right; }
.blog-adjacent-posts span { display:block;margin-bottom:8px;color:#b9b9c5;font-size:12px; }
.blog-adjacent-posts strong { display:block;font-family:Georgia,'Times New Roman',serif;font-size:19px;font-weight:500;line-height:1.5;overflow-wrap:anywhere; }
.blog-reader-links { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-top:18px;padding-top:12px;border-top:1px solid #30303a; }
.blog-reader-links a { display:inline-flex;align-items:center;min-height:44px;color:#bfbfc9;font-size:13px; }
.blog-reader-links a:hover { color:#fb858d; }
.blog-post-main .blog-article-actions :is(a,button,input):focus-visible { outline:2px solid #ff8690;outline-offset:3px; }
.blog-reading-layout { min-width:0; }
.blog-reading-layout>#toc-container { max-width:740px;margin:28px auto 0; }
#toc-container { box-sizing:border-box;overflow:hidden;background:#141418;border:1px solid #2d2d36;border-radius:14px;color-scheme:dark; }
#toc-toggle { display:flex;width:100%;align-items:center;justify-content:space-between;min-height:72px;padding:16px 18px;text-align:left;gap:12px;background:transparent;cursor:pointer; }
#toc-toggle .toc-title { display:block;color:#f5f5f7;font-size:15px;font-weight:600;line-height:1.4; }
#toc-toggle .toc-count { display:block;margin-top:4px;color:#9295a5;font-size:12px;line-height:1.5; }
#toc-icon { width:18px;height:18px;flex:none;color:#aeb0bf;transition:transform .2s; }
#toc-toggle[aria-expanded="true"] #toc-icon { transform:rotate(180deg); }
#toc-list { max-height:min(420px,calc(100vh - 190px));overflow-y:auto;overscroll-behavior:contain;margin:0 8px;padding:8px;border-top:1px solid #2c2c36;scrollbar-width:thin;scrollbar-color:#4b4c59 transparent; }
#toc-list::-webkit-scrollbar { width:5px; }
#toc-list::-webkit-scrollbar-track { background:transparent; }
#toc-list::-webkit-scrollbar-thumb { background:#4b4c59;border-radius:8px; }
#toc-list a { box-sizing:border-box;display:flex;align-items:center;min-height:44px;padding:10px;border:0;border-radius:7px;color:#bfc1cf;font-size:14px;font-weight:500;line-height:1.65;white-space:normal;overflow-wrap:anywhere; }
#toc-list .toc-subsection { padding-left:22px;color:#999cac;font-size:13px;font-weight:400; }
#toc-list a:hover { color:#fff;background:#25252f; }
.toc-tools { padding:8px 16px 12px;border-top:1px solid #2c2c36; }
.toc-tools button { min-height:44px;padding:8px 4px;background:transparent;color:#d2d3df;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer; }
.toc-tools button:hover { color:#fff; }
.blog-article-body :is(a,button,pre):focus-visible { outline:2px solid #ff8690;outline-offset:3px; }
#toc-toggle:focus-visible,#toc-list a:focus-visible,.toc-tools button:focus-visible { outline:2px solid #ff8690;outline-offset:-3px; }
#blog-article-prose figure { max-width:100%;margin:28px 0; }
#blog-article-prose figure img { display:block;max-width:100%;margin:0 auto; }
#blog-article-prose figcaption { margin-top:10px;color:#b5b5c2;font-size:13px;font-weight:400;line-height:1.7;text-align:center; }
#blog-article-prose figcaption a { font-size:inherit;font-weight:400;text-decoration:underline;text-underline-offset:3px;border:0; }
.br-section { --br-border:#29292f;--br-muted:#a8a8b4;--br-accent:#ff6975;box-sizing:border-box;max-width:1320px;margin:24px auto 32px;padding:22px;background:#0c0c0f;border:1px solid var(--br-border);border-radius:20px;color:#f7f7fa;font-family:inherit;min-width:0; }
.br-section * { box-sizing:border-box; }
.br-section [hidden] { display:none !important; }
.br-heading-row,.br-guide-heading { display:flex;align-items:center;justify-content:space-between;gap:16px; }
.br-heading-copy { min-width:0; }
.br-eyebrow { display:block;margin-bottom:8px;color:var(--br-muted);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase; }
.br-section .br-heading { display:flex;align-items:center;gap:10px;margin:0;color:#f7f7fa;font-size:clamp(17px,1.5vw,21px);line-height:1.35;font-weight:700;letter-spacing:-.02em; }
.br-heading-icon { display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#e50914;color:#fff; }
.br-section svg { display:block;width:16px;height:16px;flex:none; }
.br-section .br-description { margin:10px 0 0;color:var(--br-muted);font-size:13px;line-height:1.5; }
.br-toolbar { display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:none; }
.br-section .br-browse { display:inline-flex;align-items:center;gap:5px;color:#e7e7ee;font-size:12px;line-height:1.4;font-weight:600;text-decoration:none;white-space:nowrap; }
.br-section .br-browse:hover { color:var(--br-accent); }
.br-controls { display:flex;align-items:center;gap:6px; }
.br-section .br-controls button { display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;height:44px;padding:0 10px;background:#1a1a20;border:1px solid #34343d;border-radius:9px;color:#e6e6ed;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;line-height:1; }
.br-section .br-controls button:hover { background:#27272f;border-color:#676774; }
.br-section .br-controls button:disabled { opacity:.45;cursor:default; }
.br-product-track { display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#44444f #111115;scroll-padding-inline:2px;margin-top:18px;padding:2px 2px 12px;min-width:0; }
.br-product-track::-webkit-scrollbar { height:4px; }
.br-product-track::-webkit-scrollbar-thumb { background:#44444f;border-radius:20px; }
.br-product-track::-webkit-scrollbar-track { background:#111115; }
.br-section .br-product-card { display:flex;flex-direction:column;flex:0 0 78%;min-width:0;overflow:hidden;background:#141418;border:1px solid var(--br-border);border-radius:13px;color:#f7f7fa;text-decoration:none;transition:border-color .2s,background-color .2s; }
.br-section .br-product-card:hover { background:#1a1a20;border-color:#8a3941; }
.br-product-image { aspect-ratio:16/10;overflow:hidden;background:#09090c;border-bottom:1px solid #25252c; }
.br-product-image img { display:block;width:100%;height:100%;padding:12px;object-fit:contain; }
.br-product-body { display:flex;flex:1;flex-direction:column;padding:14px; }
.br-section .br-product-title { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;margin:0 0 14px;color:#f7f7fa;font-size:14px;font-weight:650;line-height:20px;letter-spacing:0; }
.br-product-price { display:flex;align-items:center;gap:7px;margin-top:auto;font-size:11px;color:var(--br-muted); }
.br-product-price strong { margin-left:auto;font-size:17px;font-weight:750;color:#f7f7fa; }
.br-product-link { display:grid;place-items:center;flex:none;width:24px;height:24px;margin-left:3px;border:1px solid #4d252a;border-radius:50%;background:#2c1318;color:#ff8a92; }
.br-product-link svg { width:13px;height:13px; }
.br-guides { margin-top:20px;padding-top:18px;border-top:1px solid var(--br-border); }
.br-guides+.br-products { margin-top:28px;padding-top:24px;border-top:1px solid var(--br-border); }
.br-section>.br-guides:first-child { margin-top:0;padding-top:0;border:0; }
.br-guide-heading { margin-bottom:12px; }
.br-guide-heading h2 { margin:0;color:#ededf3;font-size:14px;font-weight:650;line-height:1.4; }
.br-guide-grid { display:grid;grid-template-columns:minmax(0,1fr);gap:12px; }
.br-section .br-guide-card { display:flex;align-items:center;gap:11px;min-width:0;padding:10px;border:1px solid var(--br-border);border-radius:11px;background:#131317;color:#f7f7fa;text-decoration:none;transition:border-color .2s,background-color .2s; }
.br-section .br-guide-card:hover { background:#1c1c23;border-color:#55555f; }
.br-guide-image { width:66px;height:66px;flex:none;overflow:hidden;border-radius:7px;background:#22222a; }
.br-guide-image img { display:block;width:100%;height:100%;object-fit:cover; }
.br-guide-copy { flex:1;min-width:0; }
.br-section .br-guide-copy h3 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px;color:#eaeaf1;font-size:14px;font-weight:600;line-height:1.45; }
.br-guide-copy>span { display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--br-muted);font-size:12px;line-height:1.4; }
.br-guide-copy svg { width:11px;height:11px; }
.br-section :is(a,button,[tabindex]):focus-visible { outline:2px solid #ff8690;outline-offset:3px; }
.blog-index { max-width:1240px;margin:0 auto;padding:48px 24px 64px; }
.blog-index .blog-top-row { align-items:center;margin-bottom:26px;gap:20px; }
.blog-index .blog-kicker { margin-bottom:12px; }
.blog-index .blog-kicker span { font-size:11px;color:#b9b9c3;font-weight:500; }
.blog-index #page-title { font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.15;letter-spacing:-.025em;color:#f5f4f0; }
.blog-index #page-subtitle { margin-top:16px;max-width:42rem;font-size:16px;line-height:1.75;color:#b4b4bf; }
.blog-index .blog-count { border:0;background:transparent;color:#a7a7b3;padding:0;font-size:13px; }
.blog-index .blog-tools { gap:10px;padding-bottom:28px;border-bottom:1px solid #303038; }
.blog-index #blog-search { min-height:46px;border-radius:6px;font-size:15px; }
.blog-index #category-dropdown-btn,.blog-index #open-mobile-filters { min-height:46px;border-radius:6px;font-size:14px; }
.blog-index #clear-search { min-width:36px;min-height:44px;right:4px; }
.blog-index .blog-trend { margin:28px 0 36px; }
.blog-index .blog-trend-head { margin-bottom:12px; }
.blog-index .blog-trend-head h2 { font-size:17px; }
.blog-index .blog-trend-head span { font-size:12px; }
.blog-index .blog-trend-row { gap:16px; }
.blog-index .blog-trend-card { gap:12px;padding:12px;background:#151519;border:1px solid #2b2b33;border-radius:8px; }
.blog-index .blog-trend-card h3 { font-size:15px;line-height:1.5; }
.blog-index .blog-trend-card small { font-size:12px; }
.blog-index .blog-grid { grid-template-columns:minmax(0,1fr);gap:32px 28px; }
.blog-index .blog-card { border:0;border-bottom:1px solid #303038;border-radius:0;background:transparent; }
.blog-index .blog-card:hover { background:transparent;border-color:#777781;box-shadow:none;transform:none; }
.blog-index .blog-card-media { border-radius:8px;aspect-ratio:16/10; }
.blog-index .blog-card-media img { transition:opacity .2s; }
.blog-index .blog-card-media img[src*="/assets/images/no-image.svg"] { padding:36px;object-fit:contain; }
.blog-index .blog-card:hover img { transform:none;opacity:.9; }
.blog-index .category-badge { top:10px;left:10px;padding:5px 9px;background:#19191de6;color:#e5e5eb;border:1px solid #55555d;border-radius:4px;font-size:10px;line-height:1.5; }
.blog-index .blog-card-body { gap:12px;padding:18px 0 22px; }
.blog-index .blog-card-body h2 { font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.35;font-weight:500;-webkit-line-clamp:3; }
.blog-index .blog-card-body p { font-size:14px;line-height:1.75;color:#b7b7c3;-webkit-line-clamp:3; }
.blog-index .blog-card-meta { padding-top:4px;gap:8px 14px;font-size:12px;color:#a7a7b3; }
.blog-latest-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 20px; }
.blog-latest-heading h2 { font-size:20px;font-weight:600; }
.blog-latest-heading>span { font-size:12px;color:#a7a7b3; }
.blog-index .blog-pages { gap:8px;margin-top:32px; }
.blog-index .blog-pages :is(a,span) { min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px; }
.blog-index .blog-side { gap:24px;margin-top:40px; }
.blog-index .blog-side-card { background:transparent;border:1px solid #303038;padding:20px;border-radius:8px; }
.blog-index .blog-side-head h3 { font-size:17px; }
.blog-index .blog-side-head button { min-width:44px;min-height:44px; }
.blog-index .side-link { padding:14px 0;gap:14px; }
.blog-index .side-link h4 { white-space:normal;font-size:15px;line-height:1.5; }
.blog-index .side-link small { font-size:12px; }
.blog-index .blog-index-note { margin-top:40px;padding-top:24px;border-top:1px solid #303038; }
.blog-index-note p { max-width:52rem;font-size:14px;line-height:1.75;color:#a7a7b3; }
.blog-index-note nav { display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:8px; }
.blog-index-note a { display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#d5d5dd; }
.blog-index :is(a,button,input,select):focus-visible { outline:2px solid #ff8690;outline-offset:3px; }
@media(min-width:600px) {
  .br-section .br-product-card { flex-basis:calc((100% - 14px)/2); }
  .br-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:640px) {
  .blog-index .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:1024px) {
  .br-section .br-product-card { flex-basis:calc((100% - 42px)/4); }
  .br-guide-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .blog-index .blog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(min-width:1280px) {
  .blog-post-main>nav,.blog-post-main>.blog-article-container { max-width:1600px; }
  .blog-post-article.has-toc { display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,25vw,480px);column-gap:32px;max-width:none;overflow:visible; }
  .has-toc .blog-article-header { grid-area:1/1;width:100%;max-width:none;margin:0; }
  .has-toc .blog-article-image { grid-area:2/1;width:100%;max-width:none;margin:24px 0 0; }
  .has-toc .blog-reading-layout { display:contents; }
  .has-toc .blog-reading-layout>.blog-article-body { grid-area:3/1;width:100%;max-width:none;min-width:0;margin:0; }
  .has-toc .blog-reading-layout>#toc-container { position:sticky;top:24px;grid-area:3/2;align-self:start;display:flex;flex-direction:column;max-width:none;max-height:calc(100vh - 48px);width:100%;margin:28px 0 0; }
  .has-toc #toc-container.toc-past-reading { visibility:hidden;pointer-events:none; }
  .has-toc #toc-toggle,.has-toc .toc-tools { flex:0 0 auto; }
  .has-toc #toc-list { flex:1 1 auto;min-height:0;max-height:none; }
  .has-toc .blog-article-actions { grid-area:4/1;max-width:none; }
}
@media(min-width:1600px) {
  .has-toc #toc-toggle .toc-title { font-size:16px; }
  .has-toc #toc-list a { font-size:15px; }
  .has-toc #toc-list .toc-subsection { font-size:14px; }
}
@media(max-width:700px) {
  .blog-post-main { padding:18px 10px 44px; }
  .blog-post-article .blog-article-header,.blog-post-article .blog-article-body { padding:24px 12px; }
  .blog-post-article .blog-article-image { padding:0 12px;margin-top:18px; }
  .blog-article-image>div { aspect-ratio:16/9; }
  .blog-article-header .blog-article-excerpt { padding:0; }
  .blog-article-header .blog-article-excerpt p { font-size:18px; }
  #blog-article-prose { font-size:17px; }
  #blog-article-prose h2 { font-size:1.5em; }
  .blog-editorial-kicker { font-size:10px; }
  .blog-article-actions { width:calc(100% - 24px);padding:20px 16px; }
  .blog-share-row { align-items:flex-start;flex-direction:column;gap:12px; }
  .blog-share-row nav { gap:8px; }
  .blog-share-row :is(a,button) { padding:10px 12px; }
  .blog-adjacent-posts { grid-template-columns:minmax(0,1fr); }
  .blog-adjacent-posts .blog-adjacent-next { grid-column:1;text-align:left; }
  .blog-reading-layout>#toc-container { margin:24px 12px 0; }
  .blog-index { padding:30px 18px 44px; }
  .blog-index .blog-top-row { align-items:flex-start;flex-direction:column;gap:12px; }
  .blog-index #page-subtitle { font-size:15px; }
  .blog-index .blog-tools { padding-bottom:22px; }
  .blog-index .blog-card-body h2 { font-size:24px; }
  .blog-index .blog-side-card { padding:16px; }
  .blog-latest-heading>span { display:none; }
  .blog-author-note { padding:18px; }
  .br-section { padding:15px 12px;margin:18px auto 24px;border-radius:15px; }
  .br-heading-row { flex-wrap:wrap;gap:12px; }
  .br-toolbar { width:100%;justify-content:space-between; }
  .br-section .br-heading { align-items:flex-start;font-size:17px; }
  .br-eyebrow { font-size:10px;margin-bottom:7px; }
  .br-description { max-width:32ch; }
  .br-product-image img { padding:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .br-section * { scroll-behavior:auto !important;transition:none !important; }
  .blog-post-main,.blog-post-main * { animation:none !important;scroll-behavior:auto !important;transition:none !important; }
  .blog-index,.blog-index * { animation:none !important;scroll-behavior:auto !important;transition:none !important; }
}