/* Public supporting pages. Brand tokens and mark come from index.html. */
.resource-page{margin:0;padding:0;background:var(--void);color:var(--ink);font-family:var(--sans);line-height:1.7}
.resource-page a{color:var(--cyan);text-underline-offset:4px}
.resource-page a:hover{color:var(--ink)}
.resource-head{min-height:96px;max-width:1280px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line-soft)}
.resource-head nav{display:flex;align-items:center;gap:28px;font-size:13px}
.resource-head a,.resource-page .cem-brand{text-decoration:none;border:0}
.resource-page .cem-brand{color:var(--ink);font-family:var(--sans);background:none;-webkit-text-fill-color:currentColor;letter-spacing:normal}
.resource-page .resource-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:10px 20px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:500;background:rgba(58,219,232,.04)}
.resource-page .resource-cta:hover{background:rgba(58,219,232,.10);border-color:var(--cyan);text-decoration:none}
.resource-page .resource-cta:active{transform:translateY(1px)}
.resource-page .container,.resource-page .wrap{max-width:840px;padding:64px 40px 96px;margin:auto}
.resource-page h1{font-family:var(--sans);font-size:clamp(34px,4vw,52px);font-weight:400;line-height:1.12;letter-spacing:-.045em;color:var(--ink);background:none;-webkit-text-fill-color:currentColor;text-shadow:none;margin:0 0 20px;overflow-wrap:break-word}
.resource-page h2{font-family:var(--sans);font-size:23px;line-height:1.35;font-weight:500;color:var(--ink);text-transform:none;letter-spacing:-.025em;margin:40px 0 16px;background:none;-webkit-text-fill-color:currentColor}
.resource-page h3{font-family:var(--sans);font-size:17px;line-height:1.4;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);background:none;-webkit-text-fill-color:currentColor}
.resource-page p,.resource-page li{color:rgba(233,241,247,.78);font-size:16px;line-height:1.75}
.resource-page strong{color:var(--ink)}
.resource-page .resource-eyebrow{font:10px/1.5 var(--mono);letter-spacing:.16em;color:var(--cyan);margin:0 0 24px;text-transform:uppercase}
.resource-page .resource-accent{color:var(--coral)}
.resource-page .sub{font-size:18px;line-height:1.6;color:var(--muted);max-width:580px;margin:0 0 28px}
.resource-page .effective{font:12px/1.65 var(--mono);color:var(--muted);margin:0 0 40px;padding-bottom:28px;border-bottom:1px solid var(--line-soft)}
.resource-page .notice{border:1px solid var(--line-soft);border-left:2px solid var(--coral);background:var(--panel);padding:18px 22px;color:var(--ink);border-radius:0 6px 6px 0}
.resource-page .back{border-color:var(--line);color:var(--cyan);font-family:var(--sans);letter-spacing:0}
.resource-page .back:hover{background:var(--panel);color:var(--ink)}
.resource-page .legal-links{display:flex;flex-wrap:wrap;gap:10px 24px;border-bottom:1px solid var(--line-soft);padding-bottom:22px;margin-bottom:40px}
.resource-page .legal-links a{font-size:12px;color:var(--muted);text-decoration:none}
.resource-page .legal-links a[aria-current]{color:var(--cyan)}
.resource-page .legal-links a:hover{color:var(--ink)}
.resource-page .contact-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 40px}
.resource-page .contact-row span{font-size:12px;color:var(--muted)}
.resource-page .contact-row .resource-cta{background:var(--cyan);color:var(--void);border-color:var(--cyan)}
.resource-page .contact-row .resource-cta span{color:inherit}
.resource-page .contact-row .resource-cta:hover{background:var(--ink);border-color:var(--ink)}
.resource-page .free-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:8px;padding:26px;margin:24px 0 36px}
.resource-page .note{color:var(--muted);font-size:13px}
.resource-page footer,.resource-page .footer{border-color:var(--line-soft);color:var(--muted);font:12px/1.7 var(--sans)}
/* Long-form pages use quiet editorial surfaces, not ornamental glass cards. */
.resource-manifesto .top-nav{position:sticky;top:0;padding:20px 32px;background:var(--void);border-bottom:1px solid var(--line-soft);backdrop-filter:none;gap:28px;flex-wrap:wrap}
.resource-manifesto .nav-links{gap:20px}
.resource-manifesto .top-nav .nav-links a{font:12px var(--sans);color:var(--muted);letter-spacing:0}
.resource-manifesto .top-nav .nav-links a:hover{color:var(--cyan)}
.resource-manifesto .page-content{max-width:920px;padding:64px 40px 80px}
.resource-manifesto .hero,.resource-manifesto .section-header{text-align:left}
.resource-manifesto .hero .subtitle{color:var(--muted);font-style:normal}
.resource-manifesto .hero .epigraph{margin:28px 0 0;padding:12px 0 12px 24px;border-color:var(--coral);font-size:19px;max-width:640px;color:var(--muted)}
.resource-manifesto .section-header h2{font-size:28px}
.resource-manifesto .section-sub{color:var(--muted)!important;font-style:normal!important}
.resource-manifesto .ambient-orb,.resource-manifesto .noise-overlay,.resource-manifesto .section-header .hiero,.resource-manifesto .section-divider,.resource-manifesto .footer .hiero{display:none}
.resource-manifesto .card{padding:24px 0;background:none;border:0;border-top:1px solid var(--line-soft);border-radius:0;box-shadow:none;backdrop-filter:none}
.resource-manifesto .card:hover{box-shadow:none;border-color:var(--line-soft)}
.resource-manifesto .card p,.resource-manifesto .highlight-box p{font-size:16px}
.resource-manifesto .highlight-box,.resource-manifesto .arch-diagram{border:1px solid var(--line-soft);background:var(--panel);box-shadow:none;border-radius:6px}
.resource-manifesto .arch-diagram{font-family:var(--mono);color:var(--muted)}
.resource-manifesto .glossary-item{background:var(--panel);border-color:var(--line-soft);border-radius:6px}
.resource-manifesto .glossary-item:hover{transform:none}
.resource-manifesto .glossary-item .say{font-family:var(--sans);letter-spacing:0}
.resource-manifesto .glossary-item .why,.resource-manifesto .glossary-item .not{color:var(--muted)}
.resource-manifesto table{min-width:580px}
.resource-manifesto th,.resource-manifesto td{font-family:var(--sans)!important;letter-spacing:0!important}
.resource-page section[id]{scroll-margin-top:120px}
/* Changelog retains dates and releases; remove the old gold card hierarchy. */
.resource-changelog .header{text-align:left;margin-bottom:48px}
.resource-changelog .header p{margin:0;color:var(--muted)}
.resource-changelog .update-card{border:0;border-top:1px solid var(--line-soft);padding:28px 0;margin:0;background:none;border-radius:0}
.resource-changelog .update-card:hover{border-color:var(--line-soft)}
.resource-changelog .tag{border:1px solid var(--line);border-radius:4px;background:rgba(58,219,232,.04);color:var(--cyan);font:10px/1.5 var(--mono);margin-right:6px}
.resource-changelog .date{font:12px var(--mono);color:var(--muted);margin-left:12px}
.resource-changelog .upgrade-banner{background:var(--panel);border:1px solid var(--line-soft);border-radius:6px}
.resource-changelog .btn-upgrade{background:var(--cyan);color:var(--void)}
/* Shared community remains operational: navigation and composer retain their handlers. */
.resource-community:before{display:none}
.resource-community aside.sidebar{background:var(--void-2);border-color:var(--line-soft);width:224px;flex-basis:224px}
.resource-community .sidebar .cem-brand{margin:6px 20px 26px;gap:8px}
.resource-community .brand-word{font-size:16px}
.resource-community .brand-sub{font-size:7px}
.resource-community .nav-section{color:var(--muted);font-size:10px;letter-spacing:.13em}
.resource-community .nav-item{font-family:var(--sans);font-size:14px;letter-spacing:0;color:var(--muted);background:none;border:0;border-left:2px solid transparent;text-align:left;width:100%;line-height:1.5;min-height:46px;text-shadow:none}
.resource-community .nav-item:hover{color:var(--ink);background:var(--panel)}
.resource-community .nav-item.active{color:var(--cyan);background:rgba(58,219,232,.06);border-left-color:var(--cyan);text-shadow:none}
.resource-community main{padding:52px 48px 80px}
.resource-community h1{font-size:36px;letter-spacing:-.035em}
.resource-community h1 small{font-size:14px;line-height:1.7;color:var(--muted);letter-spacing:0;max-width:600px}
.resource-community .card,.resource-community .thread,.resource-community .lead,.resource-community .reply{background:var(--panel);border:1px solid var(--line-soft);border-radius:6px;backdrop-filter:none;box-shadow:none}
.resource-community .thread:hover{transform:none;border-color:var(--line)}
.resource-community .thread-title,.resource-community .btn,.resource-community .side-btn{font-family:var(--sans);letter-spacing:0}
.resource-community .card-label,.resource-community .meta,.resource-community .hint,.resource-community .empty{color:var(--muted)}
.resource-community .btn{border-radius:5px;background:var(--cyan);color:var(--void);border-color:var(--cyan);font-weight:500}
.resource-community .btn:hover:not(:disabled){background:var(--ink);border-color:var(--ink);box-shadow:none}
.resource-community input,.resource-community textarea{border-radius:5px!important;border-color:var(--line-soft)!important;color:var(--ink)!important}
.resource-community input:focus,.resource-community textarea:focus{border-color:var(--cyan)!important;outline:2px solid var(--cyan);outline-offset:3px}
.resource-community .side-btn{color:var(--muted);border-color:var(--line-soft);font-size:13px}
.resource-community .tab.active,.resource-community .thread{animation:none}
/* Preserve the existing technical demo and chat behavior. */
.resource-demo{font-family:var(--sans)}
.resource-demo .header{margin:48px auto 32px;padding:0 24px;max-width:840px;text-align:left}
.resource-demo h1{font-size:38px}
.resource-demo .credentials,.resource-demo .step{background:var(--panel);border-color:var(--line-soft);border-radius:6px}
.resource-demo pre,.resource-demo code{font-family:var(--mono);overflow-wrap:anywhere;white-space:pre-wrap}
.resource-demo-chat{padding:24px;min-height:100dvh;display:flex;align-items:center;justify-content:center}
.resource-demo-chat .chat-container{max-width:760px;height:calc(100dvh - 48px);border-color:var(--line-soft);background:var(--void);border-radius:8px}
.resource-demo-chat .chat-header h1{font-size:24px;margin-bottom:6px;letter-spacing:-.025em}
.resource-demo-chat .chat-header p{font-size:13px;color:var(--muted);margin:0}
.resource-demo-chat .chat-header{padding:24px;border-color:var(--line-soft);text-align:left}
.resource-demo-chat .message{font-family:var(--sans);font-size:15px;line-height:1.65;color:var(--ink);border-color:var(--line-soft);background:var(--panel)}
.resource-demo-chat .message.user{background:rgba(58,219,232,.07)}
.resource-demo-chat .chat-input input{min-width:0;font-family:var(--sans);border-color:var(--line-soft);color:var(--ink)}
.resource-demo-chat .chat-input button{background:var(--cyan);color:var(--void);font-family:var(--sans)}
.resource-demo-chat .chat-input button:hover{background:var(--ink)}
.resource-demo-chat .typing{color:var(--muted);font-style:normal}
@media(max-width:700px){
 .resource-head{padding:20px 24px;gap:20px;align-items:flex-start;flex-wrap:wrap}
 .resource-head nav{gap:22px;width:100%;justify-content:space-between}
 .resource-head .resource-cta{min-height:38px;padding:8px 14px;font-size:12px}
 .resource-page .container,.resource-page .wrap,.resource-manifesto .page-content{padding:40px 24px 64px}
 .resource-page h1{font-size:36px;line-height:1.15}
 .resource-page h2{font-size:21px}
 .resource-page p,.resource-page li{font-size:15px}
 .resource-page .free-card{padding:20px}
 .resource-page .legal-links{gap:12px 20px;margin-bottom:32px}
 .resource-manifesto .top-nav{padding:18px 24px;position:relative;gap:20px}
 .resource-manifesto .top-nav .nav-links{width:100%;margin:0;gap:12px 20px;flex-wrap:wrap}
 .resource-manifesto .hero{margin-bottom:44px}
 .resource-manifesto .section{margin-bottom:44px}
 .resource-community aside.sidebar{width:100%;height:auto;flex-basis:auto;position:static;display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0 0}
 .resource-community .sidebar .cem-brand{grid-column:1/-1;margin:0 24px 18px}
 .resource-community .nav-item{justify-content:center;flex-direction:row;padding:12px 10px;font-size:13px;border-left:0;border-bottom:2px solid transparent}
 .resource-community .nav-item.active{border-bottom-color:var(--cyan)}
 .resource-community .sidebar-foot{grid-column:1/-1;margin:0;padding:12px 24px}
 .resource-community main{padding:32px 24px 64px}
 .resource-community h1{font-size:32px}
 .resource-demo-chat{padding:0}
 .resource-demo-chat .chat-container{height:100dvh;border-radius:0;border:0}
 .resource-demo-chat .chat-input{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
.resource-demo .resource-head{width:100%}
.resource-demo .credentials,.resource-demo .step{width:calc(100% - 48px);max-width:760px}
.resource-demo .cred-value{overflow-wrap:anywhere;min-width:0}
.resource-demo .header h1{font-weight:400;letter-spacing:-.03em}
@media(min-width:701px) and (max-width:860px){
 .resource-community aside.sidebar{width:100%;height:auto;flex-basis:auto;position:static}
 .resource-community .nav-item{flex-direction:row;justify-content:flex-start;padding:12px 24px;border-top:0}
}
.resource-legal h1{font-size:42px;line-height:1.18}
.resource-changelog .update-header>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px}
.resource-changelog .date{display:inline-block;margin:0}
.resource-demo .access-methods{width:calc(100% - 48px);max-width:760px}
.resource-demo .cred-row{gap:16px;flex-wrap:wrap}
.resource-demo .cred-row .value{overflow-wrap:anywhere}
.resource-demo>.note{padding:0 24px 40px;max-width:760px}
@media(max-width:700px){.resource-legal h1{font-size:32px}.resource-legal .effective{margin-bottom:28px}}
.resource-demo-chat .chat-header h1{display:flex;align-items:center;gap:10px}
.resource-demo-chat .chat-header .brand-mark{width:28px;height:28px;flex-shrink:0}