.mobile-tools { display:none }
.brand-variant { background:transparent!important }
.brand-variant img { width:100%; height:100% }
.learning-paths {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.learning-paths article {padding:20px;border:1px solid var(--line);background:white}
.learning-paths p {margin:9px 0 12px}
.learning-paths a {color:#174f91;font-weight:600}
.logo-lab {max-width:1120px;margin:auto;padding:32px 5% 60px}
.logo-lab h1 {font-size:clamp(40px,6vw,70px);margin:22px 0}
.logo-option {border-top:1px solid var(--line);padding:28px 0}
.logo-option h2 {font-size:44px;margin-bottom:8px}
.logo-contexts {display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:18px;margin:22px 0}
.logo-contexts figure {margin:0;min-width:0}
.logo-contexts figcaption {font-size:13px;margin-top:10px;color:var(--muted)}
.logo-header,.logo-icon {background:#e5ecf5;min-height:148px;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px}
.logo-header .brand {font-size:14px;gap:7px;letter-spacing:.4px}
.logo-header .brand small {font-size:7px;letter-spacing:2px}
.logo-header>span:last-child {font-size:12px}
.logo-cover {width:120px;position:relative;margin:auto}
.cover-label {position:absolute;top:7px;left:5px;right:4px;padding:4px;display:flex;align-items:center;gap:3px;background:#101b27;color:white;font-size:6px}
.logo-actions {display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){
 .prototype {min-height:18px;padding:2px 8px;font-size:8px}
 .header {position:relative;z-index:4;min-height:62px;height:62px;flex-wrap:nowrap;padding:0 5%;gap:6px}
 .header>nav,.header>[data-reader] {display:none}
 .header .brand {font-size:13px;gap:6px;letter-spacing:.55px}
 .header .brand small {font-size:7px;letter-spacing:2px;margin-top:3px}
 .header .brand-symbol {width:30px;height:30px;font-size:18px}
 .mobile-tools {display:flex;align-items:center;gap:6px}
 .mobile-library,.mobile-menu>summary {font-size:13px;min-height:44px;display:flex;align-items:center;padding:0 6px;white-space:nowrap}
 .mobile-menu {border:0}
 .mobile-menu>summary::after {content:none}
 .mobile-menu>summary {border:1px solid var(--line);padding:0 9px}
 .mobile-menu>nav {position:absolute;right:5%;top:100%;width:min(260px,90vw);display:grid;background:var(--paper);padding:8px 16px;border:1px solid var(--line);box-shadow:0 12px 24px #10192322}
 .mobile-menu:not([open])>nav {display:none}
 .mobile-menu>nav>button {min-height:44px;justify-self:start;font-size:14px}
 .hero {padding-top:28px}
 .hero-actions .primary {min-height:48px}
 .product-grid {gap:32px}
 .cover-stage {height:280px}
 .cover-stage .catalog-book {width:142px}
 .stage-caption {bottom:12px}
 .product-meta {margin-top:14px}
 .learning-paths {grid-template-columns:1fr}
 .logo-contexts {grid-template-columns:1fr 1fr}
 .logo-contexts figure:first-child {grid-column:1/-1}
}

.brand-final { width: 162px; height: auto; }
@media (max-width:760px) {
  .header .brand-final { width: clamp(108px, 35vw, 139px); }
}