/* Community reading and action surfaces; scoped to preserve existing games and rituals. */
@layer living {
 .c2-page{--community-rule:#bab7ac25;--community-accent:#d6c3a0;color:#e1ded5}
 .c2-page .interface-icon{width:19px;height:19px;flex:0 0 19px;vertical-align:middle}
 .c2-hall .c2-masthead{padding-top:12px;gap:24px}
 .c2-hall .channel-description{color:#b9bac0;max-width:32em}
 .c2-hall .channel-kicker{color:#a8a7a3}
 .c2-quick .button{gap:10px}
 .c2-quick .button>span{font:inherit;line-height:1.5}
 .channel-personal-links{gap:4px 16px;max-width:420px;color:#c4c1b7}
 .channel-personal-links>a{min-height:40px}
 .c2-sections{gap:10px;flex-wrap:wrap;overflow:visible;border:0;padding:18px 0 8px;margin:0}
 .c2-sections a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #bfb5a51e;border-radius:3px;background:#b9ae9005;color:#bbbcc1;font-size:14px}
 .c2-sections a[aria-current]{border-color:#b8a68568;background:#b8a68513;color:#e5d5b9}
 .c2-sections a:hover{background:#b8a68513;border-color:#b8a68560}
 .c2-layout{gap:36px;padding-top:20px}
 .c2-main{background:none}
 .channel-feed-heading{margin-bottom:15px}
 .channel-feed-heading h2{font-size:20px}.channel-feed-heading p{color:#aeb0b4}
 .c2-search{align-items:stretch;gap:8px}
 .community-search-field{display:flex;align-items:center;flex:1;min-width:0;position:relative}
 .community-search-field>.interface-icon{position:absolute;left:13px;color:#a6a8ad;pointer-events:none}
 .community-search-field input{width:100%;padding:10px 12px 10px 40px;min-height:46px;color:#e0e1e2}
 .c2-search .button{flex-shrink:0;padding:10px 18px;min-height:46px}
 .c2-feed-controls{display:flex;gap:8px 14px;flex-wrap:wrap;padding:14px 0 18px;border:0}
 .community-sort-tabs{display:flex;gap:3px;flex-wrap:wrap;min-width:0}
 .community-sort-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 11px;border-radius:3px;font:13px/1.6 var(--font-body);color:#adb0b7;border-bottom:2px solid transparent}
 .community-sort-tabs a[aria-current]{color:#e2d0af;background:#b7a37e0e;border-bottom-color:#b7a37e}
 .community-sort-tabs a:hover{background:#c4baa110}
 .c2-feed-controls select{margin-left:auto;width:auto;min-height:44px;max-width:100%;padding:8px 26px 8px 10px;background:#1d2025;border:1px solid #b5ae9a2b;border-radius:3px;font-size:13px}
 .c2-feed-controls option{background:#202329;color:#e4e1d8}
 .forum-filter-note{max-width:100%;overflow-wrap:anywhere;color:#c8b997}
 .community-featured{margin:0 0 24px;border-top:1px solid #b6a17a5e;padding-top:14px}
 .community-featured>header{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#ceb992;margin-bottom:12px}
 .community-featured>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
 .community-featured>div>a{display:block;padding:18px 20px;background:#272725;box-shadow:inset 0 1px #e3d2ab10,0 6px 16px #0002}
 .community-featured strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:550 17px/1.75 var(--font-title);margin:8px 0;color:#e4dfd1;overflow-wrap:anywhere}
 .community-featured small{display:block;color:#b8b6ad;font-size:12px;overflow-wrap:anywhere}
 .c2-hall .c2-row{padding:24px;margin:0 0 15px;border:1px solid #c4bca91c;border-radius:3px;background:#202329;box-shadow:inset 0 1px #e8e0cf08,0 5px 16px #0002}
 .c2-hall .c2-row:hover{background:#23262c;border-color:#c2b2933d}
 .c2-hall .c2-row:focus-within{border-color:#c2b29365}
 .c2-hall .record-overline{gap:6px 10px;align-items:center}
 .record-overline code{color:#a9a8a4}
 .record-category{background:#c0b28d0b;border:1px solid #c0b28d29;padding:2px 7px;border-radius:2px;font-size:12px;color:#c8bfa9}
 .c2-row h2{font-size:clamp(20px,1.7vw,24px);line-height:1.65;color:#e9e4d9;margin:13px 0 10px;font-weight:550}
 .record-summary-link{display:block;min-width:0}
 .c2-row .c2-excerpt{color:#bec0c4;font-size:14px;line-height:1.9;max-width:52em;-webkit-line-clamp:2}
 .record-summary-link:hover .c2-excerpt{color:#d6d4ce}
 .c2-hall .record-footer{display:block;margin-top:18px}
 .record-author{align-items:center;gap:10px;color:#b5b8bf}
 .c2-row .c2-avatar{width:34px;height:34px;flex-basis:34px;background:#34383e;border:1px solid #c2b99835;color:#d5c9b4}
 .record-author>div{flex:1;gap:2px 10px}
 .record-author>div>a{color:#d1cfc8;font-size:13px}
 .record-author .c2-number,.record-author time{color:#a4a7af;font-size:11px}
 .record-author time{margin-left:auto}
 .record-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px;padding-top:12px;border-top:1px solid #c3bbab16}
 .discussion-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:3px;font:13px/1.5 var(--font-body);color:#b9bec8;touch-action:manipulation;cursor:pointer;transition:color 160ms,background-color 160ms,border-color 160ms,transform 160ms}
 .discussion-action .reaction-count{font:12px/1 var(--font-index);font-variant-numeric:tabular-nums;min-width:1ch}
 .discussion-action:hover{background:#c3b3920e;border-color:#c3b39226;color:#e4d8c1}
 .discussion-action:active{transform:scale(.96);background:#c3b3921e}
 .discussion-action[aria-pressed=true]{color:#e4ca97;background:#c3ac7e12}
 .discussion-action[aria-pressed=true] .icon-fill{fill:currentColor;fill-opacity:.3}
 .discussion-action[aria-busy=true]{opacity:.65;cursor:wait}
 .discussion-action[aria-busy=true] .interface-icon{opacity:.5}
 .discussion-action[data-feedback=success] .interface-icon{animation:discussion-confirm 320ms ease-out}
 .discussion-action[data-feedback=error]{border-color:#c3908766;color:#e0b5ad}
 .record-tags{margin-top:12px;gap:6px 10px}
 .record-tags .c2-tag{color:#aaaeb6;font-size:12px;min-height:30px}
 .c2-hall .record-notice{background:#292823;border-left:3px solid #aa9673}
 .c2-hall .record-exploration{border-left:3px solid #708d8f}
 .c2-hall .record-research{border-left:3px solid #8b849d}
 .record-research:before{display:none}
 .record-has-media{grid-template-columns:minmax(0,1fr) 145px}
 .c2-hall .record-has-media{display:grid}
 .record-has-media .record-summary-link{grid-column:1}
 .record-has-media .c2-row-images{grid-row:2/4;margin-top:13px}
 .c2-sidebar{border:0;padding-left:0;display:grid;gap:16px}
 .c2-sidebar section{margin:0;padding:20px 22px;border:1px solid #b9b2a522;background:#1c2025;box-shadow:inset 0 1px #e3dacb08}
 .c2-sidebar h2{font-size:18px;color:#d8d4c9;display:flex;align-items:center;gap:9px}
 .c2-side-link{color:#cccbc5;font-size:13px}
 .c2-side-link small,.side-empty{color:#a9adb6;line-height:1.85}
 .channel-desk-note p{color:#babdc3;font-size:13px;line-height:1.95}
 .channel-desk-note{border-top:2px solid #a495762f!important}
 .c2-article-actions{gap:8px 12px}
 .c2-article-actions>.discussion-action{min-height:44px;display:inline-flex}
 .c2-comment-actions button,.c2-more-replies{min-height:44px}
 .c2-comment-meta time{color:#a7aab1}.c2-comment p{color:#d1d0ca}
 .c2-discussion{scroll-margin-top:25px}
 #community-comment-form{padding:24px;background:#22252b;border:1px solid #bdb39d26;border-radius:3px}
 #community-comment-form label{margin-top:0;color:#ded8ca;font-size:15px}
 #community-comment-form textarea{width:100%;font-size:16px;line-height:1.8;scroll-margin-bottom:24px}
 #community-comment-form .button{min-height:46px}
 .c2-reply-target{padding-top:0;flex-wrap:wrap;color:#d1c2a3}.c2-reply-target button{min-height:44px}
 @keyframes discussion-confirm{0%{transform:scale(1)}45%{transform:scale(1.18)}100%{transform:scale(1)}}
 @media(max-width:1100px){.c2-layout{gap:24px;grid-template-columns:minmax(0,1fr) 235px}.record-author>div{flex-direction:column;align-items:flex-start}.discussion-action{gap:6px;padding-inline:5px}}
 @media(max-width:900px){.c2-layout{grid-template-columns:1fr}.c2-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.c2-hall .c2-masthead{align-items:flex-start;flex-direction:column;gap:18px}.c2-quick{width:100%;align-items:flex-start;flex-direction:row;justify-content:space-between}.channel-personal-links{max-width:270px;justify-content:flex-end}}
 @media(max-width:600px){
  .c2-hall{padding-top:16px}.c2-hall .c2-masthead{padding-bottom:20px}.c2-hall .channel-title-block{gap:15px}.channel-crest{width:50px;height:50px;flex-basis:50px}
  .c2-hall .c2-home{font-size:29px;letter-spacing:.02em}.channel-kicker{font-size:11px;gap:7px}.channel-description{font-size:13px;line-height:1.8}
  .c2-quick{flex-direction:column;gap:6px}.c2-quick .button{min-height:44px;padding:10px 17px}.channel-personal-links{max-width:none;width:100%;justify-content:flex-start;gap:2px 15px;font-size:12px}
  .c2-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:16px 0 6px}.c2-sections a{padding:8px 6px;gap:6px;justify-content:center;font-size:12px;white-space:normal}.c2-sections .interface-icon{width:17px;height:17px;flex-basis:17px}
  .c2-layout{padding-top:16px;gap:28px}.channel-feed-heading{gap:10px;align-items:center}.channel-feed-heading p{font-size:12px}.channel-feed-heading>span{font-size:11px}
  .c2-search .button{padding-inline:15px}.c2-feed-controls{gap:8px;padding-bottom:15px}.community-sort-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:3px}.community-sort-tabs a{padding:8px 4px;font-size:12px;min-height:44px}
  .c2-feed-controls select{font-size:13px;min-height:44px;margin-left:0}.c2-feed-controls>a{margin-left:auto;min-height:44px}
  .community-featured>div{grid-template-columns:1fr}.community-featured>div>a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:5px 9px;padding:12px 14px}
  .community-featured strong{font-size:15px;line-height:1.7;-webkit-line-clamp:1;margin:0}.community-featured .c2-marker{margin:2px 0 0}.community-featured small{grid-column:2;font-size:11px}
  .c2-hall .c2-row{padding:20px 18px;margin-bottom:14px}.record-overline{font-size:11px}.record-overline code{font-size:10px}.record-category{font-size:11px}
  .c2-row h2{font-size:21px;line-height:1.65;margin:12px 0 10px}.c2-row .c2-excerpt{font-size:14px;line-height:1.85}
  .record-author{gap:9px;flex-wrap:wrap}.record-author>div{flex:1}.record-author time{font-size:10px;white-space:normal;max-width:65px;text-align:right}.record-author>div>a{font-size:13px}
  .record-actions{gap:3px;margin-top:14px;padding-top:10px}.discussion-action{padding:8px 2px;gap:5px;font-size:12px}.discussion-action .interface-icon{width:18px;height:18px;flex-basis:18px}
  .record-actions .comment-action-label{display:none}
  .c2-hall .record-has-media{display:block}.record-has-media .c2-row-images{width:100%;max-width:300px;margin:15px 0}.record-has-media .c2-photo{width:calc(50% - 5px);aspect-ratio:4/3}.record-has-media .c2-row-images .c2-photo:nth-child(2){display:block}
  .c2-sidebar{grid-template-columns:1fr;gap:13px}.c2-sidebar section{padding:22px}.channel-colophon{flex-wrap:wrap;line-height:1.8;gap:9px}
  .c2-article-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.c2-article-actions>button:not(.discussion-action),.c2-article-actions>a{min-height:44px;justify-content:center}
  .c2-discussion>header{gap:10px}.c2-discussion h2{font-size:23px}.c2-discussion>header span{font-size:12px}
  #community-comment-form{padding:20px 18px}#community-comment-form .button{width:100%}.c2-comment{gap:9px}.c2-comment-actions{gap:15px}
 }
 @media(prefers-reduced-motion:reduce){.discussion-action,.c2-page :is(a,button){transition:none}.discussion-action[data-feedback=success] .interface-icon{animation:none}.discussion-action:active{transform:none}}
 .reduce-motion .discussion-action{transition:none}.reduce-motion .discussion-action[data-feedback=success] .interface-icon{animation:none}.reduce-motion .discussion-action:active{transform:none}
}
