/* Natural 100% layout: density comes from spacing, never browser zoom. */
:root{--radius:12px}.topbar{height:64px;gap:20px;padding:0 max(20px,calc((100vw - 1200px)/2))}.brand{font-size:21px}.brand-logo{width:34px;height:34px}.preview-band{padding:3px 12px}.global-search{padding:7px 12px;max-width:440px}.app-layout{max-width:1200px;grid-template-columns:190px minmax(0,1fr) 260px;gap:20px;padding:20px 20px 48px}.sidebar{min-height:650px}.sidebar nav{gap:2px}.sidebar nav>a,.sidebar nav>button{padding:9px 12px;min-height:40px}.side-caption{margin-bottom:14px}.side-create{margin-top:14px}.side-divider{margin:20px 8px}.side-note{margin-top:24px}.sidebar-bottom{padding-top:35px}.page-heading{margin-bottom:14px}h1,.page-heading h1{font-size:24px;letter-spacing:-.7px}.page-heading p{margin-top:4px}.discovery-line{margin-bottom:12px}.composer{padding:12px 16px;margin-bottom:12px}.composer-bottom{margin-top:10px;padding-top:8px}.composer-prompt{padding:9px 12px}.tabs{margin-bottom:12px;gap:24px}.tabs button{min-height:40px;padding:8px 0}.post{margin-bottom:12px}.post-content{padding:16px 16px 0}.post-header{margin-bottom:10px}.post-title{font-size:17px}.post-copy{line-height:1.55}.post-category{margin-bottom:7px}.post-actions{margin-top:10px;padding:7px 0;min-height:44px}.post-actions button,.post-actions a{min-height:32px}.comment-preview{padding:10px 16px}.feed-media{margin-top:12px}.photo-open img{height:260px}.right-rail{gap:14px}.rail-welcome,.rail-card{padding:16px}.rail-welcome h2{font-size:21px}.rail-title{margin-bottom:12px}.back-link{margin-bottom:12px}.screen-card,.onboarding-card{padding:24px}.space-card img{max-height:140px}.quick-explore{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.quick-explore a{font-size:13px;border:1px solid var(--line);border-radius:20px;background:white;padding:7px 12px;min-height:36px}
@media(max-width:1050px){.app-layout{grid-template-columns:170px minmax(0,1fr);max-width:850px}.right-rail{display:none}}
@media(max-width:700px){.topbar{height:56px;padding:0 10px;gap:6px}.brand{font-size:17px;gap:6px}.brand-logo{width:29px;height:29px}.preview-band{font-size:10px;padding:3px 6px}.preview-band>span{display:none}.header-actions{gap:0}.header-actions .icon-button{width:36px;height:44px}.area-button{min-height:44px;gap:3px}.area-button svg:last-child{display:none}.app-layout{display:block;padding:12px 10px 86px}.page-heading{margin-bottom:10px}.page-heading h1{font-size:21px;line-height:1.3}.page-heading p{font-size:13px}.pilot-label{font-size:10px;padding:3px 5px}.discovery-line{margin-bottom:8px;font-size:12px}.discovery-line .sep{margin:0}.composer{padding:10px 12px;margin-bottom:8px}.composer-prompt{font-size:14px;padding:10px}.composer-top{gap:8px}.composer-bottom{gap:12px;margin-top:6px;padding-top:4px}.composer-bottom a{font-size:12px;min-height:36px}.composer-bottom>a:last-child{display:none}.tabs{margin-bottom:8px;gap:24px}.tabs button{font-size:14px;min-height:44px}.post-content{padding:12px 12px 0}.post-header{margin-bottom:8px}.post-title{font-size:17px}.post-copy{font-size:16px;line-height:1.5}.post-actions{gap:14px;padding:2px 0}.post-actions button,.post-actions a{min-height:44px}.post-header .icon-button{width:44px;height:44px}.comment-preview{padding:10px 12px}.photo-open img{height:200px}.feed-media figcaption{font-size:12px}.mobile-nav{height:64px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.mobile-nav a{min-height:48px;font-size:11px}.screen-card,.onboarding-card{padding:18px 14px}.screen-card h1{font-size:23px}input,select,textarea{font-size:16px!important}.quick-explore{gap:6px;margin-bottom:8px}.quick-explore a{min-height:40px;display:flex;align-items:center}.onboarding-aside{padding:20px}.onboarding-aside h2{font-size:28px}body[data-screen="home"] .page-heading p{display:none}body[data-screen="home"] .page-heading h1{font-size:20px}body[data-screen="home"] .pilot-label{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Main receives focus after navigation; interactive controls retain focus rings. */
main[tabindex="-1"]:focus{outline:none}.quick-explore a{display:inline-flex;align-items:center;gap:6px}.quick-explore svg{width:16px;height:16px}
.business-thumb:has(img[src="assets/person-1.jpg"]){background:#eef0f2}.business-thumb img[src="assets/person-1.jpg"]{position:static;width:80px;height:80px;object-fit:cover;border-radius:50%;display:block;margin:44px auto 0}
/* Phone proportions calibrated against the supplied Reddit screenshot. */
@media(max-width:700px){
 :root{font-family:Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .topbar{height:50px;padding:0 12px}.brand{font-size:16px;gap:6px}.brand-logo{width:25px;height:25px;border-radius:6px}.header-actions svg{width:19px;height:19px}.preview-band{font-size:9px;line-height:14px;padding:1px 6px}
 .app-layout{padding:8px 12px 76px}.page-heading h1{font-size:19px}.page-heading p{font-size:12px}body[data-screen="home"] .page-heading{display:none}
 .discovery-line{font-size:11px;margin-bottom:4px;min-height:28px}.discovery-line svg{width:13px;height:13px}
 .composer{padding:7px 9px;margin-bottom:6px;border-radius:10px}.composer .avatar{width:26px;height:26px}.composer-prompt{font-size:13px;padding:9px 10px;min-height:36px}.composer-bottom{display:none}
 .quick-explore{margin-bottom:0;gap:8px}.quick-explore a{font-size:11px;min-height:36px;padding:5px 9px;border-radius:18px}.quick-explore svg{width:14px;height:14px}
 .tabs{gap:24px;margin-bottom:0}.tabs button{font-size:12px;min-height:40px;padding:8px 0}
 #feed-list{margin:0 -12px;background:white}.post{border:0;border-bottom:1px solid #dfe2e5;border-radius:0;margin-bottom:0}.post-content{padding:10px 15px 0}.post-header{gap:6px;margin-bottom:5px;min-height:28px}.post-header .avatar{width:25px;height:25px;border-width:0}.who strong{font-size:12px;line-height:1.3}.who small{font-size:10px;line-height:1.3}.post-header .icon-button{width:36px;height:32px;margin:-2px -8px -2px 0}.post-header .icon-button svg{width:17px;height:17px}
 .post-category{font-size:10px;line-height:1.3;padding:2px 5px;margin-bottom:5px}.post-category svg{width:11px;height:11px}.post-title{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.35;letter-spacing:-.1px;margin-bottom:7px}.post-copy{font-size:13px;line-height:1.45;color:#4e5358}.feed-media{margin-top:9px}.photo-open{border-radius:12px}.photo-open img{height:auto;aspect-ratio:1.35;object-fit:cover}.feed-media figcaption{font-size:10px;line-height:1.4;padding:5px 0}.media-type{font-size:10px;padding:3px 6px;left:8px;bottom:8px}
 .post-actions{gap:12px;margin-top:5px;padding:2px 0;min-height:40px}.post-actions button,.post-actions a{font-size:11px;min-height:36px;gap:4px}.post-actions svg{width:16px;height:16px}.comment-preview{padding:8px 15px;gap:7px}.comment-preview .avatar{width:22px;height:22px}.comment-preview p,.comment-preview strong{font-size:12px;line-height:1.4}.comment-preview a{font-size:11px;margin-top:4px}
 .mobile-nav{height:56px;padding:3px 8px max(3px,env(safe-area-inset-bottom))}.mobile-nav a{font-size:10px;gap:3px;min-height:44px;padding:3px 8px}.mobile-nav svg{width:21px;height:21px}.mobile-nav .mobile-create{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:11px}.mobile-create svg{width:22px;height:22px}
 .space-post p,.space-about>p,.business-review p,.reply p{font-size:13px;line-height:1.5}.space-card h2,.space-card h3,.business-card h2{font-size:16px}.business-card p,.business-profile-body>p{font-size:13px}.business-profile-body h1{font-size:21px}.business-social strong,.space-member-row strong{font-size:12px}.business-social small{font-size:11px}.space-card-content{padding:12px}.business-cover{height:135px}.screen-card h1{font-size:21px}.profile-bio{font-size:14px}.business-filters button{font-size:12px}.business-form>label{font-size:13px}
}
@media(max-width:700px){body{font-family:Arial,Helvetica,sans-serif}.post-copy,.who,.comment-preview{font-family:Arial,Helvetica,sans-serif}}
@media(max-width:700px){.quick-explore{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.quick-explore a{flex:0 0 auto;white-space:nowrap}}