/* Wider-screen adaptations; the phone layout stays unchanged. */
@media (min-width:768px){
 :root{--app-top:124px}
 body{padding-bottom:0}
 body>header{position:sticky;top:0;z-index:20;height:64px;padding:10px 24px}
 body>main{padding-top:60px}
 body>.bottomnav{top:64px;bottom:auto;height:60px;max-width:none;padding:6px 24px;gap:8px;border-top:0;border-bottom:1px solid var(--line);background:var(--surface)}
 .bottomnav button{flex-direction:row;gap:8px;min-height:44px;max-width:180px;font-size:14px;padding:10px 16px;border-radius:12px;white-space:nowrap}
 .bottomnav .icon{width:20px;height:20px}
 .bottomnav .badge{position:static;min-width:18px;line-height:18px;padding:0 5px;color:var(--bg)}
 .page{max-width:1040px;padding:28px 32px 40px}
 .pagehead{margin-bottom:20px}
 .companylist{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .companyrow{min-height:88px;padding:16px 60px 16px 16px}
 .directory-search,.schedule-toolbar{top:var(--app-top)}
 #schedulePage{max-width:880px}
 .schedule-toolbar{padding-top:12px}
 .agenda-days{margin-top:12px}
 .agenda-now-marker{top:calc(var(--app-top) + var(--schedule-control-height,0px));bottom:0}
 .session-card,.session-card.now-target{scroll-margin-top:calc(var(--app-top) + var(--schedule-control-height,0px) + 44px)}
 #visitsPage{max-width:1040px}
 #directoryPage.is-discover{max-width:760px}
 #directoryPage.is-discover #discoverFeed{height:calc(100dvh - var(--app-top) - 120px);min-height:360px;max-height:760px}
 .discover-card{padding:28px}
 .discover-card .row-bookmark{transform:none}
 #mapPage{padding:16px 24px 0;max-width:1600px}
 #mapShell{border:1px solid var(--line);border-radius:20px}
 #mapShell .maptop{left:0;right:0;top:0;width:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:12px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--bg)}
 .maptop .searchrow{flex:1 1 280px;min-width:0;max-width:560px}
 #mapShell .maptop .chips{margin:0;padding:0;flex:none}
 #mapShell .mapcontrols{right:16px}
 #mapShell .map-compass{left:16px}
 #mapShell .mapfoot{left:16px;right:16px}
 #mapShell #peek{left:16px;bottom:12px;width:370px}
 #mapShell.fullscreen{border:0;border-radius:0}
 #toast{bottom:24px}
}
@media (min-width:1024px){
 :root{--app-top:68px}
 body>header{height:68px;padding-inline:max(32px,calc((100vw - 1440px)/2))}
 body>main{padding-top:0}
 body>.bottomnav{top:8px;left:auto;right:max(96px,calc((100vw - 1440px)/2 + 64px));height:52px;width:auto;max-width:620px;padding:2px;gap:4px;border:0;border-radius:14px;background:transparent;backdrop-filter:none;z-index:21}
 .bottomnav button{flex:0 1 auto;min-height:48px;padding:10px 18px}
 .page{padding-top:24px}
 .spotlight-company{min-height:172px;padding:20px 24px}
 .spotlight-art{right:36px;top:42px}
 .spotlight-explore{margin-top:12px}
 dialog{width:620px;max-width:calc(100vw - 64px)}
}
@media (min-width:768px) and (hover:hover){
 .bottomnav button:not(.active):hover{background:var(--surface-secondary);color:var(--ink)}
 .companyrow:hover{border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}
}

/* Compact creator identity and contextual company links share the existing palette. */
.creator-photos{display:flex;gap:8px;margin-bottom:12px}.creator-photos img{width:56px;height:56px;object-fit:cover;border-radius:12px}.creator-photos img:last-child{object-position:center 30%}.creator .links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.creator .links a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:10px 8px;font-size:14px;line-height:1.3;border-radius:12px;text-decoration:none}.creator .links a:last-child{grid-column:1/-1}.creator .links .icon{width:18px;height:18px;flex-shrink:0}.creator .links svg[fill="currentColor"]{fill:currentColor;stroke:none}.creator h3{color:var(--ink)}.creator p{margin-bottom:0;line-height:1.6}
.session-companies{margin:0 0 24px}.session-company{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);margin-top:10px}.session-company .logo{flex-shrink:0;width:48px;height:48px}.session-company-copy{display:grid;gap:6px;flex:1;min-width:0}.session-company strong{font-size:19px}.session-company small{font-size:13px;color:var(--muted)}.session-company .featured-badge{justify-self:start;font-size:12px}.session-company>.icon{width:18px;flex-shrink:0}

.company-quick-nav{margin:0 0 18px;flex-wrap:wrap}.company-quick-nav button{display:flex;align-items:center;gap:6px}.company-quick-nav .icon{width:16px;height:16px}.featured-career-brief{padding:18px 0 24px;margin-bottom:20px;border-bottom:1px solid var(--line);scroll-margin-top:12px}.career-brief-heading{display:flex;gap:14px;align-items:center;margin-bottom:18px}.career-brief-heading .logo{width:56px;height:56px;flex:none}.career-brief-heading h3{font-size:20px;line-height:1.25;margin:5px 0}.career-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.career-route-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border-radius:14px;background:var(--surface-secondary);color:var(--ink);text-decoration:none;border:1px solid var(--line);font-size:14px}.career-route-grid a>span{color:var(--blue)}.career-route-grid a>small{color:var(--blue);font-size:12px}.career-route-grid a>.icon{width:14px;height:14px;align-self:flex-end}.career-source{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;font-size:14px}.career-question{margin-top:18px;font-size:15px}.career-question summary{min-height:44px;cursor:pointer}.career-question p{line-height:1.6;color:var(--muted)}.company-insights{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-secondary)}.spotlight-main{padding-right:75px}.spotlight-main strong{font-size:clamp(20px,4vw,25px)}.spotlight-description{display:block;max-width:78%;line-height:1.5}

/* A right-aligned personal sign-off below the creator links. */
.creator-identity{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:8px}
.creator-identity .creator-photos{margin:0;flex-shrink:0}
.creator .creator-signature{display:block;width:184px;max-width:100%;height:auto;margin:8px 0 0 auto;pointer-events:none;object-fit:contain}
.creator h3{margin-top:0;margin-bottom:10px}
.creator .links{margin-top:16px}

/* Keep the brand lockup compact alongside desktop navigation. */
@media(min-width:768px){
 body>header .identity{gap:9px}
 body>header .identity>img{width:32px;height:32px;border-radius:9px}
 body>header .identity h1{font-size:20px;line-height:1.1;letter-spacing:-.45px;margin:0}
 body>header .identity p{font-size:8px;line-height:1.25;letter-spacing:.4px;margin:0 0 3px}
 body>header #about{width:40px;height:40px;min-height:40px}
}
