/* beawareofme tools player · three palettes rotate by theme */
.bamt,.bamg-card,.bamg{--bam-dark:#064E3B;--bam-main:#038750;--bam-soft:#E3F1E8;--bam-bg:#F4EFE6;--bam-accent:#C6F432;--bam-accent-text:#064E3B;
 --bam-paper:#FFFDF8;--bam-ink:#1D2A25;--bam-line:#E4DCCD;--bam-good:#2E9E6B;--bam-mid:#F2A65A;--bam-high:#E76F51;
 --bam-c1:#038750;--bam-c2:#4A64A8;--bam-c3:#F2A65A;--bam-c4:#E76F51;--bam-c5:#8E6BBF;--bam-c6:#2F9FB5}
[data-pal=midnight]{--bam-dark:#1E2A4A;--bam-main:#4A64A8;--bam-soft:#DCE3F4;--bam-bg:#FBF8F1;--bam-accent:#F6C453;--bam-accent-text:#1E2A4A;--bam-line:#E2E1EC}
[data-pal=ocean]{--bam-dark:#16365E;--bam-main:#2F6FB5;--bam-soft:#DCEAF7;--bam-bg:#F4F8FC;--bam-accent:#FFB627;--bam-accent-text:#16365E;--bam-line:#DCE5EF}

.bamt{font-family:Inter,system-ui,sans-serif;color:var(--bam-ink);line-height:1.55;margin:28px auto;max-width:860px}
.bamt *{box-sizing:border-box}
.bamt h1,.bamt h2,.bamt h3,.bamt-h1{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;color:var(--bam-dark);line-height:1.08;margin:0 0 12px}
.bamt-h1{font-size:clamp(30px,5vw,46px)}.bamt h2{font-size:clamp(24px,3.6vw,34px)}.bamt h3{font-size:22px}
.bamt em{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:600;color:var(--bam-main)}
.bamt-card{background:var(--bam-bg);border-radius:24px;padding:clamp(22px,4vw,40px);border:1px solid var(--bam-line);position:relative;overflow:hidden}
.bamt-compact .bamt-card{padding:22px 24px;border-left:8px solid var(--bam-main)}
.bamt-ico{font-size:44px;line-height:1;margin-bottom:12px}
.bamt-k{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--bam-main);margin-bottom:8px}
.bamt-btn{display:inline-flex;align-items:center;gap:8px;background:var(--bam-accent);color:var(--bam-accent-text)!important;font:800 17px Inter,sans-serif;padding:15px 30px;border-radius:60px;border:0;cursor:pointer;text-decoration:none;transition:transform .15s}
.bamt-btn:hover{transform:translateY(-2px)}.bamt-btn.ghost{background:transparent;border:2px solid var(--bam-dark);color:var(--bam-dark)!important}
.bamt-btn.dark{background:var(--bam-dark);color:#fff!important}
.bamt-fine{font-size:12.5px;opacity:.7;margin-top:14px}
.bamt-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.bamt-prog{flex:1;height:10px;border-radius:10px;background:var(--bam-soft);overflow:hidden}.bamt-prog i{display:block;height:100%;background:var(--bam-main);border-radius:10px;transition:width .35s}
.bamt-count{font-weight:800;font-size:13px;color:var(--bam-dark)}
.bamt-q{font-family:'Bricolage Grotesque',Inter;font-weight:800;font-size:clamp(21px,3vw,28px);color:var(--bam-dark);line-height:1.15;margin:4px 0 20px}
.bamt-ans{display:grid;gap:12px}
.bamt-a{display:flex;align-items:center;gap:14px;text-align:left;background:var(--bam-paper);border:2px solid var(--bam-line);border-radius:18px;padding:14px 18px;font:600 16px Inter,sans-serif;color:var(--bam-ink);cursor:pointer;transition:all .15s;width:100%}
.bamt-a:hover,.bamt-a:focus-visible{border-color:var(--bam-main);background:var(--bam-soft);outline:none;transform:translateX(3px)}
.bamt-a .e{font-size:28px;flex:0 0 36px;text-align:center}
.bamt-ans.scale{grid-template-columns:repeat(5,1fr);gap:8px}
.bamt-ans.scale .bamt-a{flex-direction:column;text-align:center;padding:14px 6px;font-size:13px;gap:6px}
.bamt-ans.tot{grid-template-columns:1fr 1fr}.bamt-ans.tot .bamt-a{flex-direction:column;text-align:center;padding:26px 14px;font-size:17px}.bamt-ans.tot .e{font-size:40px}
.bamt-back{background:none;border:0;color:var(--bam-main);font-weight:700;cursor:pointer;margin-top:16px;padding:0}
.bamt-fade{animation:bamtIn .35s ease}@keyframes bamtIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* result */
.bamt-res{display:grid;gap:18px}
.bamt-prof{background:var(--bam-dark);color:#fff;border-radius:24px;padding:clamp(22px,4vw,36px);display:grid;gap:22px;align-items:center}
.bamt-prof h2{color:#fff;margin-bottom:8px}.bamt-prof .bamt-k{color:var(--bam-accent)}.bamt-prof p{margin:0;font-size:17px;opacity:.95}
.bamt-prof .big{font-size:54px;line-height:1}
.bamt-chart{background:var(--bam-paper);border-radius:20px;padding:16px;display:flex;justify-content:center;align-items:center}
.bamt-chart svg{width:100%;max-width:340px;height:auto}
.bamt-grid2{display:grid;gap:18px}
.bamt-box{background:var(--bam-paper);border:1px solid var(--bam-line);border-radius:20px;padding:20px 22px}
.bamt-box h3{font-size:19px;display:flex;gap:8px;align-items:center}
.bamt-box ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bamt-note{background:var(--bam-soft);border-radius:12px;padding:10px 14px;font-weight:600;color:var(--bam-dark)}
.bamt-act{display:flex;gap:12px;align-items:flex-start;background:var(--bam-bg);border-radius:14px;padding:12px 14px}
.bamt-act .e{font-size:24px}.bamt-act small{display:inline-block;background:var(--bam-accent);color:var(--bam-accent-text);font-weight:800;font-size:11px;padding:2px 8px;border-radius:20px;margin-left:6px;text-transform:uppercase;letter-spacing:.05em}
.bamt-line{border-left:6px solid var(--bam-accent);background:var(--bam-paper);border-radius:14px;padding:16px 20px;font-family:Fraunces,Georgia,serif;font-style:italic;font-size:21px;color:var(--bam-dark)}
.bamt-dims{display:grid;gap:8px}.bamt-dim{display:grid;grid-template-columns:28px 1fr 44px;gap:10px;align-items:center;font-weight:700;font-size:14px}
.bamt-dim .bar{display:block;height:12px;border-radius:10px;background:var(--bam-soft);overflow:hidden;margin-top:4px}.bamt-dim .bar i{display:block;height:100%;border-radius:10px}
.bamt-dim .lab{display:block;font-size:13px}
.bamt-match{display:grid;gap:18px;background:var(--bam-paper);border:2px solid var(--bam-main);border-radius:22px;padding:18px;align-items:center}
.bamt-match img{width:100%;max-width:170px;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.18);margin:0 auto}
.bamt-match h3{margin-bottom:6px}.bamt-match .pr{font-family:'Bricolage Grotesque';font-weight:800;font-size:26px;color:var(--bam-main)}
.bamt-also{font-size:14px;margin-top:10px}.bamt-also a{color:var(--bam-main);font-weight:700}
.bamt-help{display:flex;gap:14px;background:var(--bam-paper);border:2px solid var(--bam-high);border-radius:18px;padding:18px 20px}
.bamt-help .i{flex:0 0 40px;height:40px;border-radius:50%;background:var(--bam-high);color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center}
.bamt-next{display:flex;flex-wrap:wrap;gap:10px}
.bamt-next a{display:inline-flex;gap:8px;align-items:center;background:var(--bam-soft);color:var(--bam-dark);font-weight:700;padding:10px 16px;border-radius:40px;text-decoration:none}
.bamt-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.bamt-time{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 18px}
.bamt-time input,.bamt-time select{font:700 20px Inter;padding:12px 14px;border-radius:14px;border:2px solid var(--bam-line);background:#fff;color:var(--bam-dark)}
.bamt-bed{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.bamt-bed div{background:var(--bam-paper);border:2px solid var(--bam-line);border-radius:16px;padding:14px;text-align:center}
.bamt-bed div.best{border-color:var(--bam-main);background:var(--bam-soft)}.bamt-bed b{display:block;font-family:'Bricolage Grotesque';font-size:28px;color:var(--bam-dark)}
.bamt-breathe{display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px 0}
.bamt-sq{width:220px;height:220px;border-radius:28px;background:var(--bam-soft);border:3px solid var(--bam-main);display:flex;align-items:center;justify-content:center;font:800 26px 'Bricolage Grotesque',Inter;color:var(--bam-dark);transition:transform 4s ease-in-out}
.bamt-sq.in{transform:scale(1.25)}.bamt-sq.out{transform:scale(.85)}
@media(min-width:720px){.bamt-prof{grid-template-columns:1.2fr 1fr}.bamt-grid2{grid-template-columns:1fr 1fr}.bamt-match{grid-template-columns:170px 1fr}.bamt-match.noimg{grid-template-columns:1fr}}
@media(max-width:520px){.bamt-ans.scale{grid-template-columns:1fr}.bamt-ans.scale .bamt-a{flex-direction:row;text-align:left}}

/* grids, cards, start here */
.bamg{font-family:Inter,system-ui,sans-serif;margin:28px auto;max-width:1200px;padding:0 20px}
.bamt{padding:0 16px}
.bamg-title{font-family:'Bricolage Grotesque',Inter;font-weight:800;color:#064E3B;font-size:clamp(24px,3.6vw,34px);margin:0 0 16px}
.bamg-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.bamg-card{display:flex;flex-direction:column;gap:6px;background:var(--bam-bg);border:1px solid var(--bam-line);border-top:6px solid var(--bam-main);border-radius:20px;padding:18px;text-decoration:none!important;color:var(--bam-ink)!important;transition:transform .15s,box-shadow .15s}
.bamg-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.1)}
.bamg-ico{font-size:34px}.bamg-th{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--bam-main)}
.bamg-card strong{font-family:'Bricolage Grotesque',Inter;font-size:20px;line-height:1.15;color:var(--bam-dark)}
.bamg-in{font-size:14px;flex:1}.bamg-go{font-weight:800;color:var(--bam-dark)}
.bamg-day{max-width:420px}.bamg-badge{display:inline-block;background:#C6F432;color:#064E3B;font-weight:800;font-size:12px;padding:4px 12px;border-radius:20px;margin-bottom:8px}
.bamg-pills{display:flex;flex-wrap:wrap;gap:10px}
.bamg-pill{background:#FFFDF8;border:1px solid #E4DCCD;color:#064E3B!important;font-weight:700;padding:10px 16px;border-radius:40px;text-decoration:none!important}
.bamg-pill:hover{background:#064E3B;color:#fff!important}

.bamt-reco{display:grid;gap:14px;margin-top:6px}
.bamt-rc{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--bam-paper);border:2px solid var(--bam-line);border-radius:20px;padding:18px 16px 16px;text-decoration:none!important;color:var(--bam-ink)!important;transition:transform .15s,box-shadow .15s}
.bamt-rc:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.12)}
.bamt-rc.best{border-color:var(--bam-main);background:var(--bam-soft);box-shadow:0 12px 28px rgba(0,0,0,.1)}
.bamt-rc img{width:100%;max-width:150px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;margin:6px auto 4px;box-shadow:0 10px 22px rgba(0,0,0,.18)}
.bamt-rc strong{font-family:'Bricolage Grotesque',Inter;font-size:18px;line-height:1.15;color:var(--bam-dark)}
.bamt-rc .nt{font-size:13px;opacity:.8}.bamt-rc .ft{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px}
.bamt-rc .pr{font-family:'Bricolage Grotesque';font-weight:800;font-size:24px;color:var(--bam-main)}.bamt-rc .go{font-weight:800;color:var(--bam-dark);font-size:14px}
.bamt-badge{position:absolute;top:-12px;left:16px;background:var(--bam-dark);color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px}
.bamt-rc.best .bamt-badge{background:var(--bam-accent);color:var(--bam-accent-text)}
@media(min-width:720px){.bamt-reco{grid-template-columns:repeat(3,1fr)}}

.bamt-picked{background:var(--bam-bg);border-radius:24px;padding:22px 18px}
.bamt-ph{font-family:'Bricolage Grotesque',Inter;font-weight:800;color:var(--bam-main);font-size:24px;text-align:center;margin:0 0 6px}
.bamt-pi{text-align:center;max-width:620px;margin:0 auto 22px;font-weight:600;color:var(--bam-dark)}
.bamt-rc{gap:7px}.bamt-chip{align-self:flex-start;background:var(--bam-soft);color:var(--bam-dark);font-weight:800;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:20px}
.bamt-rc .pt{font-size:13.5px;color:var(--bam-dark);font-style:italic}.bamt-rc .vl{font-size:13px;font-weight:800;color:var(--bam-main)}
.bamt-see{font-weight:800;color:var(--bam-dark)!important;background:var(--bam-soft);padding:7px 14px;border-radius:30px;text-decoration:none!important;font-size:14px}
.bamt-get{justify-content:center;font-size:15px;padding:11px 18px;margin-top:6px;width:100%}
.bamt-posts{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.bamt-post{display:flex;flex-direction:column;background:var(--bam-paper);border:1px solid var(--bam-line);border-radius:16px;overflow:hidden;text-decoration:none!important;color:var(--bam-dark)!important;font-weight:700}
.bamt-post img{width:100%;aspect-ratio:16/10;object-fit:cover}.bamt-post span{padding:12px 14px}
.bamt-all{font-weight:800;color:var(--bam-main)!important}
.bamt-seo{max-width:860px;margin:10px auto 40px;padding:0 16px;font-family:Inter,system-ui,sans-serif;color:#1D2A25;line-height:1.65}
.bamt-seo h2{font-family:'Bricolage Grotesque',Inter;font-weight:800;color:var(--bam-dark,#064E3B);font-size:26px;margin:28px 0 10px}

/* master tool pages */
.bamp{--bam-dark:#064E3B;--bam-main:#038750;--bam-soft:#E3F1E8;--bam-bg:#F4EFE6;--bam-accent:#C6F432;--bam-accent-text:#064E3B;--bam-line:#E4DCCD;
 max-width:980px;margin:10px auto 50px;padding:0 18px;font-family:Inter,system-ui,sans-serif;color:#1D2A25;line-height:1.7;font-size:17px}
.bamp[data-pal=midnight]{--bam-dark:#1E2A4A;--bam-main:#4A64A8;--bam-soft:#DCE3F4;--bam-bg:#FBF8F1;--bam-accent:#F6C453;--bam-accent-text:#1E2A4A;--bam-line:#E2E1EC}
.bamp[data-pal=ocean]{--bam-dark:#16365E;--bam-main:#2F6FB5;--bam-soft:#DCEAF7;--bam-bg:#F4F8FC;--bam-accent:#FFB627;--bam-accent-text:#16365E;--bam-line:#DCE5EF}
.bamp section{margin:46px 0}
.bamp h2{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;color:var(--bam-dark);font-size:clamp(26px,3.6vw,36px);line-height:1.1;margin:4px 0 16px}
.bamp h3{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;color:var(--bam-dark);font-size:20px;line-height:1.2;margin:0 0 6px}
.bamp-k{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--bam-main)}
.bamp-lede{font-size:clamp(19px,2.2vw,22px);color:var(--bam-dark);font-weight:600;border-left:6px solid var(--bam-accent);padding:6px 0 6px 18px;margin:30px 0}
.bamp-small{font-size:14.5px;opacity:.8}
.bamp-how{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0 10px!important}
.bamp-how div{background:var(--bam-dark);color:#fff;border-radius:18px;padding:16px;text-align:center}
.bamp-how b{display:block;font-family:'Bricolage Grotesque',Inter;font-size:34px;color:var(--bam-accent);line-height:1}.bamp-how span{font-size:13px;opacity:.9}
.bamp-areas{display:grid;gap:16px}
.bamp-area{background:var(--bam-bg);border:1px solid var(--bam-line);border-top:6px solid var(--c,#038750);border-radius:20px;padding:20px}
.bamp-area.c1{--c:#038750}.bamp-area.c2{--c:#4A64A8}.bamp-area.c3{--c:#F2A65A}.bamp-area.c4{--c:#E76F51}.bamp-area.c5{--c:#8E6BBF}.bamp-area.c6{--c:#2F9FB5}
.bamp-at{display:flex;align-items:center;gap:10px}.bamp-at .ic{font-size:30px}
.bamp-area p{margin:6px 0 10px;font-size:16px}
.bamp-cols{display:grid;gap:12px}.bamp-cols b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.bamp-cols ul{margin:6px 0 0;padding:0;list-style:none}.bamp-cols li{padding:4px 0 4px 22px;position:relative;font-size:15px}
.bamp-cols li:before{content:'•';position:absolute;left:6px;color:var(--c);font-weight:800}.bamp-cols ul.ok li:before{content:'✓';left:2px}
.bamp-levels{display:grid;gap:14px}.bamp-levels div{border-radius:18px;padding:18px 20px}.bamp-levels p{margin:6px 0 0;font-size:16px}
.lv-low{background:#E6F4EC}.lv-mid{background:#FDF0E1}.lv-high{background:#FCE7E1}
.bamp-steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:14px}
.bamp-steps li{counter-increment:s;background:#FFFDF8;border:1px solid var(--bam-line);border-radius:18px;padding:18px 20px 18px 78px;position:relative}
.bamp-steps li:before{content:counter(s,decimal-leading-zero);position:absolute;left:20px;top:16px;font-family:'Bricolage Grotesque',Inter;font-weight:800;font-size:34px;color:var(--bam-main)}
.bamp-steps p{margin:0;font-size:16px}
.bamp-shop{background:var(--bam-bg);border-radius:26px;padding:26px 20px}
.bamp-prods{display:grid;gap:16px;margin-top:10px}
.bamp-prod{position:relative;background:#FFFDF8;border:2px solid var(--bam-line);border-radius:20px;padding:20px 16px 16px;display:flex;flex-direction:column;gap:6px}
.bamp-prod.best{border-color:var(--bam-main);background:var(--bam-soft)}
.bamp-prod img{width:100%;max-width:150px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;margin:4px auto;box-shadow:0 10px 22px rgba(0,0,0,.18)}
.bamp-prod p{margin:0;font-size:14.5px}.bamp-prod .vl{font-weight:800;color:var(--bam-main);font-size:13.5px}
.bamp-prod .ft{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}
.bamp-prod .pr{font-family:'Bricolage Grotesque',Inter;font-weight:800;font-size:24px;color:var(--bam-main)}
.bamp-prod .see{font-weight:800;color:var(--bam-dark)!important;background:var(--bam-soft);padding:7px 14px;border-radius:30px;text-decoration:none!important;font-size:14px}
.bamp-prod .get{display:block;text-align:center;background:var(--bam-accent);color:var(--bam-accent-text)!important;font-weight:800;padding:11px;border-radius:40px;text-decoration:none!important;margin-top:6px}
.bamp-badge{position:absolute;top:-12px;left:16px;background:var(--bam-dark);color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px}
.bamp-prod.best .bamp-badge{background:var(--bam-accent);color:var(--bam-accent-text)}
.bamp-chip{align-self:flex-start;background:var(--bam-soft);color:var(--bam-dark);font-weight:800;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:20px}
.bamp-myths{display:grid;gap:12px}.bamp-myths div{background:#FFFDF8;border:1px solid var(--bam-line);border-radius:16px;padding:14px 18px}
.bamp-myths .m{margin:0;color:#B4513A;font-weight:700}.bamp-myths .f{margin:6px 0 0;color:var(--bam-dark);font-weight:600}
.bamp-help{display:flex;gap:16px;background:#FFFDF8;border:2px solid #E76F51;border-radius:20px;padding:20px 22px}
.bamp-help .i{flex:0 0 42px;height:42px;border-radius:50%;background:#E76F51;color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center}
.bamp-help p{margin:4px 0 0;font-size:16px}
.bamp-faq{display:grid;gap:10px}.bamp-faq details{background:#FFFDF8;border:1px solid var(--bam-line);border-radius:14px;padding:14px 18px}
.bamp-faq summary{font-weight:800;color:var(--bam-dark);cursor:pointer;list-style:none}.bamp-faq summary::-webkit-details-marker{display:none}
.bamp-faq summary:after{content:'+';float:right;color:var(--bam-main);font-size:22px;line-height:1}.bamp-faq details[open] summary:after{content:'–'}
.bamp-faq p{margin:10px 0 0;font-size:16px}
.bamp-next{display:flex;flex-wrap:wrap;gap:10px}.bamp-next a{background:var(--bam-soft);color:var(--bam-dark)!important;font-weight:700;padding:10px 16px;border-radius:40px;text-decoration:none!important}
@media(min-width:720px){.bamp-how{grid-template-columns:repeat(4,1fr)}.bamp-areas{grid-template-columns:1fr 1fr}.bamp-cols{grid-template-columns:1fr 1fr}.bamp-levels{grid-template-columns:repeat(3,1fr)}.bamp-prods{grid-template-columns:repeat(3,1fr)}.bamp-myths{grid-template-columns:repeat(3,1fr)}}