/* audit.hundredclubdigital.com — builds on the agency site's site.css */

.a-nav{position:relative;}
.a-nav .wrap{height:88px;}
.a-nav .navlinks{gap:28px;align-items:center;}
.mob-signin{display:none;font-family:var(--display);font-style:italic;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--cream-dim);}
@media(max-width:900px){.mob-signin{display:block;}}

/* ---------- hero ---------- */
.a-hero{padding:56px 0 64px;}
.a-hero h1{font-size:clamp(1.9rem,5vw,3.6rem);max-width:16ch;margin-bottom:1.4rem;}
.a-hero h1 span{color:var(--red-lit);}
.a-hero .lede{max-width:52ch;}
.a-hero .btn{cursor:pointer;font-family:var(--display);}
.trust{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:1.8rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);}
.trust span::before{content:"";display:inline-block;width:10px;height:3px;background:var(--red);vertical-align:middle;margin-right:10px;}

/* ---------- quiz ---------- */
.quiz{max-width:760px;padding:28px 0 80px;}
.qprog{display:flex;align-items:center;gap:16px;margin-bottom:2.2rem;}
.qbar{flex:1;height:4px;background:rgba(239,231,216,.12);position:relative;overflow:hidden;}
.qbar i{position:absolute;inset:0 auto 0 0;background:var(--red);width:0;transition:width .3s ease;}
.qcount{font-family:var(--display);font-style:italic;font-size:.7rem;letter-spacing:.14em;color:var(--cream-dim);white-space:nowrap;}
.qsec{font-family:var(--display);font-style:italic;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red-lit);margin-bottom:1rem;}
.qtitle{font-family:var(--body);font-weight:500;font-size:clamp(1.3rem,3vw,1.75rem);line-height:1.3;margin:0 0 .8rem;max-width:30ch;}
.qhelp{color:var(--cream-dim);font-size:.95rem;max-width:56ch;margin-bottom:1.6rem;}
.qopts{display:grid;gap:10px;max-width:560px;}
.qopt{
  text-align:left;font:inherit;font-size:1rem;font-weight:400;color:var(--cream);cursor:pointer;
  background:var(--ink);border:1px solid rgba(239,231,216,.18);padding:16px 20px;
  display:flex;align-items:center;gap:14px;transition:border-color .15s ease,background .15s ease;
}
.qopt::before{content:"";flex:0 0 14px;height:14px;border:1px solid rgba(239,231,216,.4);}
.qopt:hover{border-color:var(--red);}
.qopt.on{border-color:var(--red);background:rgba(171,16,32,.16);}
.qopt.on::before{background:var(--red);border-color:var(--red);}
.qopt:focus-visible{outline:2px solid var(--red-lit);outline-offset:3px;}
.qnav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;max-width:560px;}
.linkbtn{background:none;border:0;color:var(--cream-dim);font:inherit;font-size:.9rem;cursor:pointer;padding:6px 0;border-bottom:1px solid rgba(239,231,216,.2);}
.linkbtn:hover{color:var(--cream);}
.linkbtn[hidden]{display:none;}

/* ---------- details step ---------- */
.details .fgrid{max-width:640px;}
.fld select{background:var(--ink);color:var(--cream);border:1px solid rgba(239,231,216,.2);padding:14px 16px;font:inherit;}
.check{display:flex;gap:12px;align-items:flex-start;margin-top:14px;font-size:.92rem;color:var(--cream-dim);max-width:640px;cursor:pointer;}
.check input{margin-top:5px;accent-color:var(--red);width:16px;height:16px;flex:0 0 16px;}
.check a{color:var(--cream);}
.err{color:var(--red-lit);font-size:.92rem;margin-top:1rem;min-height:1.4em;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.btn[disabled]{opacity:.55;pointer-events:none;}
button.btn{cursor:pointer;font-family:var(--display);}

/* ---------- results ---------- */
.results{max-width:860px;padding:28px 0 40px;}
.scorerow{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;margin-bottom:2.2rem;}
.dial{width:168px;height:168px;position:relative;}
.dial svg{width:100%;height:100%;transform:rotate(-90deg);}
.dial .n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.dial .n b{font-family:var(--display);font-style:italic;font-weight:900;font-size:3rem;line-height:1;}
.dial .n i{font-style:normal;font-size:.72rem;letter-spacing:.16em;color:var(--cream-dim);margin-top:.4rem;}
.waste{background:var(--ink);border-left:4px solid var(--red);padding:22px 26px;margin:0 0 2.4rem;}
.waste .k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim);}
.waste .v{font-family:var(--display);font-style:italic;font-weight:900;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--red-lit);line-height:1.1;margin:.4rem 0;}
.waste p{font-size:.88rem;color:var(--cream-dim);margin:0;}

