.bb-page{padding:28px 0 64px}.bb-heading{padding:20px 0 30px}.bb-heading h1{font-size:clamp(2rem,4vw,3rem);margin:.2rem 0}.bb-heading p:last-child{color:#756857}.bb-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.bb-sidebar,.bb-main{background:#fffaf1;border:1px solid #ddc9a9;border-radius:12px;box-shadow:0 5px 18px #6243140b}.bb-sidebar{padding:18px;position:sticky;top:90px}.bb-sidebar h2{font-size:1.15rem;margin:0 0 12px}.bb-method{display:flex;justify-content:space-between;gap:8px;align-items:center;text-decoration:none;color:#514637;padding:11px 10px;border-radius:8px;border:1px solid transparent;margin:4px 0}.bb-method small{color:#8f795a;white-space:nowrap}.bb-method:hover,.bb-method.active{background:#f4ead6;border-color:#c9a56d;color:#67231c}.bb-note,.bb-footnote{font-size:.88rem;line-height:1.6;color:#776b5b}.bb-note{border-top:1px solid #e6d8c1;padding-top:14px;margin:16px 0 0}.bb-main{padding:clamp(18px,3vw,34px)}.bb-intro{border-bottom:1px solid #e5d6bc;padding-bottom:18px;margin-bottom:20px;position:relative}.bb-intro h2{font-size:1.45rem;margin:8px 0}.bb-intro p{margin:0;color:#756857}.bb-count{font-size:.72rem;letter-spacing:.12em;color:#9a5720;font-weight:700}.bb-main form label{display:block;font-weight:700;margin-bottom:8px}.bb-main form label small{font-weight:400;color:#837765}.bb-main textarea{width:100%;min-height:100px;resize:vertical;border:1px solid #cfb890;border-radius:8px;padding:12px;background:#fffdf8;font:inherit}.bb-form-foot,.bb-draw-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.bb-form-foot span,.bb-draw-head p{font-size:.88rem;color:#776b5b}.bb-main .ic-button{cursor:pointer}.bb-draw{margin-top:24px}.bb-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:18px 0}.bb-card{min-height:176px;perspective:700px}.bb-back,.bb-face{height:100%;min-height:176px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:13px;box-sizing:border-box}.bb-back{background:repeating-linear-gradient(45deg,#f1e1c5,#f1e1c5 6px,#ead7b6 6px,#ead7b6 12px);border:2px solid #b38745;color:#8c5d22;font-size:2rem}.bb-face{background:#fffdf8;border:1px solid #d8c4a2;box-shadow:0 3px 12px #472c1110}.bb-face[hidden]{display:none}.bb-face small,.bb-reading-grid small{font-size:.78rem;color:#896c42}.bb-face strong{font-size:1.6rem;color:#793127;margin:12px}.bb-face span{font-size:.84rem;color:#655b4d}.bb-card.turning{animation:bbturn .4s ease}@keyframes bbturn{50%{transform:rotateY(90deg);opacity:.4}}.bb-summary{background:#f5ecd9;border-left:4px solid #a66a20;padding:16px;border-radius:7px;margin:20px 0}.bb-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-reading-grid article{padding:14px;border:1px solid #e2d3bc;border-radius:8px;background:#fffdf8}.bb-reading-grid h4{margin:5px 0;font-size:1rem}.bb-reading-grid p{margin:0;color:#685d4e;line-height:1.5}.bb-disclaimer{font-size:.85rem;color:#786d5f}.bb-footnote{border-top:1px solid #e5d6bc;padding-top:16px;margin-top:24px}@media(max-width:760px){.bb-layout{grid-template-columns:1fr}.bb-sidebar{position:static;padding:14px}.bb-sidebar h2{margin-bottom:8px}.bb-method{display:inline-flex;vertical-align:top;min-height:42px;margin:3px;padding:8px;max-width:100%}.bb-sidebar{overflow:auto}.bb-note{margin-top:10px}.bb-form-foot{align-items:stretch;flex-direction:column}.bb-form-foot .ic-button{width:100%}.bb-reading-grid{grid-template-columns:1fr}.bb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bb-tip{font-size:.9rem;color:#756857;margin:.2rem 0}.bb-spread{margin-top:24px}.bb-shuffling{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f4ecd9;border:1px solid #dfc89e;border-radius:12px;color:#75511f}.bb-shuffling span{font-size:.9rem;color:#7c7060}.bb-shuffle-stack{height:152px;width:110px;position:relative;margin-bottom:8px}.bb-shuffle-stack i{position:absolute;inset:0;border:2px solid #b58a4c;border-radius:9px;background:repeating-linear-gradient(45deg,#f7e9cb,#f7e9cb 7px,#ead8b8 7px,#ead8b8 14px);display:grid;place-items:center;color:#9b6c2d;font-style:normal;font-size:2rem;box-shadow:0 4px 9px #59402022;animation:bbshuffle .9s ease-in-out infinite alternate}.bb-shuffle-stack i:nth-child(2n){animation-delay:-.2s}.bb-shuffle-stack i:nth-child(3n){animation-delay:-.5s}@keyframes bbshuffle{from{transform:translate(-19px,4px) rotate(-9deg)}to{transform:translate(20px,-4px) rotate(9deg)}}.bb-card{appearance:none;-webkit-appearance:none;padding:0;border:0;background:transparent;cursor:pointer;color:inherit;text-align:inherit;min-width:0;min-height:176px;perspective:850px}.bb-card-inner{display:block;position:relative;width:100%;height:100%;min-height:176px;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.7,.2,1)}.bb-card.is-open .bb-card-inner{transform:rotateY(180deg)}.bb-back,.bb-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-height:176px}.bb-face{transform:rotateY(180deg)}.bb-card:focus-visible{outline:3px solid #a56a20;outline-offset:3px;border-radius:9px}.bb-card:hover .bb-back{box-shadow:0 7px 15px #59402022}.bb-cards--cau-hoi{grid-template-columns:repeat(5,minmax(100px,1fr));grid-auto-rows:176px}.bb-cards--cau-hoi .bb-card:nth-child(8){grid-column:span 2}.bb-cards--ngay{grid-template-columns:repeat(3,minmax(100px,1fr));grid-auto-rows:176px}.bb-week-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.65fr) minmax(0,1fr);gap:12px;align-items:center;margin:18px 0}.bb-zone{display:grid;gap:9px}.bb-week-left,.bb-week-right{grid-template-columns:repeat(2,minmax(88px,1fr))}.bb-week-center{grid-template-columns:1fr}.bb-cards--thang,.bb-cards--nam{grid-template-columns:repeat(8,minmax(75px,1fr));grid-auto-rows:166px}.bb-cards--thang .bb-card:nth-child(n+31){grid-column:span 4}.bb-life-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.bb-life-layout .bb-zone{grid-template-columns:1fr;align-content:start}.bb-life-layout .bb-zone:before{font-weight:700;color:#8e5e24;text-align:center;padding:7px}.bb-life-future:before{content:'Sắp tới'}.bb-life-now:before{content:'Hiện tại'}.bb-life-past:before{content:'Đã qua'}.bb-family-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.bb-family-center{grid-column:2/4;grid-row:2;min-height:180px}.bb-family-center .bb-card{max-width:180px;width:100%;justify-self:center}.bb-family-ring{display:contents}.bb-family-ring .bb-card{min-height:158px}.bb-family-ring .bb-card:nth-child(1){grid-column:1;grid-row:1}.bb-family-ring .bb-card:nth-child(2){grid-column:2;grid-row:1}.bb-family-ring .bb-card:nth-child(3){grid-column:3;grid-row:1}.bb-family-ring .bb-card:nth-child(4){grid-column:4;grid-row:1}.bb-family-ring .bb-card:nth-child(n+5){grid-row:3}.bb-cards--tuan{display:block}.bb-draw-head{margin:0 0 6px}.bb-spread .ic-button[hidden]{display:none!important}@media(max-width:900px){.bb-cards--thang,.bb-cards--nam{grid-template-columns:repeat(4,minmax(72px,1fr))}.bb-week-layout{grid-template-columns:1fr 1fr}.bb-week-center{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(90px,1fr))}.bb-week-right{grid-column:2;grid-row:1}.bb-week-left{grid-column:1;grid-row:1}.bb-week-left,.bb-week-right{grid-template-columns:1fr}.bb-life-layout{gap:7px}}@media(max-width:600px){.bb-cards--cau-hoi{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:154px}.bb-cards--cau-hoi .bb-card:nth-child(8){grid-column:span 2}.bb-cards--ngay{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:150px;gap:7px}.bb-cards--thang,.bb-cards--nam{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:138px;gap:6px}.bb-cards--thang .bb-card:nth-child(n+31){grid-column:span 2}.bb-card,.bb-card-inner,.bb-back,.bb-face{min-height:138px}.bb-face{padding:7px}.bb-face strong{font-size:1.2rem;margin:6px}.bb-face span{font-size:.75rem}.bb-week-layout{grid-template-columns:1fr 1fr;gap:6px}.bb-week-left,.bb-week-right{grid-template-columns:1fr}.bb-week-center{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bb-life-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.bb-life-layout .bb-card{min-height:138px}.bb-life-layout .bb-back,.bb-life-layout .bb-face{min-height:138px;padding:6px}.bb-life-layout .bb-face small{font-size:.65rem}.bb-family-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bb-family-ring .bb-card:nth-child(n+4){grid-row:3}.bb-family-center{grid-column:2;grid-row:2}.bb-family-ring .bb-card{min-height:135px}.bb-family-ring .bb-back,.bb-family-ring .bb-face{min-height:135px;padding:6px}.bb-draw-head{align-items:start;flex-direction:column;gap:0}.bb-shuffling{min-height:270px}}
.bb-slot{position:relative;min-width:0;text-align:center}.bb-position{display:block;min-height:2.5em;margin:0 auto 5px;color:#786950;font-size:.72rem;line-height:1.2;max-width:100%;overflow:hidden}.bb-slot .bb-card{display:block;width:100%;min-height:160px}.bb-slot .bb-card-inner,.bb-slot .bb-back,.bb-slot .bb-face{min-height:160px}.bb-slot .bb-face{background:#fffefa;border:1px solid #d8c4a2}.bb-slot .bb-face strong{display:block;font:700 1.8rem Georgia,serif;color:#1c2735;margin:0}.bb-slot .bb-face strong i{font-style:normal;margin-left:4px}.bb-slot.is-red .bb-face strong,.bb-card.is-red .bb-face strong{color:#c62e27}.bb-slot .bb-face small{display:block;margin-top:10px;color:#6d6254;font-weight:500}.bb-tooltip{display:none;position:absolute;z-index:8;left:50%;bottom:calc(100% - 5px);transform:translateX(-50%);width:min(260px,85vw);padding:10px 12px;border:1px solid #c8a46a;border-radius:8px;background:#fffdf7;color:#514638;text-align:left;font-size:.82rem;line-height:1.45;box-shadow:0 8px 22px #3d2b1728;pointer-events:none}.bb-slot:hover .bb-tooltip,.bb-slot:focus-within .bb-tooltip{display:block}.bb-cards--tien-van-hau-van,.bb-cards--ban-than-gia-dinh{display:block}.bb-life-layout{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.bb-life-layout .bb-zone{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bb-life-layout .bb-zone:before{grid-column:1/-1;font-weight:700;color:#805324;text-align:center;padding:8px}.bb-life-future:before{content:'Tương lai · 7 lá'}.bb-life-now:before{content:'Hiện tại · 7 lá'}.bb-life-past:before{content:'Quá khứ · 7 lá'}.bb-family-layout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:start}.bb-family-layout>.bb-slot:nth-child(1){grid-column:3;grid-row:3}.bb-family-layout>.bb-slot:nth-child(2){grid-column:1;grid-row:1}.bb-family-layout>.bb-slot:nth-child(3){grid-column:2;grid-row:1}.bb-family-layout>.bb-slot:nth-child(4){grid-column:4;grid-row:1}.bb-family-layout>.bb-slot:nth-child(5){grid-column:5;grid-row:1}.bb-family-layout>.bb-slot:nth-child(6){grid-column:1;grid-row:2}.bb-family-layout>.bb-slot:nth-child(7){grid-column:5;grid-row:2}.bb-family-layout>.bb-slot:nth-child(8){grid-column:1;grid-row:3}.bb-family-layout>.bb-slot:nth-child(9){grid-column:5;grid-row:3}.bb-family-layout>.bb-slot:nth-child(10){grid-column:1;grid-row:4}.bb-family-layout>.bb-slot:nth-child(11){grid-column:5;grid-row:4}.bb-family-layout>.bb-slot:nth-child(12){grid-column:2;grid-row:5}.bb-family-layout>.bb-slot:nth-child(13){grid-column:4;grid-row:5}.bb-week-left,.bb-week-right{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.bb-week-center{align-items:start}.bb-week-left .bb-position,.bb-week-right .bb-position,.bb-week-center .bb-position{min-height:2.5em}.bb-cap-note{min-height:1.5em;margin:8px 0;color:#9b3326;font-weight:600;font-size:.9rem}.bb-extra{padding:8px 12px;border:1px solid #c8a46a;border-radius:7px;background:#fff9ed;color:#76531f;cursor:pointer}.bb-summary h3{margin:.2rem 0 .5rem}.bb-domains{margin:18px 0}.bb-domains h3{color:#643b20}.bb-domains article{border:1px solid #dec9a7;border-radius:9px;padding:14px;margin:10px 0;background:#fffaf1}.bb-domains article>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.bb-domains article b{color:#805324}.bb-domains article p{margin:10px 0 0;line-height:1.6;color:#625747}.bb-ritual{margin:20px 0;padding:24px;border:1px solid #d9c39f;border-radius:14px;background:radial-gradient(ellipse at center,#fffaf0,#f2e8d4);text-align:center}.bb-ritual-lead,.bb-ritual-hint{color:#71634f;line-height:1.5}.bb-ritual-controls{display:flex;justify-content:center;align-items:center;gap:clamp(28px,10vw,100px);padding:16px}.bb-ritual-choice{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:transparent;color:#67431c;cursor:pointer;font:inherit}.bb-ritual-choice:disabled{cursor:wait}.bb-bagua{width:142px;height:142px;border-radius:50%;border:4px double #b7412c;background:repeating-conic-gradient(#fff9e9 0 15deg,#e3c896 15deg 30deg);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 5px 18px #6c3d2522}.bb-bagua b{font-size:4rem;color:#251e1a;line-height:1;text-shadow:0 0 2px white}.bb-bagua i{position:absolute;font-style:normal;font-size:1rem;color:#a12e20}.bb-bagua i:nth-child(1){top:7px}.bb-bagua i:nth-child(2){right:9px;top:24px}.bb-bagua i:nth-child(3){right:6px;bottom:18px}.bb-bagua i:nth-child(5){left:6px;bottom:18px}.bb-bagua i:nth-child(6){left:9px;top:24px}.bb-bagua i:nth-child(7){bottom:5px}.bb-incense-art{position:relative;font-size:5rem;line-height:1.2;filter:drop-shadow(0 4px 3px #63411d33)}.bb-incense-art i{position:absolute;font-style:normal;font-size:1.5rem;top:-12px;left:40%;color:#9e6553;animation:bbsmoke 1.5s ease-in-out infinite alternate}@keyframes bbsmoke{to{transform:translateY(-12px);opacity:.4}}.bb-ritual.is-spinning .bb-bagua{animation:bbtaiji 1.4s linear infinite}@keyframes bbtaiji{to{transform:rotate(360deg)}}.bb-ritual.is-spinning .bb-incense-art{animation:bbshake .2s ease-in-out infinite alternate}@keyframes bbshake{to{transform:rotate(4deg) translateY(-2px)}}
@media(max-width:760px){.bb-life-layout{grid-template-columns:1fr}.bb-life-layout .bb-zone{grid-template-columns:repeat(4,minmax(0,1fr))}.bb-family-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.bb-family-layout>.bb-slot{grid-column:auto!important;grid-row:auto!important}.bb-family-layout>.bb-slot:nth-child(1){grid-column:2!important;grid-row:1!important}.bb-family-layout>.bb-slot:nth-child(n+2){grid-row:auto!important}.bb-slot .bb-card,.bb-slot .bb-card-inner,.bb-slot .bb-back,.bb-slot .bb-face{min-height:132px}.bb-position{font-size:.65rem;min-height:2.2em}.bb-slot .bb-face{padding:7px}.bb-slot .bb-face strong{font-size:1.4rem}.bb-tooltip{position:fixed;left:50%;bottom:16px;top:auto;transform:translateX(-50%);width:min(320px,calc(100vw - 28px))}.bb-ritual{padding:16px}.bb-bagua{width:118px;height:118px}.bb-incense-art{font-size:4.2rem}}
.bb-cards--cau-hoi,.bb-cards--ngay,.bb-cards--thang,.bb-cards--nam{grid-auto-rows:auto;align-items:start}.bb-cards--cau-hoi>.bb-slot:nth-child(8){grid-column:span 2}.bb-cards--thang>.bb-slot:nth-child(n+31){grid-column:span 4}.bb-cards--tuan .bb-week-layout{grid-template-columns:minmax(0,1fr) minmax(110px,.65fr) minmax(0,1fr)}.bb-week-left:before,.bb-week-right:before,.bb-week-center:before{grid-column:1/-1;text-align:center;font-size:.78rem;color:#845a26;font-weight:700}.bb-week-left:before{content:'Nhịp đầu tuần'}.bb-week-right:before{content:'Nhịp cuối tuần'}.bb-week-center:before{content:'Điểm nhấn'}.bb-cards--tien-van-hau-van{display:block}.bb-cards--ban-than-gia-dinh{display:block}.bb-family-layout{margin:16px 0}.bb-slot .bb-back{display:grid;place-items:center}.bb-slot .bb-face{display:flex;flex-direction:column;justify-content:center;align-items:center}.bb-slot .bb-position{overflow-wrap:anywhere}.bb-domains article{box-shadow:0 2px 7px #57391b0a}.bb-extra:focus-visible,.bb-ritual-choice:focus-visible{outline:3px solid #a56a20;outline-offset:3px;border-radius:8px}
@media(max-width:760px){.bb-cards--cau-hoi,.bb-cards--ngay{grid-auto-rows:auto}.bb-cards--thang,.bb-cards--nam{grid-auto-rows:auto}.bb-family-layout>.bb-slot{min-width:0}.bb-life-layout .bb-slot .bb-card,.bb-family-layout .bb-slot .bb-card{min-height:126px}.bb-life-layout .bb-slot .bb-card-inner,.bb-life-layout .bb-slot .bb-back,.bb-life-layout .bb-slot .bb-face,.bb-family-layout .bb-slot .bb-card-inner,.bb-family-layout .bb-slot .bb-back,.bb-family-layout .bb-slot .bb-face{min-height:126px}}
.bb-shuffling[hidden],#bb-ritual[hidden],#bb-table[hidden],#bb-draw[hidden]{display:none!important}
.bb-outcome{padding:18px;border:1px solid #d7bd8f;background:linear-gradient(135deg,#fff8e7,#f2e5ca);border-radius:10px;margin:18px 0}.bb-outcome>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#936522;font-weight:700}.bb-outcome h3{margin:6px 0;color:#7a3024}.bb-outcome p{margin:0;line-height:1.6;color:#5e5243}.bb-slot:hover .bb-tooltip{display:block}.bb-slot:focus-within .bb-tooltip{display:none}.bb-slot:has(.bb-card:focus-visible) .bb-tooltip{display:block}@media(hover:none){.bb-slot .bb-tooltip{display:none!important}}
.bb-form-foot{flex-direction:column;justify-content:center;text-align:center}.bb-form-foot .ic-button{align-self:center;min-width:min(280px,100%)}.bb-form-foot>span{width:100%}
.bb-slot .bb-tooltip{display:none!important}.bb-slot .bb-card.is-open+.bb-tooltip{display:none!important}@media(hover:hover){.bb-slot .bb-card.is-open:hover+.bb-tooltip,.bb-slot:has(.bb-card.is-open:focus-visible) .bb-tooltip{display:block!important}}.bb-ritual{background:radial-gradient(ellipse at 50% 34%,#30291e 0,#171512 62%,#100f0d 100%);border:1px solid #a77a38;color:#f1dfbd;box-shadow:0 12px 32px #0b090729}.bb-ritual-lead,.bb-ritual-hint{color:#e0c99e}.bb-ritual-choice{color:#f1d6a0}.bb-bagua{background:repeating-conic-gradient(#fff7e7 0 15deg,#d7b76f 15deg 30deg);border-color:#e2b947;box-shadow:0 0 24px #d9a33a45,0 5px 18px #0008}.bb-bagua b{color:#090909;text-shadow:0 0 2px #fff}.bb-bagua i{color:#b51212;text-shadow:0 1px #ffdf9b}.bb-incense-art{filter:drop-shadow(0 6px 8px #000b)}.bb-ritual.is-spinning .bb-incense-art{animation:none!important}.bb-main--ancestors .bb-form-foot{justify-content:center;flex-direction:column;text-align:center}.bb-main--ancestors .bb-form-foot .ic-button{align-self:center;min-width:min(260px,100%)}.bb-main--ancestors .bb-form-foot span{width:100%}

/* Allow long method names to wrap inside the page grid. */
.bb-page,.bb-heading,.bb-layout,.bb-sidebar,.bb-main,.bb-intro{min-width:0;max-width:100%;}
.bb-heading h1,.bb-intro h2{max-width:100%;overflow-wrap:anywhere;word-break:normal;line-height:1.35;letter-spacing:0;}
.bb-intro h2{font-size:clamp(1.15rem,2.4vw,1.45rem);}
html[data-theme="night"] .bb-sidebar,html[data-theme="night"] .bb-main{background:var(--tvm-panel,#211d26);color:var(--tvm-ink,#f1e5d2);border-color:var(--tvm-border,#4d3c3d);box-shadow:0 5px 18px #0004;}
html[data-theme="night"] .bb-heading p:last-child,html[data-theme="night"] .bb-intro p,html[data-theme="night"] .bb-note,html[data-theme="night"] .bb-footnote,html[data-theme="night"] .bb-form-foot span,html[data-theme="night"] .bb-draw-head p,html[data-theme="night"] .bb-tip,html[data-theme="night"] .bb-disclaimer{color:var(--tvm-muted,#ac9987);}
html[data-theme="night"] .bb-intro{border-color:var(--tvm-border,#4d3c3d);}
html[data-theme="night"] .bb-method{color:var(--tvm-text,#d0bfaa);}
html[data-theme="night"] .bb-method small{color:var(--tvm-muted,#ac9987);}
html[data-theme="night"] .bb-method:hover,html[data-theme="night"] .bb-method.active{background:var(--tvm-soft,#302734);border-color:var(--tvm-gold,#d5b67a);color:var(--tvm-ink,#f1e5d2);}
html[data-theme="night"] .bb-note,html[data-theme="night"] .bb-footnote{border-color:var(--tvm-border,#4d3c3d);}
html[data-theme="night"] .bb-main textarea{background:#19171e;color:var(--tvm-ink,#f1e5d2);border-color:var(--tvm-border,#4d3c3d);}
html[data-theme="night"] .bb-main textarea::placeholder{color:var(--tvm-muted,#ac9987);}
html[data-theme="night"] .bb-back{background:repeating-linear-gradient(45deg,#302734,#302734 6px,#392e39 6px,#392e39 12px);border-color:#8d6a3c;color:#e3c48b;}
html[data-theme="night"] .bb-face,html[data-theme="night"] .bb-reading-grid article{background:#28232c;border-color:var(--tvm-border,#4d3c3d);color:var(--tvm-ink,#f1e5d2);}
html[data-theme="night"] .bb-face strong{color:#e5a18b;}
html[data-theme="night"] .bb-face span,html[data-theme="night"] .bb-reading-grid p{color:var(--tvm-text,#d0bfaa);}
html[data-theme="night"] .bb-face small,html[data-theme="night"] .bb-reading-grid small{color:#d5b67a;}
html[data-theme="night"] .bb-summary{background:#332b27;border-left-color:#d5a64d;color:var(--tvm-ink,#f1e5d2);}
html[data-theme="night"] .bb-tooltip{background:#28232c;color:var(--tvm-ink,#f1e5d2);border-color:#8d6a3c;box-shadow:0 8px 24px #0008;}
html[data-theme="night"] .bb-position{color:var(--tvm-muted,#ac9987);}
html[data-theme="night"] .bb-cap-note{color:#e5a18b;}
@media(max-width:760px){.bb-heading h1{font-size:clamp(1.8rem,8vw,2.5rem);}}
/* Keep component title sizing ahead of the shared heading scale. */
html[data-theme][data-tvm-page] body .bb-intro h2{font-family:var(--tvm-font,'Be Vietnam Pro',Arial,sans-serif);font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.35;letter-spacing:0;overflow-wrap:anywhere;}
html[data-theme][data-tvm-page] body .bb-heading h1{font-family:var(--tvm-font,'Be Vietnam Pro',Arial,sans-serif);letter-spacing:0;overflow-wrap:anywhere;}
html[data-theme="night"] .bb-outcome{background:linear-gradient(135deg,#332b27,#29232a);border-color:#755b3b;}
html[data-theme="night"] .bb-outcome h3{color:#e5a18b;}
html[data-theme="night"] .bb-outcome p{color:var(--tvm-text,#d0bfaa);}
html[data-theme="night"] .bb-draw-head h3,html[data-theme="night"] .bb-main form label{color:var(--tvm-ink,#f1e5d2);}
/* Bói Bài page introduction: inset, contained card matching the site's panel system. */
.bb-page>.bb-heading{box-sizing:border-box;width:100%;padding:clamp(20px,3vw,34px);margin:4px 0 20px;background:var(--tvm-panel,#fffcf6);border:1px solid var(--tvm-border,#d9c7a8);border-radius:14px;}
.bb-page>.bb-heading .ic-kicker{margin:0 0 8px;}
.bb-page>.bb-heading h1{margin:0 0 6px;line-height:1.2;}
.bb-page>.bb-heading p:last-child{margin:0;max-width:680px;line-height:1.65;}
html[data-theme="night"] .bb-page>.bb-heading{background:var(--tvm-panel,#211d26);border-color:var(--tvm-border,#4d3c3d);}