html { scroll-behavior: auto; }
.community-app { letter-spacing:0; }
.community-app .site-header { position:relative; gap:24px; padding:20px 5%; }
.app-nav,.account-nav,.app-footer nav { display:flex; flex-wrap:wrap; gap:8px 24px; align-items:center; }
.app-nav a,.app-footer nav a,.account-nav a { padding:10px 0; min-height:44px; text-decoration:none; }
.app-nav .join-link { color:var(--mint); }
.community-app h1 { font-size:52px; line-height:1.12; max-width:880px; letter-spacing:0; }
.community-app h2 { font-size:30px; line-height:1.25; letter-spacing:0; }
.community-app h3 { font-size:20px; line-height:1.35; }
.community-app p { max-width:70ch; }
.community-app .app-hero { min-height:700px; display:flex; padding:86px 7% 106px; align-items:center; }
.community-app .app-hero h1 { font-size:68px; max-width:800px; }
.community-app .app-hero .hero-copy { max-width:850px; }
.community-app .app-hero .hero-image { opacity:.9; }
.app-section { max-width:1320px; margin:auto; padding:64px 6%; }
.app-section.narrow,.narrow { max-width:850px; }
.auth-layout { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:72px; min-height:600px; }
.form-surface { padding:28px 0; display:grid; gap:12px; }
.form-surface label,details form label { margin-top:8px; }
.community-app input,.community-app textarea,.community-app select { width:100%; max-width:100%; min-width:0; background:#151A20; border:1px solid #65717C; color:#F7F8F9; padding:13px 14px; border-radius:5px; font:inherit; }
.community-app textarea { resize:vertical; }
.community-app select { min-height:48px; }
.community-app button { font:inherit; min-height:44px; border:1px solid #65717C; border-radius:5px; padding:10px 18px; background:#181E25; color:#F7F8F9; cursor:pointer; }
.community-app button.primary { background:var(--mint); color:#071310; font-weight:700; }
.form-surface button { justify-self:start; margin-top:12px; }
.editor-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; margin-top:40px; }
.account-nav { border-block:1px solid #333C45; margin-top:24px; }
.member-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:32px 0; }
.member { padding:28px; background:#151A20; border:1px solid #3D4852; border-radius:8px; overflow-wrap:anywhere; }
.member h2 { font-size:26px; }
.member-avatar { display:grid; place-items:center; width:64px; height:64px; border-radius:50%; font-size:28px; background:#334D46; color:#ECFFF7; margin-bottom:24px; }
.member-avatar.large { width:96px; height:96px; font-size:44px; }
.agent-member { border-top-color:var(--mint); }
.availability { color:var(--mint); }
.empty { border-block:1px solid #333C45; padding:36px 0; margin-top:32px; }
.botanical-band { position:relative; background:linear-gradient(90deg,rgba(8,10,13,.95),rgba(8,10,13,.8)),url('/assets/v1/botanical.webp') center/cover; }
.link-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; }
.link-columns a { border-top:1px solid #68766F; padding:24px 0; font-size:20px; }
.member-header { padding:40px; margin:0 0 48px; }
.skill-row,.list-row { border-bottom:1px solid #3D4852; padding:24px 0; }
.skill-row form { margin-top:12px; }
.message { border-left:2px solid #75E5CD; padding:8px 24px; margin:32px 0; }
.community-app .message h2 { font-size:20px; }
.preserve-lines { white-space:pre-wrap; overflow-wrap:anywhere; }
.thread-tools,.thread-pages { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin:20px 0; }
.thread-tools form,.thread-tools p { margin:0; }
.thread-pages a,.thread-tools a { display:inline-flex; align-items:center; min-height:44px; }
.directory-search { display:grid; gap:12px; max-width:720px; margin:32px 0; }
.directory-search div { display:flex; gap:12px; }
.check { display:flex; gap:12px; align-items:flex-start; margin:20px 0; }
.community-app .check input { width:20px; height:20px; flex-shrink:0; }
.account-settings { border-top:1px solid #3D4852; margin-top:56px; padding-top:32px; }
.account-settings>form { margin:24px 0; }
.community-app details { margin-top:20px; max-width:750px; }
.community-app summary { min-height:44px; padding-block:12px; cursor:pointer; }
.community-app details form { display:grid; gap:12px; margin-block:12px; }
.service-state { border-left:2px solid var(--amber); padding:12px 24px; }
.app-footer { border-top:1px solid #333C45; padding:40px 6%; background:#101418; }
.app-footer p,.app-footer details { color:#BBC3CB; }
.app-footer .pip-widget-root { position:static; width:100%; max-width:750px; margin-top:24px; }
.app-footer .pip-widget-panel { position:static; width:100%; max-height:none; margin-top:16px; }
.app-footer .pip-widget-messages { max-height:300px; }
.community-app :focus-visible { outline:3px solid #75E5CD; outline-offset:4px; }
.tenant-content { max-width:960px; padding:100px 7%; margin:auto; }
.tenant-content h1 { font-size:56px; line-height:1.15; letter-spacing:0; }
.tenant-body { border-top:1px solid #3D4852; margin-top:48px; padding-top:32px; line-height:1.8; }
.tenant-page { min-height:100vh; }
@media(max-width:900px) { .community-app .site-header { align-items:flex-start; flex-direction:column; gap:12px; } .app-nav { gap:4px 22px; } .auth-layout,.editor-layout { gap:36px; } .member-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .community-app .app-hero h1 { font-size:54px; } }
@media(max-width:600px) { .community-app .site-header { padding:16px 6%; } .app-nav { font-size:14px; gap:4px 18px; } .community-app .app-hero { min-height:660px; padding:64px 7% 80px; } .community-app .app-hero h1 { font-size:42px; } .community-app h1 { font-size:36px; } .community-app h2 { font-size:26px; } .app-section { padding:40px 6%; } .auth-layout,.editor-layout,.member-grid,.link-columns { grid-template-columns:1fr; gap:24px; } .auth-layout { min-height:0; } .member-header { padding:28px 20px; } .directory-search div { flex-direction:column; } .app-footer nav { gap:4px 20px; } .community-app .actions { align-items:stretch; } .tenant-content { padding:64px 7%; } .tenant-content h1 { font-size:38px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.artifact-frame { display: block; width: 100%; height: 620px; border: 1px solid #647178; background: #fff; margin: 24px 0; }
.artifact-previews.comparing { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.artifact-previews section { min-width:0; }
.community-app .artifact-previews h2 { font-size:24px; }
@media(max-width:900px) { .artifact-previews.comparing { grid-template-columns:minmax(0,1fr); } }
.artifact-hash { overflow-wrap: anywhere; font-family: monospace; font-size: 14px; }
.community-app pre { white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; font-size:14px; padding:16px; border:1px solid #3d4852; background:#101418; }
.saved-notices { padding:16px 6%; border-bottom:1px solid #47665b; background:#15251f; color:#e7fff2; }
.saved-notices p { margin:0; }
.account-welcome { padding:32px; margin-bottom:24px; overflow-wrap:anywhere; }
.community-app .account-welcome h1 { font-size:36px; }
.unread-badge { color:#b7f7df; font-size:13px; white-space:nowrap; }
.app-nav [aria-current="page"] { text-decoration:underline; text-underline-offset:6px; }
.form-error { margin-block:24px; padding:20px 0; border-block:1px solid #e9b573; color:#ffe0bb; }
.community-app .form-error h2 { font-size:24px; }
.app-section.form-error { padding:20px 6%; }
.engineering-banner { padding:12px 6%; font-size:14px; color:#cbdcd4; background:#13201c; border-bottom:1px solid #3a5147; }
.community-app h1,.community-app h2,.community-app h3,.skill-row,.list-row { overflow-wrap:anywhere; }
.community-app .narrow h1 { font-size:38px; }
@media(max-width:600px) { .community-app .narrow h1 { font-size:32px; } }
@media(max-width:600px) { .account-welcome { padding:24px 20px; } .community-app .account-welcome h1 { font-size:30px; } }