/* BandNine – WordPress adjustments on top of the design CSS (app.css / course.css). */

a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
img{max-width:100%;height:auto}
.btn{cursor:pointer;border:0;white-space:nowrap;text-decoration:none}
.btn.sec{border:1px solid #d0d5dd}
.btn:hover{filter:brightness(.96)}
.lnk{display:inline-flex;align-items:center;gap:5px;color:var(--pri6);font-weight:600;font-size:13.5px;white-space:nowrap}
.lnk:hover{text-decoration:underline}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:999;background:#fff;padding:8px 14px;border-radius:8px;box-shadow:var(--sh2)}
.skip-link:focus{left:8px}
:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.i.fill{fill:currentColor}
[hidden]{display:none!important}

/* ---------- Menus (wp_nav_menu → ul.lk) ---------- */
ul.lk,ul.fl{list-style:none}
.web nav{height:100%}
.web .lk li,.nav2 .lk li{display:flex;height:100%}
.web .lk li.current-menu-item>a,.web .lk li.current_page_item>a,.web .lk li.current-menu-ancestor>a{color:var(--pri6);font-weight:600}
.nav2 .lk li.current-menu-item>a,.nav2 .lk li.current_page_item>a{color:var(--pri6);font-weight:600}
.web .lk li.current-menu-item>a:after,.web .lk li.current_page_item>a:after,.nav2 .lk li.current-menu-item>a:after,.nav2 .lk li.current_page_item>a:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--pri);border-radius:2px}
.web .lk a:hover,.nav2 .lk a:hover{color:var(--pri6)}
.web .lk .sub-menu,.nav2 .lk .sub-menu{display:none}
.nav2 nav{height:100%}
.nav2 .ph{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--ink2);font-size:13px;white-space:nowrap}
.ft .fl,.ft3 .fl{display:flex;flex-direction:column;gap:2px}
.ft .fl a,.ft3 .fl a{line-height:2;font-size:13.5px;color:#98a2b3}
.ft .fl a:hover,.ft3 .fl a:hover{color:#fff}
.ft h5,.ft3 h5{color:#fff;font-size:14px;margin-bottom:8px}
.brand-logo img{max-height:38px;width:auto;display:block}

/* ---------- Sidebar ---------- */
.side{position:sticky;top:0;height:100vh;overflow-y:auto}
.seg a{flex:1;text-align:center;padding:6px 0;border-radius:7px;font-weight:500;color:var(--mut);font-size:13px}
.nav:hover{background:var(--bg)}
.nav.on:hover{background:var(--pri50)}
.nav .nl{overflow:hidden;text-overflow:ellipsis}
.plan .t{font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.plan>a:not(.btn){display:block;text-align:center;font-weight:600;color:var(--pri6);font-size:13px}
.plan .bar i,.bar i,.xbar i{display:block;height:100%;background:var(--pri);border-radius:inherit}
.me .av{width:36px;height:36px;border-radius:50%;background:var(--pri50);color:var(--pri6);display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}
.me small{display:block;font-size:12px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;max-width:150px}
.me>a{margin-left:auto;color:var(--mut2)}
.me>a:hover{color:var(--pri)}

/* ---------- Header search ---------- */
.web .bn-burger{display:none}
.bn-sf{position:relative;cursor:pointer}
.bn-sf button{width:100%;height:100%;display:grid;place-items:center}
.bn-sf input{position:absolute;right:-1px;top:-1px;height:40px;width:0;opacity:0;border:1px solid #d0d5dd;border-radius:10px;padding:0 12px;background:#fff;transition:width .2s,opacity .2s;pointer-events:none}
.bn-sf.open input{width:260px;opacity:1;pointer-events:auto;box-shadow:var(--sh2)}
.btn.gold{background:#0b1324;color:#fff}

/* ---------- Page bits ---------- */
.fh-r{display:flex;gap:10px;align-items:center;position:relative;flex-wrap:wrap;justify-content:flex-end}
.fh p{white-space:normal}
.crumb a:hover{color:var(--pri6)}
.crumb b{color:var(--ink2);font-weight:600}
.g{display:grid;gap:20px;margin-bottom:20px}
.bn-g2{grid-template-columns:1.65fr 1fr}
.bn-g4{grid-template-columns:repeat(4,1fr)}
.bn-pad{padding:20px 22px}
.bn-sh{display:flex;justify-content:space-between;align-items:center;margin:6px 0 14px}
.bn-sh h3{font-size:17px}
.bn-sh p{color:var(--mut);font-size:13px;margin-top:2px}
.bn-greet h1{font-size:24px}
.bn-content{line-height:1.75;font-size:15px;color:var(--ink2)}
.bn-content>*+*{margin-top:1em}
.bn-content h2{font-size:22px;margin-top:1.4em;color:var(--ink)}
.bn-content h3{font-size:18px;margin-top:1.2em;color:var(--ink)}
.bn-content ul,.bn-content ol{padding-left:1.4em}
.bn-content a{color:var(--pri6);text-decoration:underline}
.bn-content blockquote{border-left:3px solid var(--pri);padding:6px 16px;background:var(--pri25);border-radius:0 8px 8px 0}
.bn-content img{border-radius:12px}
.card.bn-content{padding:24px 28px;margin-top:20px}

/* Empty / login */
.bn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:42px 20px;color:var(--mut);font-size:13.5px}
.bn-empty .i{color:var(--pri300);margin-bottom:4px}
.bn-empty b{color:var(--ink);font-size:15px}
.bn-empty.sm{padding:20px;font-size:13px}
.bn-empty form{margin-top:10px;width:320px;max-width:100%}
.bn-404 .big{font:800 64px 'Plus Jakarta Sans';color:var(--pri);line-height:1}
.bn-404 .btn{margin-top:10px}
.bn-login{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:20px;border-color:var(--pri200);background:var(--pri25)}
.bn-login div{flex:1}
.bn-login b{display:block;font-size:14px}
.bn-login span{font-size:13px;color:var(--mut)}
.bn-none{padding:24px;text-align:center;color:var(--mut)}

/* Date filter dropdown */
.bn-dd{position:relative}
.bn-dd>button{cursor:pointer;background:#fff}
.bn-dd .dp{display:none;z-index:50;width:520px;grid-template-columns:170px 1fr}
.bn-dd.open .dp{display:grid}
.dp .ps a,.dp .ps span{display:block;padding:8px 12px;border-radius:7px;font-size:13.5px;color:var(--ink2);font-weight:500}
.dp .ps a:hover{background:var(--bg)}
.dp .dr2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dp .dr2 label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--mut);font-weight:500}
.dp .dr2 input{height:40px;border:1px solid #d0d5dd;border-radius:8px;padding:0 10px;color:var(--ink)}
.dp .lg i{width:8px;height:8px;border-radius:50%;background:var(--pri)}
.sel{background:#fff;cursor:pointer;white-space:nowrap}
.dsg a{padding:7px 11px;font-size:13px;white-space:nowrap}

/* Segmented filter buttons */
.sg a,.sg button{padding:6px 12px;border-radius:7px;font-weight:500;color:var(--mut);font-size:13px;display:inline-flex;align-items:center;white-space:nowrap}
.sg button.on,.sg a.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.08)}
.sg button em{font-style:normal;color:var(--mut2);margin-left:5px;font-size:12px}
.xhd .sg span{padding:6px 12px;border-radius:7px;font-size:13px;color:var(--mut);font-weight:500}

/* Search inputs */
.s4 input,.s5 input{border:0;outline:0;background:transparent;flex:1;min-width:0;height:100%;color:var(--ink)}
.fr .s5,.s4{background:#fff}
.bn-search .s5{height:40px;border:1px solid #d0d5dd;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--mut2);background:#fff;min-width:260px}

/* Next / continue card */
.nx-eb{font-size:12.5px;font-weight:600;color:var(--mut);letter-spacing:.06em}
.nx-p{color:var(--mut);margin-top:6px;font-size:14px;line-height:1.55}
.nxt .mt i{font-style:normal;color:var(--mut2)}
.sq{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}
.sq-ok{background:var(--ok50);color:var(--ok)}
.sq-pr{background:var(--pri50);color:var(--pri)}
.sq-mu{background:#f2f4f7;color:var(--mut)}
.okt{color:#067647}
.prt{color:var(--pri6)}
.prt2{font-size:12.5px;color:var(--pri6);font-weight:600;white-space:nowrap}
.xdn{color:var(--pri6);font-weight:600;display:inline-flex;align-items:center;gap:2px}
.sa .xbar i{background:var(--pri)}

/* Library list */
.mt2 a em.mc{font-style:normal;font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:0 7px;color:var(--mut)}
.mt2 a.on em.mc{background:var(--pri50);border-color:var(--pri100);color:var(--pri6)}
.mt2 a:hover{color:var(--ink)}
.ac:not(.open) .ab{display:none}
.ah{cursor:pointer}
.ah>div:nth-child(2){flex:1;min-width:0}
.cvm{text-align:center}
.tc>div:first-child{min-width:0}
.tc .tt a:hover,.sr h4 a:hover,.tn2 b a:hover{color:var(--pri6)}
.tc.prog{border-color:var(--pri200);background:var(--pri25)}
.tc.done .bc,.sr .bc{white-space:nowrap}
.ar2{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2)}
.ar2:hover{border-color:var(--pri200);color:var(--pri6)}
.sr-b{flex:1;min-width:0}
.sr.sdone{background:#fcfffd}
.pgc .n a,.pgc .n span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:500;color:var(--ink2);border:1px solid var(--line)}
.pgc .n span.dis{color:#d0d5dd}
.pgc .n a:hover{border-color:var(--pri200)}
.tr.out{opacity:.45}
.tr .tn2 b a{color:inherit}
.p-pr{color:var(--pri6);background:var(--pri50);border-color:var(--pri200)}
.p-ns{color:var(--ink2);background:#f9fafb;border-color:var(--line)}
.p-lk{color:var(--mut);background:#f9fafb;border-color:var(--line)}
.p-lk:before{display:none}
.b-warn{background:var(--pri50);color:var(--pri6)}
.b-gray{background:#f2f4f7;color:var(--ink2)}
.b-pri{background:var(--pri50);color:var(--pri6)}

/* Promo slider */
.pbn .pb:not(.on){display:none}
.pbn .pba{cursor:pointer;z-index:3}
.pbn .pbd i{cursor:pointer}
.pbn .pbd i.on{background:var(--pri);width:18px}
.pb .pbm svg,.pb .pbm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Dashboard */
.sc5{transition:border-color .15s,box-shadow .15s}
.sc5:hover{border-color:var(--pri200);box-shadow:0 6px 18px -10px rgba(var(--pri-rgb),.4)}
.sc5 .ic{background:var(--pri50);color:var(--pri)}
.sc5.fm .ic{background:rgba(255,255,255,.1);color:var(--pri300);border:1px solid rgba(255,255,255,.16)}
.sc5.fm .bar i{background:var(--pri300)}
.hero .btn.lt{background:#fff;color:var(--ink)}
.hero .btn.gh{color:#fff}
.wk span.pt{background:var(--pri50);border-color:var(--pri200);color:var(--pri)}
.log .dot{background:var(--pri50);color:var(--pri)}
.log .pts{color:var(--pri6)}
.log>.bn-empty{grid-column:1/-1}
.qr .bar i{background:var(--pri)}
.bn-tw{overflow-x:auto}
td .tn small{display:block;color:var(--mut);font-size:12px}
.bn-up{display:flex;flex-direction:column;gap:10px}
.bn-up a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.bn-up a:hover{border-color:var(--pri200)}
.bn-up a>div{flex:1;min-width:0}
.bn-up b{display:block;font-size:14px}
.bn-up small{color:var(--mut);font-size:12.5px}
.bn-up .cal{width:46px;height:50px;border-radius:10px;overflow:hidden;border:1px solid var(--pri200);text-align:center;flex-shrink:0}
.bn-up .cal small{display:block;background:var(--pri);color:#fff;font:700 10px Inter;letter-spacing:.08em;padding:3px 0}
.bn-up .cal b{font:800 18px 'Plus Jakarta Sans';color:var(--pri6);margin-top:3px}
.bn-pricing{margin-top:34px}
.bn-pricing-page{margin-top:6px}
.prh{text-align:center;margin-bottom:26px}
.prh .ey{display:inline-flex;align-items:center;gap:6px;color:var(--pri6);font-weight:600;font-size:13px;background:var(--pri50);border-radius:20px;padding:4px 12px}
.prh h2{font-size:28px;margin-top:12px}
.prh p{color:var(--mut);margin-top:6px}
.pl ul{list-style:none}
.pl li .i{color:var(--ok)}
.pl li.no{color:var(--mut2)}
.pl li.no .i{color:#d0d5dd}

/* Results */
.bn-skb{display:flex;flex-direction:column;gap:10px}
.bn-skb a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.bn-skb a:hover{border-color:var(--pri200)}
.bn-skb a>div{flex:1}
.bn-skb b{font-size:14px;display:block}
.bn-skb small{font-size:12px;color:var(--mut)}
.bn-skb em{font:700 20px 'Plus Jakarta Sans';font-style:normal;color:var(--pri6)}
.mg>.card{min-width:0}

/* Contact */
.bn-form{display:flex;flex-direction:column;gap:14px}
.bn-form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bn-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--ink2)}
.bn-form input,.bn-form textarea{border:1px solid #d0d5dd;border-radius:9px;padding:10px 12px;background:#fff}
.bn-form .btn{align-self:flex-start}
.bn-form .hp{position:absolute;left:-9999px}
.bn-alert{display:flex;gap:8px;align-items:center;padding:12px 14px;border-radius:10px;background:var(--pri50);color:var(--pri6);margin-bottom:14px;font-weight:500}
.bn-alert.ok{background:var(--ok50);color:#067647}
.bn-ci{display:flex;flex-direction:column;gap:16px}
.bn-ci>div{display:flex;gap:12px;align-items:center}
.bn-ci small{display:block;color:var(--mut);font-size:12.5px}
.bn-ci b,.bn-ci a{font-weight:600}

/* Single test */
.bn-ov .xv{font-size:22px}
.bn-rel{padding:0}
.bn-rel .sr{margin-bottom:0}

/* Blog */
.bn-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bn-post{overflow:hidden;display:flex;flex-direction:column}
.bn-thumb{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--pri8),var(--pri));overflow:hidden}
.bn-thumb img{width:100%;height:100%;object-fit:cover}
.bn-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:#fff}
.bn-ph b{font:700 16px 'Plus Jakarta Sans'}
.bn-pb{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.bn-pb h2{font-size:17px;line-height:1.35}
.bn-pb h2 a:hover{color:var(--pri6)}
.bn-pb p{color:var(--mut);font-size:13.5px;line-height:1.6}
.bn-pb .lnk{margin-top:auto}
.bn-pm{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--mut);flex-wrap:wrap}
.bn-pn{margin-top:22px}
.bn-pn .nav-links{display:flex;gap:6px;justify-content:center}
.bn-pn .page-numbers{min-width:36px;height:36px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;padding:0 8px;background:#fff;font-weight:500}
.bn-pn .page-numbers.current{background:var(--pri50);color:var(--pri6);border-color:var(--pri200)}
.bn-sres{margin-bottom:12px}
.bn-sres h2{font-size:17px;margin:8px 0 4px}
.bn-art{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.bn-article{padding:32px 40px}
.bn-article h1{font-size:30px;line-height:1.25;margin:12px 0 20px}
.bn-page{margin-bottom:20px}
.bn-hero-img img{border-radius:14px;margin-bottom:22px;width:100%}
.bn-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}
.bn-tags a{font-size:12.5px;border:1px solid var(--line);border-radius:7px;padding:3px 9px}
.bn-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}
.bn-cta h3{font-size:17px;margin:12px 0 6px}
.bn-cta p{color:var(--mut);font-size:13.5px;margin-bottom:14px}
.btn.full{width:100%;justify-content:center}
.bn-more a{display:block;padding:10px 0;border-top:1px solid var(--line)}
.bn-more a:first-child{border:0}
.bn-more b{font-size:13.5px;display:block}
.bn-more small{color:var(--mut);font-size:12px}
.bn-comments{margin-top:20px}
.bn-ch{font-size:17px;margin-bottom:14px}
.bn-cl{list-style:none}
.bn-cl li{padding:12px 0;border-top:1px solid var(--line)}
.comment-form{display:flex;flex-direction:column;gap:10px}
.comment-form textarea,.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:10px 12px}

/* Course page (site layout) */
.bn-site{background:#fff}
.bn-site .hero .bc a:hover{color:#fff}
.bn-site .rate .sep{color:#475467}
.bn-site .tabs3{position:sticky;top:0}
.bn-site .wh{cursor:pointer}
.bn-site .wh>.i{transition:transform .2s;color:var(--mut)}
.bn-site .wh.open>.i{transform:rotate(180deg)}
.bn-site .ls .li{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13.5px;color:var(--ink2)}
.bn-site .ls .fr{font-size:11px;font-weight:600;color:var(--pri6);background:var(--pri50);border-radius:20px;padding:1px 8px}
.bn-site details.fq summary{list-style:none;cursor:pointer}
.bn-site details.fq summary::-webkit-details-marker{display:none}
.bn-site details.fq[open] summary .i{transform:rotate(180deg)}
.bn-site .learn .ic{background:var(--pri50);color:var(--pri)}
.bn-site .a2{background:var(--pri50);color:var(--pri6)}
.bn-site .sh2{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
.bn-site .vid .cimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bn-site .rc{display:block;transition:box-shadow .15s}
.bn-site .rc:hover{box-shadow:0 10px 30px -14px rgba(16,24,40,.3)}
.bn-site .hero-sm .hin{padding-bottom:40px}
.bn-site .bn-arch{padding-top:40px}
.bn-site .bn-content{max-width:760px}

/* Mobile drawer */
.bn-scrim{display:none}

/* ---------- Responsive ---------- */
@media (max-width:1280px){
	.k4,.bn-g4{grid-template-columns:repeat(2,1fr)}
	.p5{grid-template-columns:repeat(3,1fr)}
	.plans{grid-template-columns:repeat(2,1fr)}
	.daily{grid-template-columns:1fr}
	.daily>div+div{border-left:0;border-top:1px solid var(--line)}
	.daily>.log{grid-template-columns:repeat(2,1fr)}
	.web .ph{display:none}
	.tr{grid-template-columns:2fr 100px 1fr 1.2fr 40px 40px 40px 40px 60px 110px}
}
@media (max-width:1100px){
	.side{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translateX(-100%);transition:transform .25s}
	body.bn-menu-open .side{transform:none;box-shadow:0 0 40px rgba(16,24,40,.25)}
	body.bn-menu-open .bn-scrim{display:block;position:fixed;inset:0;background:rgba(16,24,40,.4);z-index:99}
	.web .bn-burger{display:grid}
	.web nav{display:none}
	.mg,.bn-g2,.bn-art{grid-template-columns:1fr}
	.lib3{grid-template-columns:1fr}
	.ab{grid-template-columns:1fr}
	.bn-posts{grid-template-columns:repeat(2,1fr)}
	.tbl{overflow-x:auto}
	.tbl .tr{min-width:980px}
	.tbl .tool{flex-wrap:wrap}
	.fh{flex-direction:column;align-items:flex-start;gap:14px}
	.fh-r{justify-content:flex-start}
	.ft .cols,.ft3 .cols{grid-template-columns:1fr 1fr}
	.nav2{padding:0 20px;gap:16px}
	.nav2 nav{display:none}
	.bn-aside{position:static}
}
@media (max-width:720px){
	.main .page{padding:18px 16px 30px}
	.web{padding:0 16px;gap:10px}
	.web .rt .btn.sec{display:none}
	.k4,.bn-g4,.p5,.plans,.bn-posts{grid-template-columns:1fr}
	.daily>.log{grid-template-columns:1fr}
	.rings{flex-direction:column;align-items:flex-start}
	.hstats{flex-wrap:wrap;gap:12px}
	.hstats div+div{border-left:0;padding-left:0}
	.pb{grid-template-columns:1fr!important}
	.pb .pbm{display:none}
	.dsg{display:none}
	.bn-dd .dp{width:calc(100vw - 32px);grid-template-columns:1fr;left:0;right:auto}
	.fr,.sub{flex-wrap:wrap}
	.ah{flex-wrap:wrap}
	.seg4{margin-left:0}
	.sr{flex-wrap:wrap}
	.srr{margin-left:0}
	.mt2{overflow-x:auto}
	.bn-form .two{grid-template-columns:1fr}
	.bn-article{padding:22px 18px}
	.ft .cols,.ft3 .cols{grid-template-columns:1fr}
	.fh p{white-space:normal}
	.pbn .pba{display:none}
}
.hero .hac{display:flex;gap:10px;margin:22px 0 24px;flex-wrap:wrap}
.bn-tw td,.bn-tw th{padding-left:10px!important;padding-right:10px!important}
.pl.pop .nm{padding-right:96px}
.bn-site .hero h1 span{color:var(--pri300);background:none;-webkit-text-fill-color:currentColor}
.bn-site .seat{background:var(--pri25);border-color:var(--pri200);color:var(--pri6)}
.bn-site .seat .bar i{background:var(--pri)}

/* v3: responsive charts */
.daily>*,.g>*,.bn-g2>*,.xch,.card{min-width:0}
svg.bn-chart{display:block;width:100%;max-width:100%;height:auto;overflow:visible}
.bn-pie{flex:0 0 auto}
@media (max-width:1100px){.daily{grid-template-columns:1fr!important}.daily>div+div{border-left:0!important;border-top:1px solid var(--line)}.daily>.log{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:600px){.daily>div{padding:16px}.daily>.log{grid-template-columns:1fr!important}.rings{flex-wrap:wrap;justify-content:center}}

/* v4: chart point details */
.bn-hit{cursor:pointer;outline:none}.bn-hit:hover,.bn-hit:focus{fill:rgba(217,45,32,.06)}
circle.bn-hit:hover,circle.bn-hit:focus{fill:rgba(217,45,32,.14)}
.bn-tip{position:absolute;z-index:9999;width:250px;max-width:calc(100vw - 16px);background:#101828;color:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 12px 32px rgba(16,24,40,.28);font-size:13px;line-height:1.35}
.bn-tip-t{display:block;font-size:14px;font-weight:600}
.bn-tip small{display:block;color:#98a2b3;font-size:11.5px;margin:2px 0 8px}
.bn-tip ul{list-style:none;margin:0;padding:0}
.bn-tip li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-top:1px solid rgba(255,255,255,.08)}
.bn-tip li span{color:#d0d5dd;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-tip li b{font-weight:600;white-space:nowrap}
.bn-tip li.main b{color:#fda29b;font-size:15px}
.bn-tip-a{display:block;margin-top:10px;text-align:center;background:var(--pri,#d92d20);color:#fff!important;border-radius:8px;padding:7px 10px;font-weight:600;text-decoration:none}

/* v8: Edit goals */
.bn-gh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bn-ge{position:relative}.bn-ge>summary{list-style:none;cursor:pointer}.bn-ge>summary::-webkit-details-marker{display:none}
.bn-ge form{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:330px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(16,24,40,.16);padding:14px;display:flex;flex-direction:column;gap:6px}
.bn-ge form b{font-size:14px}.bn-ge form small{color:var(--mut);font-size:12px;margin-bottom:4px}
.bn-ge label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);padding:3px 0}
.bn-ge label span{flex:1}.bn-ge label input[type=number]{width:70px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;font:inherit}
.bn-ge label em{font-style:normal;color:var(--mut);font-size:12px;width:24px}
.bn-ge label input[type=checkbox]{accent-color:var(--pri)}
.bn-ge form .btn{margin-top:6px;justify-content:center}

/* v10: Today's goals legend stays inside the card */
.daily .dh{gap:10px}.daily .dh>div:first-child{min-width:0}
.rings{flex-wrap:wrap;gap:16px}
.rings .rl{flex:1 1 150px;min-width:0}
.rings .rl div{white-space:normal;line-height:1.3}
.rings .rl i{flex:0 0 10px}
.rings .rl b{white-space:nowrap;flex-shrink:0}
.bn-gh .btn{white-space:nowrap}

/* v11: dashboard hero slides */
.bn-hero{display:grid;padding:0}
.bn-hero .hs{grid-area:1/1;padding:28px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .5s ease;position:relative;z-index:1;border-radius:16px}
.bn-hero .hs[style*="--hbg"]{background-image:linear-gradient(90deg,rgba(11,19,36,.92),rgba(11,19,36,.55)),var(--hbg);background-size:cover;background-position:center}
.bn-hero .hs.on{opacity:1;visibility:visible}
.bn-hero .hs .hac{margin:22px 0 24px}
.bn-hero .hs .hstats{margin-top:auto}
.bn-hero .hdots{position:absolute;right:22px;top:24px;z-index:2;display:flex;gap:6px}
.bn-hero .hdots i{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.35);cursor:pointer;transition:width .3s}
.bn-hero .hdots i.on{width:22px;background:var(--pri)}
@media (max-width:600px){.bn-hero .hs{padding:20px}.bn-hero .hdots{top:auto;bottom:14px;right:50%;transform:translateX(50%)}}

/* v12: mobile */
@media (max-width:1400px){.page,.ft .in{width:auto!important;max-width:100%}}
@media (max-width:1100px){.app,.main,.wrap{min-width:0;max-width:100%}.srch{width:240px}}
@media (max-width:720px){
html,body{overflow-x:hidden;max-width:100%}
img,svg,video,canvas,iframe{max-width:100%}
.page{padding:14px 12px 24px}
.card{min-width:0;padding:16px}
.web .in{padding:0 12px;gap:8px}
.srch,.topnav .s3,.topnav .s4{width:100%!important;max-width:100%}
.fh{gap:10px}.fh h1{font-size:22px;line-height:1.25}.fh p{font-size:13px}
.fh-r{width:100%;flex-wrap:wrap;gap:8px}.fh-r .btn{flex:1 1 auto;justify-content:center}
.hero h2,.bn-hero h2{font-size:21px;line-height:1.3}.hero p{max-width:100%;font-size:13px}
.bn-hero .hs{padding:18px 16px 40px}
.hac{display:flex;flex-wrap:wrap;gap:8px}.hac .btn{flex:1 1 140px;justify-content:center}
.hstats{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
.hstats>div{min-width:0;border:0!important;padding:0!important}
.bn-hero .hdots{top:auto;bottom:14px;right:50%;transform:translateX(50%)}
.subs,.sa{grid-template-columns:repeat(2,1fr)!important;gap:10px}
.k4,.p5,.plans,.g2,.g3,.grid2,.grid3{grid-template-columns:1fr!important}
.gauge{max-width:100%}.gauge svg{width:100%;max-width:240px;height:auto}
.xch .xhd,.dh,.sh,.ch-h{flex-wrap:wrap;gap:8px}
.sg{flex-wrap:wrap}
.bn-gh{justify-content:flex-start}
.bn-ge form{left:0;right:auto;width:calc(100vw - 40px)}
.daily{grid-template-columns:1fr!important}
.mt2{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mt2::-webkit-scrollbar{display:none}.mt2 .mc{flex:0 0 auto;white-space:nowrap}
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.wk{gap:4px}
.pb h2{font-size:20px}
.dp{width:auto!important;max-width:calc(100vw - 24px)}
.btn{white-space:normal}
.bn-promo,.promo{flex-direction:column;align-items:flex-start;gap:10px}
.ft .in{padding:0 12px}
}
@media (max-width:380px){.subs,.sa,.hstats{grid-template-columns:1fr!important}.hero h2,.bn-hero h2{font-size:19px}}