.find{border-top:1px solid rgba(239,231,216,.14);padding:20px 0;}
.find:last-child{border-bottom:1px solid rgba(239,231,216,.14);}
.fhead{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:.5rem;}
.sev{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;padding:3px 8px;border:1px solid;font-weight:500;flex:0 0 auto;}
.sev.critical{color:var(--red-lit);border-color:var(--red);}
.sev.warning{color:var(--brass-lit);border-color:var(--brass);}
.sev.tip{color:var(--cream-dim);border-color:rgba(239,231,216,.3);}
.find h3{font-family:var(--body);font-style:normal;text-transform:none;font-weight:500;font-size:1.08rem;letter-spacing:0;line-height:1.35;margin:0;flex:1 1 260px;}
.find p{color:var(--cream-dim);font-size:.94rem;margin:0;}
.area{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);}
.lockfix{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:.84rem;color:var(--cream-dim);}
.lockfix svg{flex:0 0 14px;}
.find.locked h3,.find.locked p{filter:blur(6px);user-select:none;}

/* ---------- paywall ---------- */
.pay{margin:2.6rem 0 0;border:1px solid var(--red);background:linear-gradient(180deg,rgba(171,16,32,.12),rgba(171,16,32,0) 70%);padding:34px 32px;}
.pay h2{font-size:clamp(1.3rem,3vw,1.9rem);max-width:22ch;margin-bottom:1rem;}
.pay ul{list-style:none;padding:0;margin:1.2rem 0 0;}
.pay li{padding:.6rem 0 .6rem 28px;position:relative;border-top:1px solid rgba(239,231,216,.12);font-size:.96rem;}
.pay li::before{content:"";position:absolute;left:0;top:1.15rem;width:14px;height:3px;background:var(--red);}
.priceline{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:1.6rem;}
.priceline b{font-family:var(--display);font-style:italic;font-weight:900;font-size:2rem;}
.priceline span{color:var(--cream-dim);font-size:.92rem;}
.pay .btn{margin-top:1.4rem;}
.pay .small{font-size:.82rem;color:var(--cream-dim);margin-top:1rem;}

/* ---------- landing sections ---------- */
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(239,231,216,.14);margin-top:2.4rem;}
.tier{background:var(--black);padding:34px 30px;}
.tier.pro{background:var(--ink);box-shadow:inset 0 3px 0 var(--red);}
.tier .tn{font-family:var(--display);font-style:italic;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red-lit);}
.tier .tp{font-family:var(--display);font-style:italic;font-weight:900;font-size:2rem;line-height:1.1;margin:.6rem 0 .2rem;}
.tier .ts{font-size:.85rem;color:var(--cream-dim);margin-bottom:1rem;}
.tier ul{list-style:none;padding:0;margin:0;}
.tier li{padding:.55rem 0;border-top:1px solid rgba(239,231,216,.12);font-size:.94rem;color:var(--cream-dim);}
.tier.pro li{color:var(--cream);}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:2.4rem;}
.steps3 .n{font-family:var(--display);font-style:italic;font-weight:900;color:var(--red-lit);font-size:1.4rem;margin-bottom:.6rem;}
.steps3 p{color:var(--cream-dim);font-size:.95rem;}
.faq{max-width:760px;margin-top:2rem;}
.faq details{border-top:1px solid rgba(239,231,216,.14);padding:18px 0;}
.faq details:last-child{border-bottom:1px solid rgba(239,231,216,.14);}
.faq summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px;}
.faq summary::after{content:"+";color:var(--red-lit);font-size:1.3rem;line-height:1;}
.faq details[open] summary::after{content:"\2212";}
.faq p{color:var(--cream-dim);margin:.8rem 0 0;font-size:.95rem;}

