:root{--ink:#0d131c;--navy:#111a27;--navy2:#192535;--paper:#fffdf9;--canvas:#f5f3ed;--gold:#e5b74c;--golddeep:#b98518;--line:#e3e4e5;--muted:#596575;--text:#18212d;--white:#fff;--green:#15825a;--red:#b44435;--radius:18px;--shadow:0 24px 70px rgba(15,25,37,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font:16px/1.62 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #efbb40;outline-offset:3px}a{color:#916200;text-decoration:underline;text-underline-offset:3px}.skip-link{position:absolute;top:-50px;left:12px;background:#fff;color:#000;padding:10px 16px;z-index:99}.skip-link:focus{top:8px}
.topbar{height:84px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid #263242;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:13px;background:none;border:none;color:#fff;text-align:left;white-space:nowrap;padding:5px 0}.brand-copy{display:flex;flex-direction:column;line-height:1.05;gap:5px}.brand-copy strong{font-size:25px;font-weight:900;letter-spacing:.05em}.brand-copy small{font-size:9px;font-weight:750;letter-spacing:.16em;color:#c9d0da}.brand-mark{width:46px;height:46px;border:1px solid #596173;border-radius:13px;position:relative;background:linear-gradient(145deg,#303d4d,#0e1520);overflow:hidden}.route-line{position:absolute;left:9px;top:10px;width:26px;height:26px;border-left:5px solid var(--gold);border-bottom:5px solid var(--gold);border-radius:2px 0 0 8px;transform:rotate(-24deg)}.route-pin{position:absolute;width:10px;height:10px;border:3px solid var(--gold);border-radius:50%;right:8px;top:6px;background:#17202c}.topnav{display:flex;gap:8px;align-items:center}.topnav-link{padding:12px 14px;color:#d5dae1;background:transparent;border:0;border-radius:10px;font-weight:700;font-size:13px}.topnav-link:hover,.topnav-link.is-active{color:var(--gold);background:#202c3b}.top-actions{display:flex;gap:16px;align-items:center}.mini-progress{display:flex;align-items:center;gap:9px}.mini-progress-ring{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(closest-side,var(--ink) 79%,transparent 80% 100%),conic-gradient(var(--gold) var(--percent,0%),#394555 0);color:var(--gold);font-size:12px;font-weight:850}.mini-progress-label{font-size:10px;font-weight:800;letter-spacing:.12em;color:#acb8c5}.menu-button{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#1e2938;border:1px solid #495365;border-radius:9px}.menu-button span{width:19px;height:2px;background:#fff}.mobile-menu{position:fixed;z-index:50;top:84px;left:0;right:0;background:#152030;box-shadow:0 18px 25px #0004;padding:12px 20px}.mobile-menu[hidden]{display:none}.mobile-menu button{width:100%;padding:15px;color:#fff;text-align:left;border:0;border-bottom:1px solid #354153;background:none;font-weight:650}
.content-layout{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1660px;margin:auto;min-height:calc(100vh - 158px)}.sidebar{background:#14202f;color:#e9eef4;padding:28px 18px;position:sticky;top:84px;height:calc(100vh - 84px);overflow-y:auto;scrollbar-width:thin}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;color:#afbac8;font-weight:800;font-size:10px;letter-spacing:.12em;padding:2px 11px 11px}.sidebar-heading span:last-child{color:var(--gold)}.sidebar-progress-track{height:5px;margin:0 10px 22px;background:#394453;border-radius:100px;overflow:hidden}.sidebar-progress-track span{display:block;background:linear-gradient(90deg,#be8723,#edc969);height:100%;transition:width .3s}.lesson-nav{display:flex;flex-direction:column;gap:3px}.lesson-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid transparent;border-radius:10px;padding:11px;background:transparent;color:#c6cfda}.lesson-item:hover{background:#243247}.lesson-item.active{background:#283647;color:#fff;border-color:#53616f}.lesson-index{width:31px;height:31px;display:grid;place-items:center;border:1px solid #586477;border-radius:9px;color:#d5dbe2;font-weight:850;font-size:12px;flex-shrink:0}.lesson-item.active .lesson-index{background:var(--gold);border-color:var(--gold);color:#1b1e21}.lesson-item.done .lesson-index{background:#205744;border-color:#36735e;color:#c9ffe3}.lesson-item-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.lesson-item-copy strong{font-size:12px;font-weight:700;line-height:1.35;white-space:normal}.lesson-item-copy small{font-size:10px;color:#9aa7b7}.sidebar-bottom{border-top:1px solid #354252;margin-top:20px;padding:18px 4px}.sidebar-feature{display:flex;gap:10px;align-items:center;width:100%;background:#1e2c3e;border:1px solid #344459;border-radius:12px;padding:12px;margin-bottom:8px;color:#fff;text-align:left}.sidebar-feature-icon{display:grid;place-items:center;width:30px;height:30px;background:#3a351f;color:#f3ce72;border-radius:9px;flex-shrink:0;font-weight:800}.sidebar-feature strong,.sidebar-feature small{display:block;line-height:1.5}.sidebar-feature strong{font-size:12px}.sidebar-feature small{font-size:10px;color:#aeb9c6}.side-resource{border:0;background:none;color:#d7dfeb;font-size:11px;display:flex;width:100%;justify-content:space-between;padding:16px 8px}
main{padding:clamp(22px,4.2vw,62px);min-width:0}#view{max-width:1120px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:850;color:#926918}.eyebrow.light{color:#e5bf65}.section-title{font-size:clamp(28px,3vw,42px);line-height:1.16;font-weight:850;letter-spacing:-.045em;margin:9px 0 16px}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #dcd2b9;background:#fcf4dd;color:#855d0a;padding:5px 12px;font-size:11px;font-weight:800;border-radius:100px;letter-spacing:.025em}.pill.dark{border-color:#5b4b2e;background:#302a20;color:#eccc76}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:11px;padding:13px 19px;border:1px solid transparent;line-height:1.25;font-weight:800;font-size:14px;text-decoration:none;min-height:46px;transition:transform .15s,background .15s,color .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--gold);color:#17202a;box-shadow:0 5px 14px #b98b2a26}.button.primary:hover:not(:disabled){background:#f2c96a}.button.dark{background:#142131;color:#fff}.button.outline{background:#fff;color:#1b2634;border:1px solid #d6d9df}.button.ghost{background:transparent;color:#78601f;border:1px solid #ccbf9b}.button.success{background:#15734f;color:#fff}.button:disabled{box-shadow:none}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.plain-button{border:0;background:none;text-decoration:underline;color:#4a617b;font-weight:700;padding:8px}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 140% at 100% 0%,#2d4054 0%,#182536 52%,#0e1927 100%);border-radius:24px;min-height:365px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);box-shadow:0 25px 55px #24374924;color:#fff}.hero-content{padding:clamp(28px,4vw,56px);position:relative;z-index:2}.hero h1{font-size:clamp(36px,4.1vw,61px);letter-spacing:-.065em;line-height:1.02;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:#c7d1df;max-width:570px;line-height:1.7;margin:0}.hero-graphic{align-self:stretch;position:relative;opacity:.95;background-image:linear-gradient(90deg,#ffffff09 1px,transparent 1px),linear-gradient(#ffffff09 1px,transparent 1px);background-size:47px 47px;mask-image:linear-gradient(to right,transparent,#000 35%)}.hero-map{position:absolute;width:105%;height:100%;right:-10%;top:4%;overflow:visible}.hero-map path{fill:none;stroke:#ecc466;stroke-width:8;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 8px #e5aa3780)}.map-pin{fill:#f6cf67;stroke:#101a25;stroke-width:7}.hero-map circle.inner{fill:#132232}.hero-chip{position:absolute;right:15%;top:19%;background:#fff;color:#203146;font-size:11px;font-weight:800;border-radius:9px;padding:9px 13px;box-shadow:0 12px 36px #0005}.hero-chip span{color:var(--green)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.stat-card,.surface-card{background:#fff;border:1px solid #e0e3e5;border-radius:17px;box-shadow:0 8px 26px #192b4010}.stat-card{padding:20px 22px;display:flex;gap:14px;align-items:center}.stat-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#fbf3dc;color:#986c16;font-size:21px;flex-shrink:0}.stat-card strong{font-weight:900;font-size:23px;display:block;line-height:1.1}.stat-card span{font-size:12px;color:#657080}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:42px 0 17px}.section-head h2{margin:5px 0 0;font-size:26px;line-height:1.17;letter-spacing:-.035em}.section-head p{margin:0;font-size:13px;max-width:420px;text-align:right}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lesson-card{border:1px solid #dfe3e6;background:#fff;padding:22px;border-radius:17px;text-align:left;display:flex;flex-direction:column;min-height:208px;transition:box-shadow .2s,transform .2s,border-color .2s}.lesson-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c5a464}.lesson-card-top{display:flex;justify-content:space-between;align-items:center;color:#8d6a27;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.lesson-card h3{font-size:18px;letter-spacing:-.025em;line-height:1.25;margin:14px 0 auto}.lesson-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:23px;color:#667283;font-size:12px}.lesson-card-footer strong{font-size:18px;color:#ae7e24}.complete-check{color:#177f59;font-size:16px;font-weight:900}.callout{display:flex;gap:15px;background:#fff9eb;border:1px solid #e7d6ae;border-radius:15px;padding:19px 20px;color:#654a18;margin:24px 0}.callout-icon{font-size:21px}.callout h3{margin:0 0 4px;color:#6e4f14;font-size:14px}.callout p{margin:0;font-size:13px;line-height:1.7}.bottom-banner{background:#111e2e;border-radius:19px;margin-top:40px;padding:28px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.bottom-banner strong{font-size:20px}.bottom-banner p{font-size:13px;color:#b8c6d2;margin:4px 0 0}
.lesson-head{display:flex;gap:13px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.breadcrumb{font-size:12px;color:#657284;font-weight:700}.article-card{background:var(--paper);border:1px solid #e1dfd7;border-radius:23px;box-shadow:0 14px 50px #1a2b3d0c;overflow:hidden}.article-top{background:#f9f5e9;padding:31px clamp(23px,4vw,54px) 26px;border-bottom:1px solid #e7dfc9}.article-top h1{font-size:clamp(29px,3.1vw,43px);line-height:1.15;margin:9px 0 10px;letter-spacing:-.045em}.article-meta{font-size:12px;color:#7d6844;font-weight:750}.article-body{padding:33px clamp(23px,4vw,54px) 22px;line-height:1.86;font-size:16px;color:#263341}.article-body>*:first-child{margin-top:0}.article-body h2,.article-body h3{color:#142131;line-height:1.28;letter-spacing:-.02em;margin:34px 0 13px}.article-body h3{font-size:19px}.article-body h2{font-size:23px}.article-body p{margin:13px 0}.article-body strong{color:#142131}.article-body ul,.article-body ol{padding-left:24px}.article-body li{margin:7px 0}.article-body blockquote{margin:24px 0;padding:16px 21px;background:#f6f0df;border-left:4px solid var(--golddeep);color:#3d4a55;border-radius:0 12px 12px 0}.article-body blockquote p{margin:0}.article-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px;display:block;overflow-x:auto}.article-body th{text-align:left;background:#f3eddb}.article-body td,.article-body th{padding:12px 15px;border:1px solid #dfddd3;white-space:normal}.article-body hr{border:0;border-top:1px solid #e2ded2;margin:28px 0}.article-body a{overflow-wrap:anywhere}.exercise-card{background:#eef3f2;border-top:1px solid #d7e5df;padding:31px clamp(23px,4vw,54px)}.exercise-card h2,.checkpoint h2{font-size:23px;letter-spacing:-.035em;margin:5px 0 9px}.exercise-card p,.checkpoint p{font-size:14px;color:#617281}.exercise-card label{font-weight:800;font-size:13px;display:block;margin:18px 0 7px}.journal-input{display:block;width:100%;min-height:102px;border-radius:12px;border:1px solid #cbd6d5;background:#fff;color:#1d2835;padding:13px 16px;resize:vertical}.save-status{font-size:11px;color:#53816c;margin-top:6px;min-height:17px}.checkpoint{background:#fbfaf7;border-top:1px solid #e3e3dc;padding:32px clamp(23px,4vw,54px)}.choice-list{display:flex;flex-direction:column;gap:10px;margin:21px 0}.choice{border:1px solid #d8dfe3;background:#fff;border-radius:12px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;cursor:pointer;color:#24303e;transition:border .15s,background .15s}.choice:hover{border-color:#c79b36}.choice.selected{border-color:#bd8a23;background:#fff8e9}.choice input{margin-top:5px;accent-color:#c3912d;width:18px;height:18px;flex-shrink:0}.choice .letter{display:grid;place-items:center;width:23px;height:23px;background:#eff1f2;color:#6c7a89;border-radius:7px;font-size:11px;font-weight:850;flex-shrink:0}.choice .choice-text{font-size:14px;line-height:1.55}.feedback{margin-top:16px;border-radius:12px;padding:15px 18px;font-size:14px;line-height:1.6;background:#fff5e6;border:1px solid #e4c68e;color:#754f10}.feedback.good{background:#e9f6ee;border-color:#a5d7b8;color:#176543}.feedback.bad{background:#fff0ee;border-color:#e7b7ac;color:#973f2f}.lesson-actions{padding:21px clamp(23px,4vw,54px) 33px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #e1e1db}
.exam-hero{background:linear-gradient(115deg,#17293b,#253d4e);border-radius:21px;color:#fff;padding:clamp(25px,4vw,43px);position:relative;overflow:hidden}.exam-hero h1{font-size:clamp(31px,4vw,46px);letter-spacing:-.05em;line-height:1.12;margin:10px 0}.exam-hero p{color:#c7d7e1;max-width:650px;margin:0}.exam-hero .pill{margin-bottom:8px}.exam-main{margin-top:20px}.exam-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 15px}.exam-progress-track{height:7px;background:#d8dce0;border-radius:100px;overflow:hidden;flex:1}.exam-progress-track span{height:100%;background:var(--golddeep);display:block;transition:width .2s}.exam-question{padding:28px 30px;background:#fff;border:1px solid #dde2e5;border-radius:16px;margin-bottom:12px}.exam-question header{font-size:11px;color:#866a2a;text-transform:uppercase;letter-spacing:.09em;font-weight:850;margin-bottom:10px}.exam-question h2{font-size:19px;line-height:1.42;margin:0 0 19px}.exam-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.exam-choices label{display:flex;gap:10px;align-items:flex-start;border:1px solid #e0e4e8;background:#fbfcfc;border-radius:11px;padding:12px 14px;cursor:pointer;font-size:13px;line-height:1.5}.exam-choices label:has(input:checked){background:#fff7e4;border-color:#b98b2c}.exam-choices input{accent-color:#b98b2c;margin-top:3px}.exam-toolbar{position:sticky;bottom:0;background:#ffffffea;backdrop-filter:blur(12px);border:1px solid #dce1e5;border-radius:14px;box-shadow:0 -10px 40px #00000010;padding:14px 18px;display:flex;justify-content:space-between;gap:10px;align-items:center}.exam-toolbar-info{font-size:12px;font-weight:700;color:#617081}.exam-result-card{background:#fff;border:1px solid #dce2e4;border-radius:19px;padding:35px;margin:20px 0}.result-score{font-size:74px;letter-spacing:-.07em;font-weight:900;line-height:1;color:#142538}.result-score small{font-size:22px;color:#788698;letter-spacing:0}.review-card{background:#fff;border:1px solid #e3e6e6;border-radius:12px;padding:18px 20px;margin-bottom:10px}.review-card h3{font-size:15px;margin:0 0 9px}.review-card p{font-size:13px;line-height:1.6;margin:5px 0;color:#536170}.review-card .correct{color:#12794f;font-weight:800}.review-card .wrong{color:#ba4537;font-weight:800}.certificate{background:#fffefa;border:9px double #c49a42;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 25px;margin:20px 0;box-shadow:var(--shadow)}.certificate .seal{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:3px double #be9137;font-size:35px;color:#9b741e;margin-bottom:12px}.certificate h2{font-family:Georgia,serif;font-size:clamp(29px,4vw,47px);line-height:1.2;color:#1c2c3b;margin:12px 0}.certificate .learner{font-family:Georgia,serif;font-size:26px;color:#8a651b;border-bottom:1px solid #cfb36e;padding:0 30px 7px;min-width:240px;max-width:100%;overflow-wrap:anywhere}.certificate p{max-width:520px;color:#5d6876}.certificate small{color:#7c8792}.name-input{padding:12px 15px;border:1px solid #ced5db;border-radius:11px;font-size:15px;width:min(100%,360px)}.locked-box{background:#fff;border:1px solid #e1e4e7;border-radius:20px;text-align:center;padding:45px 30px}.locked-icon{font-size:47px;margin-bottom:5px}.locked-box h2{font-size:26px;margin:12px 0 6px}
.resources-card{background:#fff;border:1px solid #dfe3e7;border-radius:18px;padding:clamp(24px,4vw,45px);margin-bottom:20px}.resources-card .article-body{padding:0}.resource-tabbar{display:flex;gap:7px;margin:22px 0}.resource-tab{border:1px solid #d4d9dd;border-radius:10px;background:#fff;color:#475667;padding:10px 16px;font-weight:750;font-size:13px}.resource-tab.active{background:#1d2d40;color:#fff;border-color:#1d2d40}.footer{max-width:1660px;margin:auto;min-height:73px;background:#0d131c;color:#aab5c2;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 36px;font-size:11px}.footer button{border:0;background:none;color:#eac568;text-decoration:underline;font-size:11px}.toast{position:fixed;bottom:25px;right:25px;background:#152a3b;color:#fff;padding:13px 21px;border-radius:12px;box-shadow:0 16px 34px #0003;font-size:13px;opacity:0;pointer-events:none;transform:translateY(15px);transition:all .2s;z-index:70}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1200px){.content-layout{grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:24px 12px}.topnav-link{padding:10px}.mini-progress-label{display:none}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-row{gap:10px}.stat-card{padding:16px}}
@media(max-width:930px){.topnav{display:none}.menu-button{display:flex}.sidebar{display:none}.content-layout{display:block}.topbar{padding:0 22px}.mini-progress-label{display:none}main{padding:25px 20px 45px}.hero{grid-template-columns:1fr minmax(170px,.35fr)}.hero-graphic{opacity:.55}.hero-content{padding:32px}.hero h1{font-size:42px}}
@media(max-width:600px){.topbar{height:70px}.mobile-menu{top:70px}.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:21px}.brand-copy small{font-size:8px}.mini-progress-ring{width:43px;height:43px;font-size:11px}main{padding:16px 13px 35px}.hero{min-height:auto;border-radius:17px;display:block}.hero-content{padding:29px 24px 35px}.hero h1{font-size:38px}.hero p{font-size:13px}.hero-graphic{height:120px;position:absolute;top:0;right:0;left:38%;opacity:.17}.hero .button{width:100%}.stats-row{grid-template-columns:1fr;gap:9px;margin-top:12px}.stat-card{padding:13px 16px}.stat-icon{width:37px;height:37px}.stat-card strong{font-size:18px}.section-head{margin:31px 0 15px;align-items:start}.section-head h2{font-size:22px}.section-head p{display:none}.lesson-grid{grid-template-columns:1fr;gap:10px}.lesson-card{min-height:auto;padding:18px}.lesson-card h3{margin:10px 0 0;font-size:17px}.lesson-card-footer{margin-top:15px}.bottom-banner{display:block;padding:24px}.bottom-banner .button{margin-top:18px;width:100%}.article-card{border-radius:16px}.article-top{padding:24px 20px}.article-top h1{font-size:30px}.article-body{padding:24px 20px 10px;font-size:15px;line-height:1.82}.article-body h3{font-size:18px}.article-body td,.article-body th{padding:9px;font-size:12px}.exercise-card,.checkpoint{padding:24px 20px}.lesson-actions{padding:20px;flex-direction:column}.lesson-actions .button,.checkpoint .button{width:100%}.exam-hero{padding:25px 22px}.exam-hero h1{font-size:32px}.exam-question{padding:21px 16px}.exam-question h2{font-size:17px}.exam-choices{grid-template-columns:1fr}.exam-toolbar{padding:12px;flex-wrap:wrap}.exam-toolbar .button{flex:1}.exam-toolbar-info{width:100%;text-align:center}.certificate{padding:22px 15px;min-height:380px}.certificate h2{font-size:28px}.footer{padding:20px;flex-direction:column;text-align:center;gap:8px}.button-row .button{flex:1}}
@media print{.topbar,.sidebar,.footer,.button-row,.certificate-controls,.mobile-menu,.toast{display:none!important}.content-layout{display:block}main{padding:0}body{background:#fff}.certificate{box-shadow:none;page-break-inside:avoid;margin:15px auto;max-width:850px}}

/* WholesaleMentary wordmark: one joined name, intentionally contrasting colors. */
.brand-copy strong{font-size:clamp(19px,2vw,26px);letter-spacing:-.045em;line-height:1}
.brand-wholesale{color:#ffffff}
.brand-mentary{color:#e5b74c}
.brand-copy small{letter-spacing:.115em}
.certificate-brand{display:inline-block;background:#14202f;padding:12px 24px;border-radius:12px;border:1px solid #4a4f4b;font-size:clamp(19px,3vw,29px);font-weight:900;letter-spacing:-.04em;line-height:1.2}
.brand-mark{display:grid;place-items:center;flex:none}
.brand-house{display:block;width:100%;height:100%;padding:3px;object-fit:contain}
@media(max-width:600px){
  .topbar{padding:0 14px;gap:8px}
  .brand{gap:8px}
  .brand-mark{width:34px;height:34px;flex:none}
  .brand-copy strong{font-size:clamp(16px,4.8vw,21px);letter-spacing:-.055em}
  .brand-copy small{font-size:7px;letter-spacing:.075em}
  .top-actions{gap:8px}
  .menu-button{width:38px;height:38px}
  .mini-progress-ring{width:36px;height:36px;font-size:10px}
}
@media(max-width:380px){
  .mini-progress{display:none}
  .brand-copy strong{font-size:17px}
}