.qc-shell { width:min(1560px,calc(100% - 64px)); margin:0 auto; padding:64px 0 100px; }
.qc-heading { display:flex; justify-content:space-between; align-items:center; gap:32px; padding-bottom:42px; border-bottom:2px solid var(--ink); }
.qc-heading h1 { font-size:clamp(60px,7vw,104px); line-height:.95; font-weight:500; letter-spacing:-.065em; margin:18px 0; }
.qc-heading h1 em { font-weight:400; }
.qc-heading h1>span { color:#9a492f; font-size:.55em; vertical-align:top; margin-left:16px; }
.qc-heading p:last-child { font-size:19px; color:#5d574e; margin-bottom:0; }
.qc-account { display:grid; justify-items:end; gap:14px; font:12px var(--sans); }
.qc-layout { display:grid; grid-template-columns:190px minmax(0,1fr) 265px; gap:36px; padding-top:36px; }
.qc-channels { align-self:start; position:sticky; top:92px; }
.qc-channels button { display:block; width:100%; padding:13px 12px; margin:3px 0; text-align:left; border:0; background:none; font:600 13px var(--sans); cursor:pointer; border-radius:4px; }
.qc-channels button[aria-current="true"] { background:#e4d8c5; color:#6b3628; }
.qc-channels button:hover { background:#ece2d2; }
.qc-channels button { text-decoration:none; }
.qc-member-nav { border-top:1px solid var(--line-soft); margin-top:20px; padding-top:15px; }
.qc-back { display:block; margin-top:28px; font:12px var(--sans); text-underline-offset:4px; }
.qc-main-column { min-width:0; }
.qc-feed-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.qc-feed-heading h2 { font-weight:500; font-size:38px; letter-spacing:-.03em; margin:6px 0; }
.qc-feed-heading .button { font-size:10px; white-space:nowrap; }
.qc-channel-description { color:#615a50; font-size:17px; line-height:1.5; }
.qc-feed-toolbar { display:flex; justify-content:space-between; padding:20px 0 14px; border-bottom:1px solid var(--line); color:#696055; font:11px var(--sans); text-transform:uppercase; letter-spacing:.06em; }
.qc-post { border-bottom:1px solid var(--line); padding:26px 4px; }
.qc-post-meta { display:flex; flex-wrap:wrap; gap:9px; align-items:center; color:#675e53; font:11px var(--sans); line-height:1.5; }
.qc-avatar { width:28px; height:28px; display:grid; place-items:center; background:#e8ddca; border:1px solid #c8b89e; border-radius:50%; color:#573d2d; font:600 12px var(--sans); }
.qc-post h3 { font-size:27px; letter-spacing:-.02em; font-weight:500; margin:14px 0 10px; overflow-wrap:anywhere; }
.qc-post h3 a { text-decoration:none; }
.qc-post h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.qc-post-body { font-size:17px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; color:#4c4943; margin:12px 0 18px; }
.qc-post-actions { display:flex; flex-wrap:wrap; gap:18px; margin-top:16px; }
.qc-post-actions button,.qc-post-actions a { font:11px var(--sans); text-underline-offset:4px; }
.qc-badge { color:#6d4421; background:#eee0c6; padding:3px 7px; border-radius:3px; }
.qc-empty { padding:58px 24px; text-align:center; border-bottom:1px solid var(--line); }
.qc-empty>span { color:#987145; font-size:44px; }
.qc-empty h3 { font-size:30px; font-weight:500; margin:18px 0 12px; }
.qc-empty p { max-width:380px; margin:0 auto 22px; line-height:1.65; font-size:17px; color:#655d53; }
.qc-aside { align-self:start; padding:28px; border:1px solid #cfbfa8; background:rgba(230,219,198,.35); border-radius:4px; }
.qc-aside h2 { font-weight:500; font-size:31px; line-height:1.1; letter-spacing:-.03em; margin:22px 0; }
.qc-aside p { line-height:1.65; font-size:16px; }
.qc-aside .eyebrow { font-size:11px; }
.qc-house-rules { margin-top:25px; padding-top:20px; border-top:1px solid var(--line); }
.qc-house-rules h3 { font:700 11px var(--sans); text-transform:uppercase; letter-spacing:.1em; }
.qc-house-rules ol { padding-left:20px; font-size:15px; line-height:1.6; }
.qc-house-rules li { margin-bottom:10px; }
.qc-house-rules a { font:11px var(--sans); text-underline-offset:4px; }
.qc-review-note { font-style:italic; color:#695c4a; }
.qc-notice { padding:17px 22px; margin-top:24px; border-left:3px solid #a46a35; background:#ebe0cc; line-height:1.5; }
.qc-status { min-height:0; margin:14px 0 0; color:#6c3e2d; line-height:1.5; }
.qc-status:empty { display:none; }
.qc-thread-back { margin:0 0 18px; }
#threadView { scroll-margin-top:95px; }
.qc-reply-title { font-size:30px; font-weight:500; padding-top:20px; }
.qc-reply-form { margin-top:28px; padding:24px; background:#eee4d3; border:1px solid var(--line); }
.qc-reply-form label { display:block; font-size:21px; margin-bottom:15px; }
.qc-reply-form p { font-size:14px; color:#635b50; }
.qc-dialog { width:min(510px,calc(100vw - 32px)); padding:32px; border:1px solid #bba98b; background:var(--paper-light); color:var(--ink); border-radius:8px; max-height:calc(100svh - 60px); overflow:auto; box-shadow:0 30px 100px #0005; }
.qc-dialog-wide { width:min(700px,calc(100vw - 32px)); }
.qc-dialog::backdrop { background:#17202999; backdrop-filter:blur(3px); }
.qc-dialog-heading { display:flex; gap:20px; justify-content:space-between; align-items:start; }
.qc-dialog h2 { font-size:34px; font-weight:500; margin:0 0 15px; letter-spacing:-.035em; }
.qc-dialog-heading button { font-size:26px; border:0; background:none; cursor:pointer; }
.qc-dialog label { display:block; font:600 12px var(--sans); margin:20px 0 8px; }
.qc-dialog input,.qc-dialog textarea,.qc-dialog select,.qc-reply-form textarea { width:100%; padding:12px; border:1px solid #ad9d83; border-radius:3px; background:#fffaf1; color:var(--ink); font:16px var(--serif); }
.qc-dialog textarea,.qc-reply-form textarea { resize:vertical; }
.qc-dialog p { font-size:15px; line-height:1.5; }
.qc-dialog .text-button { display:block; margin-top:18px; }
.qc-dialog .button { margin-top:12px; }
.qc-dialog [role="alert"] { color:#a32f24; }
.qc-fine-print { padding-top:14px; color:#655d53; }
.qc-more { margin:24px 0; }
[hidden] { display:none!important; }
@media(max-width:1250px) { .qc-layout { grid-template-columns:170px minmax(0,1fr);gap:26px; } .qc-aside { grid-column:2; } .qc-aside .qc-house-rules { margin-top:16px; } }
@media(max-width:760px) { .qc-shell { width:calc(100% - 32px);padding-top:36px; } .qc-heading { align-items:start;gap:16px; } .qc-heading h1 { font-size:64px; } .qc-account>span { display:none; } .qc-layout { display:block; } .qc-channels { position:static;margin-bottom:28px; } #channels { display:flex;overflow:auto;gap:5px;padding-bottom:5px; } #channels button { white-space:nowrap;width:auto; } .qc-member-nav { display:flex;margin-top:10px;padding-top:8px; } .qc-member-nav:has(button[hidden]):not(:has(button:not([hidden]))) { display:none; } .qc-back { display:none; } .qc-feed-heading { align-items:start; } .qc-feed-heading h2 { font-size:31px; } .qc-aside { margin-top:36px; } .qc-dialog { padding:24px; } }
@media(max-width:440px) { .qc-heading { flex-wrap:wrap; } .qc-heading h1 { font-size:68px; } .qc-account { justify-items:start; } .qc-feed-heading { flex-direction:column;gap:12px; } .qc-feed-heading .button { width:100%; } }