/* ---------- dashboard ---------- */
.dash{padding:28px 0 80px;}
.dhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:2.2rem;}
.dhead h1{font-size:clamp(1.5rem,3.6vw,2.4rem);margin:0;}
.dmeta{font-size:.85rem;color:var(--cream-dim);}
.dgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start;}
.panel h2{font-size:1.1rem;letter-spacing:.06em;margin-bottom:1.2rem;}
.cl{list-style:none;padding:0;margin:0;}
.cl li{border-top:1px solid rgba(239,231,216,.14);}
.cl li:last-child{border-bottom:1px solid rgba(239,231,216,.14);}
.cl label{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:18px 0;cursor:pointer;}
.cl input{appearance:none;width:22px;height:22px;border:1px solid rgba(239,231,216,.4);margin:2px 0 0;cursor:pointer;display:grid;place-content:center;}
.cl input:checked{background:var(--red);border-color:var(--red);}
.cl input:checked::after{content:"";width:6px;height:11px;border:solid var(--cream);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px);}
.cl input:focus-visible{outline:2px solid var(--red-lit);outline-offset:3px;}
.cl b{display:block;font-weight:500;}
.cl span{display:block;color:var(--cream-dim);font-size:.92rem;line-height:1.55;margin-top:.2rem;}
.cl li.ticked b{text-decoration:line-through;text-decoration-color:var(--red);color:var(--cream-dim);}
.clprog{font-family:var(--display);font-style:italic;font-size:.7rem;letter-spacing:.14em;color:var(--cream-dim);margin-bottom:1rem;}
.side{background:var(--ink);padding:28px 26px;position:sticky;top:24px;}
@media(max-width:900px){.side{position:static;}}
.side .dial{width:120px;height:120px;}
.side .dial .n b{font-size:2.1rem;}
.side .row{display:flex;gap:22px;align-items:center;margin-bottom:1.4rem;}
.side .row p{margin:0;font-size:.9rem;color:var(--cream-dim);}
.side .acts{display:flex;flex-direction:column;gap:12px;margin-top:1.4rem;align-items:flex-start;}
.fixes .find .steps{margin:.9rem 0 0;padding-left:1.3rem;color:var(--cream);font-size:.94rem;}
.fixes .find .steps li{margin:.35rem 0;}
.fixes .find.done h3{text-decoration:line-through;text-decoration-color:var(--red);color:var(--cream-dim);}
.donebtn{margin-top:12px;background:none;border:1px solid rgba(239,231,216,.25);color:var(--cream);font:inherit;font-size:.82rem;padding:7px 14px;cursor:pointer;}
.donebtn:hover{border-color:var(--red);}
.find.done .donebtn{border-color:var(--red);background:rgba(171,16,32,.2);}
.banner{background:rgba(176,141,79,.12);border-left:4px solid var(--brass);padding:16px 20px;margin-bottom:2rem;font-size:.94rem;}
.empty-state{padding:40px 0;color:var(--cream-dim);}

.auth{max-width:520px;padding:40px 0 100px;}
.auth h1{font-size:clamp(1.5rem,4vw,2.3rem);margin-bottom:1.2rem;}

.hidden{display:none!important;}

@media(max-width:900px){
  .a-nav .wrap{height:auto;padding-top:20px;padding-bottom:20px;}
  .a-hero{padding:28px 0 40px;}
  .scorerow{grid-template-columns:1fr;gap:20px;}
  .dial{width:140px;height:140px;}
  .tiers,.steps3,.dgrid{grid-template-columns:1fr;}
  .steps3{gap:24px;}
  .dgrid{gap:36px;}
  .pay{padding:26px 20px;}
  .details .fgrid{grid-template-columns:1fr;}
}

/* ---------- report v2: grades, money, funnel, scan ---------- */
:root{--good:#86B98C;--mid:var(--brass-lit);--bad:var(--red-lit);}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:0 0 9px;background:var(--cream-dim);}
.dot.good{background:var(--good);}.dot.mid{background:var(--mid);}.dot.bad{background:var(--bad);}
.ceyebrow{font-family:var(--display);font-style:italic;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red-lit);}

.grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:rgba(239,231,216,.12);margin:0 0 2.2rem;}
.gtile{background:var(--black);padding:18px 18px 16px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:start;}
.gname{font-size:.8rem;letter-spacing:.06em;color:var(--cream-dim);line-height:1.35;min-width:0;}
.gletter{font-family:var(--display);font-style:italic;font-weight:900;font-size:1.9rem;line-height:1;grid-row:span 2;}
.gbar{grid-column:1;height:3px;background:rgba(239,231,216,.12);margin-top:8px;position:relative;}
.gbar i{position:absolute;inset:0 auto 0 0;background:currentColor;}
.gsub{grid-column:1 / -1;font-size:.74rem;color:var(--cream-dim);margin-top:6px;}
.gA,.gB{color:var(--good);}.gC{color:var(--mid);}.gD,.gF{color:var(--bad);}.gnone{color:var(--cream-dim);}
.gtile .gname,.gtile .gsub{color:var(--cream-dim);}

