
.bi-hub,.bi-article{--bi-ink:#20221f;--bi-muted:#5b6058;--bi-line:#dedfd8;--bi-orange:#f47a20;--bi-paper:#f7f7f2;color:var(--bi-ink);background:var(--bi-paper);font-family:var(--font-body--family,Inter,sans-serif);line-height:1.65}
.bi-guide-shell{max-width:1280px;margin:0 auto;padding:28px 40px 72px}.bi-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--bi-muted);margin-bottom:32px}.bi-breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:4px}.bi-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;margin:0 0 14px}.bi-hub-heading h1{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 20px;font-weight:700;color:var(--bi-ink)}.bi-hub-intro{max-width:680px;font-size:18px;color:var(--bi-muted);margin:0 0 28px}.bi-topics{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 32px}.bi-topics a{border:1px solid var(--bi-line);border-radius:6px;padding:9px 14px;color:var(--bi-ink);text-decoration:none;font-size:14px;background:#fff;font-weight:500;min-height:44px}.bi-topics a[aria-current=page],.bi-topics a:hover{background:var(--bi-ink);color:#fff;border-color:var(--bi-ink)}.bi-feature{background:#202720;color:#fff;border-radius:16px;padding:44px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:64px;align-items:center}.bi-feature .bi-eyebrow{color:#ffab70}.bi-feature h2{font-size:clamp(30px,3.3vw,44px);letter-spacing:-.035em;line-height:1.13;margin:0 0 18px;color:#fff;max-width:580px}.bi-feature p:not(.bi-eyebrow){color:#d5dcd2;margin:0 0 24px;max-width:520px}.bi-guide-button{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;border-radius:6px;background:var(--bi-orange);color:#171b16!important;text-decoration:none!important;font-size:14px;font-weight:700;padding:13px 20px;min-height:48px;border:1px solid transparent}.bi-guide-button:hover{background:#ff9c54}.bi-feature-steps{list-style:none;padding:0;margin:0}.bi-feature-steps li{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #4c5549;font-size:17px}.bi-feature-steps span{font-size:13px;color:#ffab70;font-variant-numeric:tabular-nums}.bi-quick{margin:40px 0}.bi-quick h2,.bi-library h2,.bi-hub-help h2{font-size:25px;letter-spacing:-.025em;line-height:1.25;margin:0 0 20px;color:var(--bi-ink)}.bi-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bi-quick-grid>a{position:relative;display:block;padding:24px 42px 24px 24px;background:#fff;border:1px solid var(--bi-line);border-radius:10px;color:var(--bi-ink);text-decoration:none}.bi-quick-grid strong{display:block;font-size:17px;margin-bottom:6px}.bi-quick-grid span{display:block;color:var(--bi-muted);font-size:14px}.bi-quick-grid b{position:absolute;top:22px;right:20px;color:#8c3f08}.bi-library{padding-top:12px}.bi-library-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.bi-library-heading p{font-size:13px;color:var(--bi-muted)}.bi-guide-search{margin-bottom:24px;max-width:600px}.bi-guide-search label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.bi-guide-search>div{display:flex}.bi-guide-search input[type=search]{min-width:0;flex:1;border:1px solid #aeb3a9;border-radius:6px 0 0 6px;background:white;padding:12px;color:var(--bi-ink);font:inherit;font-size:14px}.bi-guide-search button{border:1px solid var(--bi-ink);border-radius:0 6px 6px 0;background:var(--bi-ink);color:#fff;font:inherit;font-size:14px;padding:10px 20px}.bi-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bi-guide-card{background:#fff;border:1px solid var(--bi-line);border-radius:12px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.bi-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.055em;font-weight:600;color:#62695d;margin-bottom:18px}.bi-card-meta span:first-child{color:#8a3d07;background:#fff1e6;padding:4px 8px;border-radius:4px}.bi-guide-card h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:0 0 14px;color:var(--bi-ink)}.bi-guide-card h3 a{color:inherit;text-decoration:none}.bi-guide-card p{font-size:14px;color:var(--bi-muted);margin:0 0 24px}.bi-card-link{font-size:13px;font-weight:700;color:var(--bi-ink);text-decoration:underline;text-underline-offset:5px;margin-top:auto;display:flex;gap:16px}.bi-card-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin-bottom:20px}.bi-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:32px 0}.bi-pagination a,.bi-pagination span{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;border-radius:5px;padding:8px 12px;border:1px solid var(--bi-line);color:var(--bi-ink);background:#fff;text-decoration:none}.bi-pagination span[aria-current=page]{background:var(--bi-ink);color:#fff}.bi-hub-help{border-top:1px solid var(--bi-line);margin-top:42px;padding-top:32px;display:flex;gap:28px;justify-content:space-between;align-items:center}.bi-hub-help h2{margin-bottom:8px}.bi-hub-help p{color:var(--bi-muted);margin:0}.bi-hub a:focus-visible,.bi-article a:focus-visible,.bi-hub button:focus-visible,.bi-hub input:focus-visible,.bi-article summary:focus-visible{outline:3px solid #b75009;outline-offset:4px}.bi-quick-grid>a:hover,.bi-guide-card:focus-within{border-color:#a2aa98}.bi-article-heading{max-width:1000px;margin-bottom:38px}.bi-article-heading h1{font-size:clamp(30px,3.7vw,50px);line-height:1.12;letter-spacing:-.04em;color:var(--bi-ink);margin:0 0 20px}.bi-article-strap{font-size:13px;color:var(--bi-muted);margin:0}.bi-article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(230px,1fr);gap:48px;align-items:start}.bi-article-copy{background:#fff;border:1px solid var(--bi-line);border-radius:12px;padding:36px;min-width:0}.bi-guide-body{font-size:16px;line-height:1.8;color:#343b31;overflow-wrap:anywhere}.bi-guide-body p{margin:0 0 22px}.bi-guide-body h2{color:var(--bi-ink);font-size:25px;letter-spacing:-.025em;line-height:1.25;margin:34px 0 16px;scroll-margin-top:190px}.bi-guide-body a{color:#813b0c;text-decoration:underline;text-underline-offset:3px}.bi-guide-body ul,.bi-guide-body ol{padding-left:22px}.bi-guide-body li{padding:4px 0}.bi-guide-lead{font-size:18px;font-weight:500;color:#343b31}.bi-guide-toc{background:#f5f6f1;padding:22px 24px;border-radius:8px;margin:26px 0;font-size:14px}.bi-guide-toc ol{margin:10px 0 0}.bi-guide-note{font-size:14px;line-height:1.7;border-left:3px solid var(--bi-orange);background:#fff6ed;padding:18px 20px;margin:26px 0}.bi-guide-faq{border-top:1px solid var(--bi-line);border-bottom:1px solid var(--bi-line);padding:16px 0}.bi-guide-faq summary{font-weight:600;cursor:pointer;padding-right:10px}.bi-guide-faq p{margin:14px 0 0}.bi-guide-shop{background:#f4f6ef;border-radius:8px;padding:24px;margin-top:32px}.bi-guide-shop h2,.bi-guide-related h2{margin-top:0}.bi-guide-shop p:last-child{margin-bottom:0}.bi-guide-related{border-top:1px solid var(--bi-line);padding-top:28px;margin-top:32px;font-size:14px}.bi-guide-related ul{margin-bottom:22px}.bi-guide-related>p{font-size:13px}.bi-article-sidebar{position:sticky;top:170px}.bi-article-sidebar>div{border:1px solid var(--bi-line);background:#eaf0e4;border-radius:10px;padding:26px}.bi-article-sidebar h2{font-size:24px;line-height:1.2;letter-spacing:-.025em;color:var(--bi-ink);margin:0 0 16px}.bi-article-sidebar p:not(.bi-eyebrow){font-size:14px;margin:0 0 20px;color:var(--bi-muted)}.bi-article-sidebar .bi-guide-button{width:100%;justify-content:center}.bi-sidebar-link{display:block;color:var(--bi-ink);font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-top:18px}.bi-article-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}.bi-article-next a{border-top:1px solid var(--bi-line);padding-top:20px;color:var(--bi-ink);text-decoration:none}.bi-article-next span{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--bi-muted);margin-bottom:8px}.bi-article-next strong{font-size:16px;line-height:1.4;display:block}.bi-article-image{max-width:100%;height:auto;border-radius:12px;margin-bottom:30px}.bi-guide-comments{max-width:780px;margin-top:36px}.bi-collection-guides{background:#f5f6f1;border:1px solid #dedfd8;border-radius:10px;padding:24px;margin:32px 0;font-size:15px;line-height:1.7}.bi-collection-guides h2{font-size:24px;line-height:1.3;margin:0 0 16px;color:#20221f}.bi-collection-guides summary{cursor:pointer;font-weight:600;padding:10px 0}.bi-collection-guides a{color:#813b0c;text-decoration:underline;text-underline-offset:3px}.bi-collection-guides li{padding:4px 0}.bi-collection-guides details{border-bottom:1px solid #dedfd8}
@media(max-width:1000px){.bi-guide-shell{padding:24px 24px 56px}.bi-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-feature{gap:32px;padding:32px}.bi-article-layout{grid-template-columns:minmax(0,1fr);gap:24px}.bi-article-sidebar{position:static}.bi-article-sidebar>div{max-width:780px}.bi-article-sidebar .bi-guide-button{width:auto}.bi-article-copy{padding:30px}}
@media(max-width:650px){.bi-guide-shell{padding:20px 18px 44px}.bi-breadcrumb{font-size:12px;margin-bottom:26px}.bi-hub-intro{font-size:16px}.bi-topics{gap:7px}.bi-topics a{font-size:12px;padding:9px 11px}.bi-feature{grid-template-columns:1fr;padding:28px 24px;gap:20px;border-radius:12px}.bi-feature-steps li{padding:12px 0;font-size:14px}.bi-quick-grid,.bi-guide-grid{grid-template-columns:1fr}.bi-quick-grid>a{padding:20px 44px 20px 20px}.bi-quick{margin:30px 0}.bi-guide-card{padding:24px}.bi-guide-card h3{font-size:21px}.bi-library-heading h2{font-size:23px}.bi-library-heading p{white-space:nowrap}.bi-hub-help{align-items:flex-start;flex-direction:column}.bi-article-copy{padding:24px 20px}.bi-guide-body{font-size:15px}.bi-guide-body h2{font-size:23px;scroll-margin-top:150px}.bi-guide-lead{font-size:17px}.bi-guide-toc{padding:18px}.bi-guide-note{padding:16px}.bi-guide-shop{padding:20px}.bi-article-next{grid-template-columns:1fr}.bi-article-heading{margin-bottom:28px}.bi-article-sidebar>div{padding:24px}.bi-pagination a,.bi-pagination span{font-size:12px;padding:8px;min-width:38px}}

.bi-collection-guide-wrap,.bi-collection-intro{max-width:1280px;margin:0 auto;padding:0 40px}.bi-collection-intro{line-height:1.75;font-size:16px;padding-bottom:28px}.bi-collection-intro a{color:#813b0c;text-decoration:underline}.bi-collection-guide-wrap{padding-bottom:20px}@media(max-width:650px){.bi-collection-guide-wrap,.bi-collection-intro{padding-left:18px;padding-right:18px}.bi-collection-guides{padding:20px}}
