.channel-page{--channel-ink:var(--xc-ink);--channel-muted:var(--xc-ink);--channel-blue:var(--xc-ink);--channel-line:var(--xc-wash);--channel-wash:var(--xc-canvas);color:var(--channel-ink);padding-bottom:30px}
.channel-intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;padding:36px 0 28px}
.channel-eyebrow{font-size:10px;letter-spacing:.17em;color:#998568;margin:0 0 10px}
.channel-intro h1{color:var(--channel-ink);font-size:clamp(27px,2.5vw,36px);font-weight:650;line-height:1.4;letter-spacing:-.04em;margin:0 0 11px;max-width:17em}
.channel-description{color:var(--channel-muted);font-size:13px;line-height:1.85;margin:0}
.channel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}
.channel-page .button{min-height:40px;border-radius:9px;font-size:12px;padding:10px 17px;background:var(--xc-canvas);border:1px solid var(--xc-line);color:var(--xc-text);box-shadow:none}
.channel-page .button.primary{background:var(--xc-ink);color:#fff;border-color:var(--xc-ink)}
.channel-page .button:hover{filter:brightness(.97)}
.channel-search-area{position:relative;padding-top:16px}
.channel-spark{position:absolute;right:14px;top:-45px;font-size:58px;line-height:1;color:var(--xc-muted);text-shadow:4px 4px #e9dfce;transform:rotate(-12deg)}
.channel-search{display:flex;align-items:center;gap:5px;width:100%;padding:6px;border:1px solid var(--xc-line);border-radius:14px;background:#fff;box-shadow:0 6px 30px #22232107}
.channel-search svg{height:19px;width:19px;flex-shrink:0;margin-left:10px;fill:none;stroke:var(--xc-muted);stroke-width:1.8}
.channel-search input{background:transparent;border:0;box-shadow:none;padding:13px 9px;width:100%;min-width:0;color:var(--xc-text);font-size:13px;outline-offset:0}
.channel-search .button{flex-shrink:0;min-height:43px}
.channel-search-area>p{font-size:11px;color:var(--xc-muted);margin:11px 3px 0}
.channel-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--channel-line)}
.channel-tabs a{color:var(--xc-muted);font-size:13px;padding:10px 21px;border-radius:10px;text-decoration:none;transition:background .18s,color .18s;white-space:nowrap}
.channel-tabs a:hover{background:var(--xc-canvas);color:var(--xc-text)}
.channel-tabs a[aria-current]{background:var(--xc-canvas);color:var(--xc-text);font-weight:650}
.channel-filters{margin:0 0 21px}
.channel-filters summary{cursor:pointer;list-style:none;font-size:12px;color:var(--xc-muted);width:fit-content;padding:5px 0}
.channel-filters summary::-webkit-details-marker{display:none}.channel-filters summary>span{margin-left:12px}
.channel-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:16px;padding:20px;margin-top:10px;background:var(--xc-canvas);border-radius:13px;border:1px solid var(--xc-line)}
.channel-filter-fields label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--xc-muted);min-width:0}
.channel-filter-fields select,.channel-filter-fields input{height:42px;box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--xc-line);background:#fff;border-radius:8px;padding:9px;font-size:12px;color:var(--xc-text)}
.channel-filter-fields .button{min-height:42px}
.channel-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 20px;scroll-margin-top:100px;outline:none}
.channel-section-head h2{font-size:22px;font-weight:650;letter-spacing:-.03em;color:var(--channel-ink);margin:0 0 7px;line-height:1.5}
.channel-section-head p{font-size:12px;line-height:1.8;color:var(--xc-muted);margin:0}.channel-section-head>span{white-space:nowrap;font-size:11px;color:var(--xc-muted);padding-top:7px}
.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.channel-grid>.channel-card:only-child{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 30%;background:linear-gradient(120deg,var(--xc-canvas),var(--xc-surface) 65%,var(--xc-canvas))}
.channel-grid>.channel-card:only-child .channel-cover{aspect-ratio:1.5;max-height:230px}
.channel-card{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:23px;align-items:center;min-width:0;padding:25px;border:1px solid var(--xc-line);border-radius:18px;background:linear-gradient(130deg,#fff,var(--xc-surface));transition:transform .2s,border-color .2s,box-shadow .2s}
.channel-card:hover{transform:translateY(-2px);border-color:var(--xc-line);box-shadow:0 9px 24px #22232110}
.channel-copy{min-width:0}.channel-card h3{color:var(--channel-ink);font-size:18px;line-height:1.55;font-weight:650;letter-spacing:-.025em;margin:0 0 10px;overflow-wrap:anywhere}
.channel-card h3 a{color:inherit;text-decoration:none}.channel-card h3 a:hover{color:var(--xc-muted)}
.channel-kicker{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:10px;color:var(--xc-muted);margin-bottom:11px;line-height:1.6}
.channel-kicker>span:first-child{background:var(--xc-canvas);color:var(--xc-muted);font-weight:600;border-radius:5px;padding:3px 7px}
.channel-work .channel-kicker>span:first-child,.channel-offer .channel-kicker>span:first-child{background:var(--xc-canvas);color:var(--xc-muted)}
.channel-test .channel-kicker>span:first-child,.channel-community .channel-kicker>span:first-child{background:var(--xc-canvas);color:#4c7b68}
.channel-topic .channel-kicker>span:first-child,.channel-policy .channel-kicker>span:first-child{background:var(--xc-wash);color:#94784c}.channel-kicker .channel-demo{color:#9a7b50}
.channel-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.9;color:var(--xc-muted);margin:0 0 13px}
.channel-facts{display:grid;gap:8px;padding:12px 0;margin:0;border-top:1px solid var(--xc-line);border-bottom:1px solid var(--xc-line)}
.channel-facts>div{display:grid;grid-template-columns:5.4em minmax(0,1fr);gap:7px;align-items:start;font-size:11px;line-height:1.8}
.channel-facts dt{color:var(--xc-muted)}.channel-facts dd{margin:0;color:var(--xc-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.channel-meta{display:flex;flex-wrap:wrap;gap:7px 12px;font-size:10px;line-height:1.8;color:var(--xc-muted);margin-top:13px}.channel-meta a{color:var(--xc-muted);text-decoration:none}
.channel-read{display:inline-block;font-size:11px;color:var(--xc-text);margin-top:14px;text-decoration:none}.channel-read>span{display:inline-block;margin-left:8px;transition:transform .2s}.channel-card:hover .channel-read>span{transform:translate(2px,-2px)}
.channel-cover{display:block;width:100%;aspect-ratio:1/1.15;overflow:hidden;border-radius:12px;background:var(--xc-canvas);position:relative;text-decoration:none;color:var(--xc-muted)}
.channel-cover img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}.channel-community .channel-cover img{object-fit:cover}.channel-card:hover img{transform:scale(1.025)}
.channel-placeholder{background:linear-gradient(150deg,var(--xc-canvas),var(--xc-canvas))}.channel-cover-label{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px;position:absolute;inset:0;font-size:22px;font-weight:400;padding:12px}.channel-cover-label small{font-size:9px;font-weight:400;line-height:1.7;overflow-wrap:anywhere}
.channel-calendar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;font-size:10px}.channel-calendar strong{font-size:58px;line-height:1;font-weight:500;color:var(--xc-muted)}.channel-calendar small{letter-spacing:.12em}
.channel-pagination{display:flex;align-items:center;justify-content:space-between;padding-top:26px;font-size:12px;color:var(--xc-muted)}
.channel-footer{margin-top:30px;border-top:1px solid var(--xc-line);padding:21px 0;font-size:12px;color:var(--xc-muted)}.channel-footer nav{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap}.channel-footer a{color:var(--xc-muted);text-decoration:none}.channel-footer .text-button{margin-left:auto;color:var(--xc-muted);font-size:11px}.channel-footer details{margin-top:20px;max-width:800px;font-size:11px;line-height:1.9}.channel-footer summary{cursor:pointer}.channel-footer p{margin-top:9px}
.channel-related{margin-top:32px}.channel-related h2{font-size:20px;color:var(--channel-ink)}
.channel-status{font-size:12px;color:var(--xc-muted);padding:14px 17px;background:var(--xc-canvas);border-radius:10px;margin-bottom:20px}.channel-status.error{color:#885735;background:#f8f0e6}.channel-status .button{margin-left:15px}.channel-page[aria-busy=true] .channel-grid{opacity:.58}
.channel-page .empty-state{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed var(--xc-line);border-radius:16px;background:var(--xc-canvas);padding:28px}.channel-page .empty-state h2{font-size:21px;color:var(--xc-text)}.channel-page .empty-state p{font-size:13px;line-height:1.8;color:var(--xc-muted);text-align:center}
.channel-page a:focus-visible,.channel-page button:focus-visible,.channel-page input:focus-visible,.channel-page select:focus-visible,.channel-page summary:focus-visible{outline:2px solid var(--xc-ink);outline-offset:4px}
/* Keep the existing project preview, tasks and keyboard tabs within the shared reading surface. */
.channel-page.co-studio{--co-ink:var(--xc-ink);--co-muted:var(--xc-ink);--co-accent:var(--xc-ink)}.channel-page .co-stage{border-radius:18px;border-color:var(--xc-line);overflow:hidden}.channel-page .co-feature{background:linear-gradient(120deg,var(--xc-canvas),var(--xc-canvas) 54%,var(--xc-wash));min-height:320px}.channel-page .co-project-copy{padding:34px 38px}.channel-page .co-project-copy h2{font-size:29px;color:var(--xc-ink);line-height:1.5}.channel-page .co-project-goal{font-size:14px;color:var(--xc-muted);line-height:1.9}.channel-page .co-project-art{background:transparent;min-height:310px}.channel-page .co-project-art img{object-fit:contain}.channel-page .co-button-dark{background:var(--xc-ink);border-color:var(--xc-ink);color:#fff}.channel-page .co-project-work{padding:28px 32px;background:#fff}.channel-page .co-task{background:var(--xc-canvas);border-color:var(--xc-line);border-radius:13px}.channel-page .co-task h3{color:var(--xc-text)}.channel-page .co-work-tabs button{color:var(--xc-muted)}.channel-page .co-work-tabs button[aria-selected=true]{color:var(--xc-text);border-color:var(--xc-ink)}.channel-page .co-project-picker{margin-bottom:20px;gap:12px}.channel-page .co-project-picker>a{border-radius:12px;background:var(--xc-canvas);border-color:var(--xc-line)}.channel-page .co-project-picker>a[aria-current]{background:var(--xc-canvas);border-color:var(--xc-field)}.channel-page .co-start{display:none}
/* Detail, publishing and member surfaces share the palette while retaining their forms and permissions. */
.channel-surface .v2-head h1,.channel-surface .detail-heading h1,.channel-surface .v2-article h1{color:var(--xc-ink);font-weight:650;letter-spacing:-.035em}
.channel-surface .v2-head p,.channel-surface .detail-heading .lead{color:var(--xc-muted);line-height:1.9}
.channel-surface .v2-article{max-width:940px;margin-inline:auto;color:var(--xc-text)}.channel-surface .v2-article>.v2-facts{padding:24px;border-radius:14px;background:var(--xc-canvas);gap:18px}.channel-surface .v2-article>.v2-facts:empty{display:none}
.channel-surface .detail-heading{padding:24px 0 28px}.channel-surface .detail-heading .tags .tag,.channel-surface .v2-article>.tags .tag{background:var(--xc-canvas);color:var(--xc-muted)}.channel-surface .detail-section h2,.channel-surface .v2-section h2{color:var(--xc-text)}.channel-surface .detail-layout{gap:32px}.channel-surface .contact-panel{border:1px solid var(--xc-line);background:var(--xc-canvas);border-radius:16px}.channel-surface .detail-cover{border-radius:16px}.channel-surface .source-section{background:var(--xc-canvas);border-radius:14px;padding:25px}.channel-surface .detail-jumps a{background:var(--xc-canvas);color:var(--xc-muted)}
.channel-surface #main>.v2-article .button.primary,.channel-surface .detail-layout .button.primary,.channel-surface .v2-form .button.primary,.channel-surface .v2-editor .button.primary{background:var(--xc-ink);border-color:var(--xc-ink);color:#fff}.channel-surface .v2-form,.channel-surface .fn-editor-section{border-color:var(--xc-line)}.channel-surface .fn-editor-index{background:var(--xc-canvas)}.channel-surface .v2-workspace>.v2-section{border-color:var(--xc-line)}.channel-detail-back{display:inline-block;font-size:12px;color:var(--xc-muted);text-decoration:none;margin:10px 0 22px}
@media(max-width:1100px){.channel-intro{gap:30px}.channel-card{grid-template-columns:minmax(0,1fr) 120px;gap:18px;padding:21px}.channel-card h3{font-size:17px}.channel-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-page .co-project-copy{padding:28px}}
@media(max-width:900px){.channel-grid{grid-template-columns:1fr}.channel-card{grid-template-columns:minmax(0,1fr) 205px}.channel-cover{aspect-ratio:1.2}.channel-card h3{font-size:20px}.channel-intro{gap:25px}.channel-intro h1{font-size:28px}.channel-page .co-project-copy h2{font-size:25px}}
@media(max-width:600px){.channel-intro{grid-template-columns:1fr;gap:20px;padding:25px 0 21px}.channel-intro h1{font-size:27px;max-width:12em;margin-bottom:9px}.channel-eyebrow{font-size:9px}.channel-description{font-size:12px;max-width:29em}.channel-actions{gap:8px;margin-top:16px}.channel-actions .button{flex:1;text-align:center;min-height:39px;font-size:11px;padding:10px}.channel-search-area{padding-top:0}.channel-spark{display:none}.channel-search input{font-size:12px;padding:12px 7px}.channel-search-area>p{display:none}.channel-tabs{flex-wrap:nowrap;overflow-x:auto;gap:4px;padding-bottom:12px;margin-bottom:12px;scrollbar-width:thin}.channel-tabs a{padding:9px 14px;font-size:12px}.channel-filters{margin-bottom:18px}.channel-filters summary{font-size:11px}.channel-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:15px}.channel-filter-fields select,.channel-filter-fields input{font-size:11px}.channel-section-head{gap:12px;margin-bottom:16px}.channel-section-head h2{font-size:20px}.channel-section-head p{font-size:11px;max-width:26em}.channel-section-head>span{font-size:10px}.channel-grid{gap:13px}.channel-card{grid-template-columns:minmax(0,1fr) 100px;gap:13px;padding:17px 15px;border-radius:14px}.channel-card h3{font-size:16px;line-height:1.55;margin-bottom:9px}.channel-kicker{font-size:9px;gap:5px;margin-bottom:9px}.channel-summary{font-size:11px;margin-bottom:11px}.channel-cover{aspect-ratio:1/1.15;align-self:start;margin-top:32px;border-radius:9px}.channel-cover-label{font-size:18px;padding:8px}.channel-cover-label small{font-size:8px}.channel-facts>div{grid-template-columns:1fr;gap:1px;font-size:10px}.channel-facts{gap:7px;padding:9px 0}.channel-facts dd{-webkit-line-clamp:2}.channel-meta{font-size:9px;gap:5px 9px}.channel-read{font-size:10px;margin-top:12px}.channel-calendar strong{font-size:42px}.channel-calendar{font-size:9px;gap:9px}.channel-footer{margin-top:25px;padding:20px 0}.channel-footer nav{gap:14px;font-size:11px}.channel-footer .text-button{margin-left:0}.channel-footer details{font-size:10px}.channel-page .empty-state{min-height:200px;padding:20px}.channel-page .empty-state h2{font-size:19px}.channel-page .empty-state p{font-size:12px}.channel-page .co-project-copy{padding:23px 20px}.channel-page .co-project-copy h2{font-size:24px}.channel-page .co-project-goal{font-size:12px}.channel-page .co-project-work{padding:20px 15px}.channel-page .co-project-art{min-height:230px}.channel-page .co-task-facts{grid-template-columns:1fr}.channel-surface .v2-article>.v2-facts{padding:17px}.channel-surface .source-section{padding:18px}.channel-surface .detail-layout{gap:22px}}
.channel-page .co-project-art{min-height:410px}.channel-page .co-art-note{bottom:15px}
@media(max-width:600px){.channel-grid>.channel-card:only-child{grid-template-columns:minmax(0,1fr) 100px}.channel-grid>.channel-card:only-child .channel-cover{aspect-ratio:1/1.15}.channel-page .co-project-art{min-height:350px}}
@media(prefers-reduced-motion:reduce){.channel-card,.channel-cover img,.channel-read>span,.channel-tabs a{transition:none}.channel-card:hover,.channel-card:hover img{transform:none}}

/* Direct district selection for the community directory. */
.community-regions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
.community-regions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border:1px solid var(--xc-line);border-radius:8px;background:var(--xc-canvas);color:var(--xc-muted);font-size:12px;line-height:1.5;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.community-regions a:hover{background:var(--xc-wash);color:var(--xc-ink)}
.community-regions a[aria-current]{background:var(--xc-ink);border-color:var(--xc-ink);color:#fff;font-weight:600}
@media(max-width:600px){.community-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.community-regions a{min-height:40px;padding:8px 4px}}

/* Keep the six OPC filters in balanced rows, with a separate action row. */
.community-regions+.channel-filters .channel-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}
.community-regions+.channel-filters .channel-filter-fields label{margin:0;gap:10px}
.community-regions+.channel-filters .channel-filter-fields select{height:44px;min-height:44px;margin:0}
.community-regions+.channel-filters .channel-filter-fields .button{grid-column:1/-1;justify-self:end;min-width:128px;height:44px;min-height:44px;margin:0}
@media(max-width:600px){.community-regions+.channel-filters .channel-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.community-regions+.channel-filters .channel-filter-fields .button{justify-self:stretch;width:100%}}