.pnl{background:var(--ink);border-left:4px solid var(--brass);padding:24px 26px;margin:0 0 2px;}
.pnl.neg{border-left-color:var(--red);}.pnl.pos{border-left-color:var(--good);}
.pnl .k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim);}
.pnl .v{font-family:var(--display);font-style:italic;font-weight:900;font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.1;margin:.4rem 0 1.2rem;}
.pnl.neg .v{color:var(--red-lit);}.pnl.pos .v{color:var(--good);}
.mkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 24px;}
.mkpi{display:flex;flex-direction:column;gap:2px;border-top:1px solid rgba(239,231,216,.14);padding-top:10px;}
.mkpi span{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim);}
.mkpi b{font-size:1.35rem;font-weight:500;font-variant-numeric:tabular-nums;}
.mkpi em{font-style:normal;font-size:.82rem;color:var(--cream-dim);}
.mkpi.bad b{color:var(--bad);}.mkpi.good b{color:var(--good);}

.funnel{background:var(--ink);padding:24px 26px 20px;margin:2px 0 1rem;}
.fhd h3{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;font-size:1.15rem;margin:.6rem 0 .3rem;}
.fhd p{color:var(--cream-dim);font-size:.94rem;margin:0 0 1.2rem;}
.fstep{display:flex;align-items:baseline;gap:12px;padding:10px 0;}
.fn{font-family:var(--display);font-style:italic;font-weight:900;font-size:1.3rem;font-variant-numeric:tabular-nums;min-width:7.5ch;}
.fl{color:var(--cream-dim);font-size:.9rem;}
.farrow{margin-left:14px;padding:6px 0 6px 18px;border-left:2px solid rgba(239,231,216,.18);display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:.92rem;}
.farrow span{display:flex;align-items:center;gap:8px;}
.farrow em{font-style:normal;color:var(--cream-dim);font-size:.84rem;}
.farrow.bad{border-left-color:var(--bad);}.farrow.mid{border-left-color:var(--mid);}.farrow.good{border-left-color:var(--good);}
.fsrc{font-size:.74rem;color:var(--cream-dim);margin:.8rem 0 0;max-width:none;}
.wasteline{font-size:.92rem;color:var(--cream-dim);margin:0 0 2.2rem;}
.wasteline b{color:var(--red-lit);font-weight:500;}

.scanbox{border:1px solid rgba(239,231,216,.14);padding:20px 22px;margin:0 0 2.4rem;}
.scanhd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:.6rem;}
.scanrows{list-style:none;margin:0;padding:0;}
.scanrows li{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:9px 0;border-top:1px solid rgba(239,231,216,.1);font-size:.92rem;}
.scanrows .sk{min-width:0;}
.scanrows .sv{grid-column:2;color:var(--cream-dim);font-size:.84rem;}
.scanrows .sr{grid-row:1;grid-column:3;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);}
.scanrows li.bad .sr{color:var(--bad);}.scanrows li.good .sr{color:var(--good);}.scanrows li.mid .sr{color:var(--mid);}

.fsum{margin:0 0 .4rem;}
.fh{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;font-size:clamp(1.25rem,3vw,1.6rem);max-width:none;margin:0 0 .3rem;}
.fh span{color:var(--red-lit);}
.fsum p{color:var(--cream-dim);font-size:.94rem;}
.find .area{margin:-.2rem 0 .5rem;}
.find .steps{margin:.9rem 0 0;padding-left:1.3rem;color:var(--cream);font-size:.94rem;}
.find .steps li{margin:.35rem 0;}
.find.freefix{border:1px solid var(--brass);background:rgba(176,141,79,.07);padding:20px 22px;margin:8px 0;}
.freetag{display:inline-block;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-lit);border:1px solid var(--brass);padding:3px 8px;margin-bottom:.8rem;}

