/* Shared neutral surfaces, with collaboration-specific information hierarchy. */
.co-feed .channel-intro{display:block;padding-bottom:24px}
.co-feed .sq-intro-copy h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;margin-bottom:10px}
.co-feed .sq-toolbar{display:flex;gap:20px;align-items:center;margin-top:24px}
.co-feed .channel-search{position:relative;flex:1;display:flex;padding:4px;background:#f2f2f2;border:1px solid #e7e7e7;border-radius:12px;max-width:none}
.co-feed .search-input-wrap{flex:1;min-width:0}
.co-feed .search-input-wrap input{width:100%;border:0;background:transparent;box-shadow:none}
.co-feed .sq-search-submit{border:0;background:transparent;min-width:44px;padding:10px}
.co-feed .sq-compose-inline{display:flex;gap:10px;white-space:nowrap}
.co-feed .channel-tabs{background:#f2f2f2;border-radius:12px;padding:5px;gap:4px;overflow-x:auto;flex-wrap:nowrap}
.co-feed .channel-tabs a{border:0;border-radius:8px;white-space:nowrap}
.co-feed .channel-tabs a[aria-current=page]{background:#fff;color:#282828;box-shadow:0 1px 4px #0000000d}
.co-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.co-card{border:1px solid #e2e2e2;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0;transition:border-color .18s}
.co-card:hover{border-color:#b4b4b4}
.co-card-cover{display:block;text-decoration:none}
.co-card-visual,.co-detail-visual{position:relative;background:#ededed;aspect-ratio:3.1/1;overflow:hidden;color:#383838}
.co-card-visual img,.co-detail-visual img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;display:block}
.co-card-map{height:100%;display:flex;align-items:center;justify-content:center;padding:30px;gap:14px;background:radial-gradient(circle at 50% 50%,#fafafa 0,#ececec 80%)}
.co-card-map span{display:grid;place-items:center;min-width:62px;aspect-ratio:1;border:1px solid #d4d4d4;border-radius:14px;background:#fff;font-size:12px;color:#6b6b6b}
.co-card-map span:nth-of-type(2){min-width:86px;background:#353535;color:#fff;border-color:#353535}
.co-card-map i{width:36px;height:1px;background:#bcbcbc;position:relative}
.co-card-map i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg)}
.co-card-stage{position:absolute;left:16px;top:14px;font-size:11px;border:1px solid #dedede;background:#fff;padding:3px 8px;border-radius:5px}
.co-card-copy{padding:22px 24px 18px;flex:1;cursor:pointer}
.co-card-labels{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#787878}
.co-card h2{font-size:22px;line-height:1.45;letter-spacing:-.025em;margin:10px 0}
.co-card h2 a{color:#262626;text-decoration:none}
.co-card-goal{color:#626262;font-size:14px;line-height:1.7;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.co-card-facts{display:grid;gap:10px;margin:0;border-top:1px solid #eee;padding-top:16px}
.co-card-facts>div{display:grid;grid-template-columns:68px 1fr;gap:12px;font-size:13px;line-height:1.6}
.co-card-facts dt{color:#818181}.co-card-facts dd{margin:0;color:#404040;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.co-card-task{font-size:12px;color:#956441;margin:12px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-card-credit{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin-top:18px}
.co-card-credit a{color:#707070;text-decoration:none}
.co-card>.sq-social-bar{padding:12px 24px;border-top:1px solid #eee;gap:24px}
.co-card .sq-social-button{font-size:12px}
.co-how{margin:28px 0;border-block:1px solid #e8e8e8;padding:18px 0;color:#555}
.co-how>summary{cursor:pointer;font-size:14px}.co-how .co-model{margin:18px 0 0;border:0;padding:12px 0}
.co-return{margin:8px 0 20px}.co-return .button{font-size:13px;background:#f4f4f4;border:1px solid #e5e5e5}
.co-project-detail{max-width:1000px;margin:auto;position:relative}
.co-project-detail>.co-detail-visual{border-radius:14px;margin:20px 0}
.co-project-detail>.sq-byline,.co-reader .sqr-author{display:flex;align-items:center;gap:16px;justify-content:space-between}
.co-project-detail .sq-social-rail{position:static;flex-direction:row;justify-content:flex-start;border-top:1px solid #eee;padding:18px 0}
.co-detail-more{border-block-start:1px solid #e8e8e8;padding:18px 0;margin-top:12px}
.co-detail-more>summary{cursor:pointer;font-weight:600;color:#383838}
.co-detail-more[open]>summary{margin-bottom:18px}
.co-project-follow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}
.co-project-follow small{font-size:12px;color:#777}.co-project-follow .v2-inline{margin:0}
.co-primary-action{display:flex;justify-content:flex-start}
.co-action-hint{max-width:65ch;overflow-wrap:anywhere}
.co-project-more{border-bottom:1px solid #e8e8e8;padding:10px 0 14px;margin-bottom:18px}
.co-project-more>summary{width:fit-content;cursor:pointer;color:#777;font-size:13px;padding:8px 0}
.co-project-more[open]>summary{color:#333}
.co-project-more .co-project-follow{margin:8px 0}
.co-secondary-actions{margin-top:10px}
.co-project-lead .v2-facts dd{overflow-wrap:anywhere}
.co-project-detail #project-outcomes,.co-reader #project-outcomes{scroll-margin-top:24px}
.co-reader #project-outcomes .co-outcomes{grid-template-columns:1fr}
.co-reader .sqr-visual{aspect-ratio:3/1;max-height:240px;overflow:hidden}
.co-reader .co-card-map{min-height:160px}
.co-reader .sqr-author{font-size:14px}.co-reader .co-project-lead{margin:20px 0;padding:20px;background:#fafafa;border-color:#e5e5e5;border-top:2px solid #ad7958}
.co-reader .co-project-lead h2,.co-reader .v2-section h2,.co-reader .co-flow-section h2,.co-reader .co-interest-entry h2{font-size:20px}
.co-reader .co-project-lead .v2-facts{grid-template-columns:1fr;gap:12px}
.co-reader .co-project-lead .v2-facts>div{display:grid;grid-template-columns:95px 1fr;gap:12px}
.co-reader .co-project-lead .v2-facts dt,.co-reader .co-project-lead .v2-facts dd{margin:0;font-size:13px}
.co-reader .co-project-lead .muted{font-size:12px;line-height:1.6}
.co-reader .actions{gap:10px;flex-wrap:wrap}.co-reader .button{font-size:13px;min-height:40px;padding:10px 14px;white-space:normal}
.co-reader .v2-list>li{padding:16px 0;border-bottom:1px solid #eee}
.co-reader .v2-list h3{font-size:17px}.co-reader .v2-list p,.co-reader .co-interest-entry p{font-size:14px;line-height:1.7}
.co-reader .co-interest-entry{background:#f6f6f6;padding:18px;border-radius:12px}
.co-reader .sqr-composer .sq-social-bar{justify-content:space-around}
.co-work-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.co-work-cards article{padding:22px;border:1px solid #dedede;border-radius:12px;background:#fff}
.co-work-cards h3{font-size:18px;margin:0 0 10px}.co-work-cards p{font-size:14px;color:#686868;line-height:1.7}
.co-form-section{border:1px solid #e4e4e4;border-radius:12px;padding:20px;margin:16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.co-form-section legend{padding:0 8px;font-weight:600;font-size:16px}.co-form-section label{margin:0;min-width:0}
.co-form-section textarea{width:100%;min-height:100px}.co-form-section input,.co-form-section select{width:100%}
@media(max-width:760px){.co-grid,.co-work-cards,.co-form-section{grid-template-columns:1fr}.co-feed .sq-toolbar{flex-wrap:wrap;gap:12px}.co-feed .channel-search{flex-basis:100%;order:1}.co-feed .sq-compose-inline{margin-left:auto}.co-card-copy{padding:18px}.co-card h2{font-size:20px}.co-card>.sq-social-bar{padding-inline:18px}.co-card-map{gap:10px;padding:24px}.co-card-visual{aspect-ratio:2.8/1}.co-card-map span{min-width:54px}.co-card-map span:nth-of-type(2){min-width:74px}.co-card-map i{width:22px}.co-reader .co-project-lead{padding:16px}.co-return .button{white-space:normal}.co-form-section{padding:16px}}
@media(prefers-reduced-motion:reduce){.co-card{transition:none}}

.co-reader .co-project-lead .v2-facts>div{padding:10px 0;min-height:0;border-bottom:1px solid #e7e7e7}.co-reader .co-project-lead .v2-facts dt,.co-reader .co-project-lead .v2-facts dd{padding:0;border:0}.co-reader .co-project-lead>h2{margin-bottom:10px}.co-reader .co-project-lead>p{margin:10px 0}.co-reader .co-project-lead .actions{margin-top:16px}.co-feed .channel-tabs a:after{display:none}
.co-reader .sqr-visual{aspect-ratio:4/1;max-height:175px}
.co-reader .co-project-lead .v2-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-block:14px}
.co-reader .co-project-lead .v2-facts>div{display:block;border:0;padding:0}
.co-reader .co-project-lead .v2-facts dt{color:#828282;font-size:12px;margin-bottom:5px}
.co-reader .co-project-lead{padding:18px}.co-reader .co-project-lead .co-kicker{font-size:12px}
@media(max-width:760px){.co-reader .sqr-visual{aspect-ratio:3/1}.co-reader .co-project-lead .v2-facts{grid-template-columns:1fr}.co-reader .co-project-lead .v2-facts>div{display:grid;grid-template-columns:88px 1fr}}
