#bb-advice-hub{--paper:oklch(.966 .014 76);--paper-deep:oklch(.936 .019 72);--surface:oklch(.995 .006 84);--ink:oklch(.275 .026 55);--ink-soft:oklch(.36 .024 55);--muted:oklch(.455 .022 58);--olive:oklch(.47 .07 128);--olive-deep:oklch(.39 .062 128);--sage-tint:oklch(.93 .03 128);--tan:oklch(.56 .08 62);--tan-deep:oklch(.47 .07 60);--tan-tint:oklch(.93 .028 68);--line:oklch(.87 .018 72);--line-soft:oklch(.912 .014 74);--dark:oklch(.305 .028 52);--dark-ink:oklch(.945 .016 82);--dark-muted:oklch(.82 .03 78);--serif:"Bitter",Georgia,serif;--sans:"Poppins",system-ui,sans-serif;--r-sm:10px;--r:16px;--r-lg:22px;--r-pill:999px;--shadow-1:0 1px 2px oklch(.3 .03 60/.04),0 2px 6px oklch(.3 .03 60/.05);--shadow-2:0 6px 14px oklch(.3 .03 60/.07),0 14px 40px oklch(.3 .03 60/.08);--ease-out:cubic-bezier(.16,1,.3,1);background:var(--paper);color:var(--ink-soft);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;display:block}#bb-advice-hub *,#bb-advice-hub *:before,#bb-advice-hub *:after{box-sizing:border-box}#bb-advice-hub img{max-width:100%;display:block;height:auto}#bb-advice-hub a{color:inherit;text-decoration:none}#bb-advice-hub h1,#bb-advice-hub h2,#bb-advice-hub h3,#bb-advice-hub h4{font-family:var(--serif);color:var(--ink);font-weight:600;line-height:1.14;margin:0;letter-spacing:-.015em}#bb-advice-hub p{margin:0}#bb-advice-hub a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--olive);border-radius:6px}#bb-advice-hub .bbwrap{width:min(1180px,92vw);margin-inline:auto}#bb-advice-hub .bbsec{padding-block:clamp(2.6rem,5vw,4.2rem)}#bb-advice-hub .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(1.4rem,3vw,2.2rem)}#bb-advice-hub .shead h2{font-size:clamp(1.7rem,3vw,2.35rem)}#bb-advice-hub .shead p{color:var(--muted);margin-top:.4rem;font-size:1rem;max-width:52ch}#bb-advice-hub .kick{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--sans);font-weight:600;font-size:.82rem;color:var(--tan-deep);margin-bottom:.7rem}#bb-advice-hub .kick:before{content:"";width:26px;height:2px;background:var(--tan);border-radius:2px}#bb-advice-hub .more{font-weight:600;color:var(--olive-deep);font-size:.92rem;display:inline-flex;gap:.4rem;align-items:center;white-space:nowrap}#bb-advice-hub .more svg{width:16px;height:16px;transition:transform .3s var(--ease-out)}#bb-advice-hub .more:hover svg{transform:translate(4px)}#bb-advice-hub svg{flex:none}#bb-advice-hub .hero{padding:clamp(2.2rem,5vw,4rem) 0 clamp(2.4rem,5vw,3.6rem)}#bb-advice-hub .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.4rem);align-items:center}#bb-advice-hub .crumb{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.8rem;color:var(--muted);margin-bottom:1.3rem}#bb-advice-hub .crumb svg{width:13px;height:13px;opacity:.6}#bb-advice-hub .crumb a:hover{color:var(--olive-deep)}#bb-advice-hub .hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--ink);text-wrap:balance}#bb-advice-hub .hero h1 .ac{color:var(--olive-deep)}#bb-advice-hub .lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--ink-soft);max-width:34ch;margin-top:1.1rem;text-wrap:pretty}#bb-advice-hub .hsearch{margin-top:1.9rem;max-width:480px}#bb-advice-hub .sfield{display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-pill);padding:.55rem .55rem .55rem 1.2rem;box-shadow:var(--shadow-1);transition:border-color .25s,box-shadow .25s}#bb-advice-hub .sfield:focus-within{border-color:var(--olive);box-shadow:var(--shadow-2)}#bb-advice-hub .sfield svg{width:20px;height:20px;color:var(--muted)}#bb-advice-hub .sfield input{border:none;background:none;outline:none;flex:1;font-family:var(--sans);font-size:.98rem;color:var(--ink);min-width:0}#bb-advice-hub .sfield input::placeholder{color:var(--muted)}#bb-advice-hub .sfield button{border:none;background:var(--olive);color:#f7faf2;font-weight:600;font-size:.9rem;padding:.62rem 1.35rem;border-radius:var(--r-pill);transition:background .25s,transform .25s var(--ease-out);cursor:pointer;font-family:var(--sans)}#bb-advice-hub .sfield button:hover{background:var(--olive-deep)}#bb-advice-hub .sfield button:active{transform:scale(.97)}#bb-advice-hub .suggest{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;font-size:.82rem;color:var(--muted);align-items:center}#bb-advice-hub .suggest .l{font-weight:500}#bb-advice-hub .suggest a{background:var(--tan-tint);color:var(--tan-deep);padding:.28rem .75rem;border-radius:var(--r-pill);font-weight:500;transition:background .2s,color .2s}#bb-advice-hub .suggest a:hover{background:var(--tan);color:#fffbf4}#bb-advice-hub .hmedia{position:relative}#bb-advice-hub .hmedia img{width:100%;aspect-ratio:5/4.4;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-2)}#bb-advice-hub .hbadge{position:absolute;left:-18px;bottom:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.85rem 1.1rem;box-shadow:var(--shadow-2);display:flex;gap:.75rem;align-items:center;max-width:250px}#bb-advice-hub .hbadge .ring{width:38px;height:38px;border-radius:var(--r-pill);background:var(--sage-tint);color:var(--olive-deep);display:grid;place-items:center}#bb-advice-hub .hbadge .ring svg{width:20px;height:20px}#bb-advice-hub .hbadge b{font-family:var(--serif);color:var(--ink);font-size:.92rem;display:block}#bb-advice-hub .hbadge span{font-size:.76rem;color:var(--muted);line-height:1.35}#bb-advice-hub .band-sage{background:linear-gradient(180deg,var(--paper) 0%,var(--sage-tint) 60%,var(--paper) 100%)}#bb-advice-hub .band-tan{background:var(--paper-deep)}#bb-advice-hub .start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}#bb-advice-hub .scard{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.7rem 1.7rem 1.6rem;box-shadow:var(--shadow-1);transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out);overflow:hidden}#bb-advice-hub .scard:after{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--olive);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out)}#bb-advice-hub .scard:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}#bb-advice-hub .scard:hover:after{transform:scaleX(1)}#bb-advice-hub .scard .ic{width:56px;height:56px;border-radius:16px;background:var(--sage-tint);color:var(--olive-deep);display:grid;place-items:center;margin-bottom:1.15rem;transition:background .3s,color .3s}#bb-advice-hub .scard:hover .ic{background:var(--olive);color:#f7faf2}#bb-advice-hub .scard .ic svg{width:28px;height:28px}#bb-advice-hub .scard h3{font-size:1.28rem;margin-bottom:.5rem}#bb-advice-hub .scard p{color:var(--ink-soft);font-size:.95rem;flex:1}#bb-advice-hub .scard .go{margin-top:1.2rem;display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:var(--olive-deep);font-size:.92rem}#bb-advice-hub .scard .go svg{width:17px;height:17px;transition:transform .3s var(--ease-out)}#bb-advice-hub .scard:hover .go svg{transform:translate(4px)}#bb-advice-hub .topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}#bb-advice-hub .tcard{display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);padding:1.4rem 1.35rem 1.3rem;transition:transform .35s var(--ease-out),box-shadow .35s,border-color .3s}#bb-advice-hub .tcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--line)}#bb-advice-hub .tcard .ic{width:46px;height:46px;border-radius:13px;background:var(--tan-tint);color:var(--tan-deep);display:grid;place-items:center;transition:background .3s,color .3s}#bb-advice-hub .tcard:hover .ic{background:var(--tan);color:#fcf8f1}#bb-advice-hub .tcard .ic svg{width:24px;height:24px}#bb-advice-hub .tcard h3{font-size:1.06rem}#bb-advice-hub .tcard p{font-size:.85rem;color:var(--muted);line-height:1.45;flex:1}#bb-advice-hub .tcard .go{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--olive-deep)}#bb-advice-hub .tcard .go svg{width:14px;height:14px;transition:transform .3s var(--ease-out)}#bb-advice-hub .tcard:hover .go svg{transform:translate(3px)}#bb-advice-hub .prob-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.9rem}#bb-advice-hub .pcard{display:flex;flex-direction:column;gap:.7rem;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem 1.2rem;min-height:150px;transition:transform .3s var(--ease-out),box-shadow .3s}#bb-advice-hub .pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}#bb-advice-hub .pcard .ic{color:var(--olive-deep)}#bb-advice-hub .pcard .ic svg{width:34px;height:34px}#bb-advice-hub .pcard b{font-family:var(--serif);font-weight:600;color:var(--ink);font-size:1.02rem;line-height:1.2}#bb-advice-hub .pcard .to{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--olive-deep)}#bb-advice-hub .pcard .to svg{width:14px;height:14px;transition:transform .3s var(--ease-out)}#bb-advice-hub .pcard:hover .to svg{transform:translate(3px)}#bb-advice-hub .feat-grid,#bb-advice-hub .latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}#bb-advice-hub .gcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);transition:transform .4s var(--ease-out),box-shadow .4s}#bb-advice-hub .gcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}#bb-advice-hub .gcard .thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--sage-tint)}#bb-advice-hub .gcard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}#bb-advice-hub .gcard:hover .thumb img{transform:scale(1.05)}#bb-advice-hub .gcard .cat{position:absolute;top:.9rem;left:.9rem;background:#392a21db;color:#f8f5ee;font-size:.72rem;font-weight:600;padding:.32rem .75rem;border-radius:var(--r-pill)}#bb-advice-hub .gbody{padding:1.35rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}#bb-advice-hub .gbody h3{font-size:1.2rem;line-height:1.22;margin-bottom:.55rem;text-wrap:balance;transition:color .2s}#bb-advice-hub .gcard:hover .gbody h3{color:var(--olive-deep)}#bb-advice-hub .gbody p{font-size:.9rem;color:var(--ink-soft);flex:1;text-wrap:pretty}#bb-advice-hub .gmeta{display:flex;align-items:center;justify-content:space-between;margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--line-soft)}#bb-advice-hub .gmeta .read{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;color:var(--olive-deep);font-size:.9rem}#bb-advice-hub .gmeta .read svg{width:16px;height:16px;transition:transform .3s var(--ease-out)}#bb-advice-hub .gcard:hover .read svg{transform:translate(4px)}#bb-advice-hub .gmeta .time{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--muted)}#bb-advice-hub .gmeta .time svg{width:14px;height:14px}#bb-advice-hub .help-band{background:var(--dark);color:var(--dark-ink);border-radius:var(--r-lg);padding:clamp(2rem,4vw,3.2rem) clamp(1.5rem,4vw,3.4rem);position:relative;overflow:hidden}#bb-advice-hub .help-band:before{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,oklch(.66 .09 66/.3),transparent 70%)}#bb-advice-hub .help-in{position:relative;display:grid;grid-template-columns:1.1fr 1.4fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}#bb-advice-hub .help-in h2{color:#f9f5ec;font-size:clamp(1.6rem,3vw,2.2rem)}#bb-advice-hub .help-in .hp{color:var(--dark-muted);margin-top:.75rem;max-width:40ch}#bb-advice-hub .help-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}#bb-advice-hub .htile{background:#f8f5ee0f;border:1px solid oklch(.97 .01 82/.14);border-radius:var(--r);padding:1.2rem 1.1rem;transition:background .3s,transform .3s var(--ease-out),border-color .3s}#bb-advice-hub .htile:hover{background:#f8f5ee1f;transform:translateY(-4px);border-color:#f8f5ee47}#bb-advice-hub .htile .ic{width:40px;height:40px;border-radius:12px;background:#b8875442;color:#f6d9b3;display:grid;place-items:center;margin-bottom:.85rem}#bb-advice-hub .htile .ic svg{width:21px;height:21px}#bb-advice-hub .htile b{display:block;font-family:var(--serif);color:#f9f5ec;font-size:1rem}#bb-advice-hub .htile .big{font-size:1.12rem}#bb-advice-hub .htile span{font-size:.8rem;color:var(--dark-muted);line-height:1.4;display:block;margin-top:.15rem}#bb-advice-hub .thero{padding:clamp(2rem,4vw,3.2rem) 0 clamp(1.2rem,3vw,1.8rem)}#bb-advice-hub .thero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:700;color:var(--ink);text-wrap:balance;max-width:20ch}#bb-advice-hub .thero .lead{max-width:58ch}#bb-advice-hub .collcta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.6rem;background:var(--olive);color:#f7faf2;font-weight:600;font-size:.95rem;padding:.8rem 1.5rem;border-radius:var(--r-pill);transition:background .25s,transform .25s var(--ease-out),box-shadow .25s;box-shadow:var(--shadow-1)}#bb-advice-hub .collcta:hover{background:var(--olive-deep);transform:translateY(-2px);box-shadow:var(--shadow-2)}#bb-advice-hub .collcta svg{width:17px;height:17px}#bb-advice-hub .backlink{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--olive-deep);font-size:.9rem}#bb-advice-hub .backlink svg{width:16px;height:16px;transition:transform .3s var(--ease-out)}#bb-advice-hub .backlink:hover svg{transform:translate(-3px)}#bb-advice-hub .empty{color:var(--muted);font-size:1rem;padding:1.2rem 0}@media(prefers-reduced-motion:no-preference){#bb-advice-hub.js .rv{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}#bb-advice-hub.js .rv.in{opacity:1;transform:none}#bb-advice-hub.js .stg>*{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}#bb-advice-hub.js .stg.in>*{opacity:1;transform:none}#bb-advice-hub.js .stg.in>*:nth-child(1){transition-delay:.02s}#bb-advice-hub.js .stg.in>*:nth-child(2){transition-delay:.09s}#bb-advice-hub.js .stg.in>*:nth-child(3){transition-delay:.16s}#bb-advice-hub.js .stg.in>*:nth-child(4){transition-delay:.23s}#bb-advice-hub.js .stg.in>*:nth-child(5){transition-delay:.3s}#bb-advice-hub.js .stg.in>*:nth-child(6){transition-delay:.37s}#bb-advice-hub.js .stg.in>*:nth-child(7){transition-delay:.44s}#bb-advice-hub.js .stg.in>*:nth-child(8){transition-delay:.51s}}@media(max-width:1020px){#bb-advice-hub .topic-grid,#bb-advice-hub .prob-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){#bb-advice-hub .hero-grid{grid-template-columns:1fr}#bb-advice-hub .hmedia{order:-1}#bb-advice-hub .hmedia img{aspect-ratio:16/10}#bb-advice-hub .hbadge{left:auto;right:16px}#bb-advice-hub .start-grid{grid-template-columns:1fr}#bb-advice-hub .feat-grid,#bb-advice-hub .latest-grid{grid-template-columns:repeat(2,1fr)}#bb-advice-hub .help-in{grid-template-columns:1fr}}@media(max-width:620px){#bb-advice-hub .topic-grid,#bb-advice-hub .prob-grid{grid-template-columns:repeat(2,1fr)}#bb-advice-hub .feat-grid,#bb-advice-hub .latest-grid,#bb-advice-hub .help-actions{grid-template-columns:1fr}#bb-advice-hub .shead{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/bb-advice.css.map */