/* quiz extras */
.urlrow{display:flex;gap:10px;flex-wrap:wrap;max-width:560px;}
.urlrow input{flex:1 1 240px;min-width:0;background:var(--ink);color:var(--cream);border:1px solid rgba(239,231,216,.2);padding:15px 16px;font:inherit;font-size:1rem;}
.urlrow input:focus{outline:none;border-color:var(--red);}
.urlrow .btn{margin-top:0;}
.scanpill{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--cream-dim);border:1px solid rgba(239,231,216,.16);padding:4px 10px;margin-bottom:1.4rem;}
.scanpill .dot{animation:pulse 1.2s ease-in-out infinite;}
.scanpill.done .dot{animation:none;background:var(--good);}
@keyframes pulse{50%{opacity:.3}}
.numgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;max-width:640px;}
.numgrid .fld small{color:var(--cream-dim);font-size:.78rem;}
.numgrid .fld input{background:var(--ink);color:var(--cream);border:1px solid rgba(239,231,216,.2);padding:13px 14px;font:inherit;font-variant-numeric:tabular-nums;}
.numgrid .fld input:focus{outline:none;border-color:var(--red);}
.howto{font-size:.88rem;color:var(--cream-dim);background:var(--ink);padding:14px 16px;max-width:640px;margin:0 0 1.6rem;}
.howto b{color:var(--cream);font-weight:500;}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(239,231,216,.14);margin-top:2.4rem;}
.vs > div{background:var(--black);padding:28px 26px;}
.vs .us{background:var(--ink);box-shadow:inset 0 3px 0 var(--red);}
.vs h3{margin-bottom:1rem;}
.vs ul{list-style:none;padding:0;margin:0;}
.vs li{padding:.55rem 0;border-top:1px solid rgba(239,231,216,.12);font-size:.94rem;color:var(--cream-dim);}
.vs .us li{color:var(--cream);}
.plan h3.wk{font-family:var(--display);font-style:italic;font-size:.8rem;letter-spacing:.14em;color:var(--red-lit);margin:2.2rem 0 .2rem;}
.plan .wkl{color:var(--cream-dim);font-size:.9rem;margin:0 0 .6rem;}
.side .gmini{list-style:none;padding:0;margin:1rem 0 0;}
.side .gmini li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(239,231,216,.1);font-size:.88rem;}
.side .gmini b{font-family:var(--display);font-style:italic;font-weight:900;}

@media(max-width:900px){
  .grades{grid-template-columns:repeat(2,minmax(0,1fr));}
  .numgrid,.vs{grid-template-columns:1fr;}
  .pnl,.funnel{padding:20px 18px;}
}
@media (prefers-reduced-motion:reduce){.scanpill .dot{animation:none;}}

/* ---------- weekly check-in ---------- */
.checkin{margin-bottom:1.6rem;}
.wreview{margin-top:.4rem;}
.whead{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;font-size:1.25rem;margin:0 0 .8rem;}
.wreview p{color:var(--cream);font-size:.98rem;margin:0 0 .5rem;}
.waction{border-left:3px solid var(--red);background:var(--ink);padding:12px 14px;margin:1rem 0;font-size:.95rem;}
.waction b{font-weight:500;}
.wtable{overflow-x:auto;margin-top:1.2rem;}
.wtable table{border-collapse:collapse;width:100%;min-width:460px;font-size:.88rem;font-variant-numeric:tabular-nums;}
.wtable th{text-align:left;font-weight:500;color:var(--cream-dim);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px 8px 0;border-bottom:1px solid rgba(239,231,216,.18);}
.wtable td{padding:9px 10px 9px 0;border-bottom:1px solid rgba(239,231,216,.08);}
.wtable td.good{color:var(--good);}.wtable td.bad{color:var(--bad);}
.wfix{border-top:1px solid rgba(239,231,216,.12);padding:16px 0;}
.wfix b{font-weight:500;margin-left:10px;}
.wfix .steps{margin:.7rem 0 0;padding-left:1.3rem;font-size:.94rem;}
.wfix .steps li{margin:.3rem 0;}
.dgrid > *{min-width:0;}

/* ---------- Meta connection ---------- */
.metabox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;border:1px solid rgba(239,231,216,.18);background:var(--ink);padding:20px 22px;margin:0 0 2.4rem;}
.metabox > div:first-child{flex:1 1 320px;min-width:0;}
.metabox b{font-weight:500;font-size:1.02rem;}
.metabox p{color:var(--cream-dim);font-size:.9rem;margin:.3rem 0 0;max-width:62ch;}
.metabox.connected{border-color:rgba(134,185,140,.45);}
.metabox select{margin-top:.6rem;background:var(--black);color:var(--cream);border:1px solid rgba(239,231,216,.25);padding:10px 12px;font:inherit;max-width:100%;}
.metaacts{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;}
#metaMarginWrap{flex-basis:100%;display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;}
#metaMarginWrap[hidden]{display:none;}
#metaMarginWrap .btn{margin-top:0;}