/* Shared post-thread look for "From Tony" (.thr) and "From the community" (.cmt).
   Avatar · connecting line · byline/date · title · text · read link. */
.thr,.cmt{--t-ink:#eee8dc;--t-muted:#9aa2a6;--t-line:#262b31;--t-gold:#c8ad70;--t-cyan:#76d5dd;--t-panel:#0b1014;color:var(--t-ink);min-width:0}
.thr *,.cmt *{box-sizing:border-box}
.thr-head,.cmt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--t-line)}
.thr-kicker,.cmt-kicker{margin:0 0 6px;font-size:10px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;color:var(--t-gold)}
.thr-head h2,.cmt-head h2{margin:0;font:400 clamp(26px,3vw,34px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.02em;color:var(--t-ink)}
.thr-write,.cmt-toggle{flex:0 0 auto;appearance:none;background:transparent;border:1px solid #3d5a5e;color:var(--t-cyan);font:600 11px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:.04em;padding:9px 13px;border-radius:999px;cursor:pointer}
.thr-write:hover,.cmt-toggle:hover{border-color:var(--t-cyan);background:#0e1a1d}
.thr-write span,.cmt-toggle span{display:inline-block;margin-left:4px}
.cmt-intro{margin:14px 0 0;font-size:12px;line-height:1.6;color:var(--t-muted)}
.thr-feed,.cmt-feed{list-style:none;margin:0;padding:0}
.thr-post,.cmt-post{position:relative;display:flex;gap:14px;padding:22px 0;border-bottom:1px solid var(--t-line)}
.thr-post:after,.cmt-post:after{content:'';position:absolute;top:58px;bottom:0;left:16px;width:1px;background:#2a3036}
.thr-post:last-child:after,.cmt-post:last-child:after{display:none}
.thr-avatar,.cmt-avatar{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border:1px solid #625735;border-radius:50%;background:#151711;color:var(--t-gold);font:650 10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:.04em}
.cmt-avatar{border-color:#35575b;background:#0f1719;color:var(--t-cyan)}
.thr-body,.cmt-post-body{min-width:0;flex:1}
.thr-meta,.cmt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:10px;line-height:1.6;color:var(--t-muted)}
.thr-meta strong,.cmt-meta strong{font-weight:600;color:var(--t-ink)}
.thr-pin{margin-left:auto;color:var(--t-gold);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.thr-topic{margin:8px 0 0;font-size:10px;color:var(--t-gold)}
.thr-post h3,.cmt-post h3{margin:10px 0 8px;font:600 21px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.02em;color:var(--t-ink)}
.thr-post h3 a{color:inherit;text-decoration:none}.thr-post h3 a:hover{color:var(--t-cyan)}
.thr-text,.cmt-text{margin:0 0 10px;font-size:14px;line-height:1.75;color:#c6c9c8;overflow-wrap:anywhere}
.thr-image{display:block;margin:14px 0 4px;border:1px solid #2c3236;background:#080b0d;overflow:hidden}
.thr-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
.thr-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px;color:var(--t-muted)}
.thr-actions a{margin-left:auto;font-size:11px;color:var(--t-cyan);text-decoration:none}
.thr-actions a:hover{text-decoration:underline}
.thr-empty,.cmt-empty{padding:22px 0;font-size:13px;color:var(--t-muted);border-bottom:1px solid var(--t-line)}
.cmt-pages{display:flex;justify-content:space-between;gap:10px;padding-top:14px}
.cmt-pages button{appearance:none;background:none;border:0;color:var(--t-cyan);font-size:11px;cursor:pointer;padding:4px 0}
.cmt-pages button:disabled{opacity:.35;cursor:default}
/* forms — compact, only open when asked */
.thr-composer,.cmt-form{margin:16px 0 4px;padding:16px;border:1px solid #2b3a3e;background:var(--t-panel);border-radius:4px}
.thr-composer[hidden],.cmt-form[hidden],.cmt-step[hidden],.cmt-pages[hidden]{display:none!important}
.cmt-form fieldset{border:0;margin:0;padding:0;min-width:0}
.cmt-form fieldset:disabled{opacity:.55}
.thr-composer label,.cmt-form label{display:block;margin:10px 0 5px;font-size:11px;color:var(--t-muted)}
.thr-composer label:first-of-type,.cmt-form fieldset>label:first-child{margin-top:0}
.thr-composer input[type=text],.thr-composer textarea,.cmt-form input[type=text],.cmt-form input[type=email],.cmt-form textarea{width:100%;padding:10px 11px;border:1px solid #2f3940;background:#06090b;color:var(--t-ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;border-radius:3px}
.thr-composer textarea,.cmt-form textarea{resize:vertical;min-height:96px}
.thr-composer input:focus,.thr-composer textarea:focus,.cmt-form input:focus,.cmt-form textarea:focus{outline:2px solid #3f7d82;outline-offset:1px}
.thr-composer input[type=file]{font-size:11px;color:var(--t-muted)}
.thr-composer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.thr-composer button[type=submit],.cmt-form button{appearance:none;margin-top:12px;padding:9px 15px;border:1px solid var(--t-cyan);background:#10272a;color:#dff6f4;font:600 12px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;border-radius:3px;cursor:pointer}
.thr-composer-row button[type=submit]{margin-top:0}
.thr-composer button:disabled,.cmt-form button:disabled{opacity:.5;cursor:default}
.thr-status,.cmt-status{margin:10px 0 0;font-size:12px;color:var(--t-cyan);min-height:1em}
.thr-hint{margin:8px 0 0;font-size:10px;color:var(--t-muted)}
.cmt-availability{margin:0 0 12px;font-size:12px;color:var(--t-gold)}
.cmt-check{display:flex!important;gap:9px;align-items:flex-start;line-height:1.5}
.cmt-check input{margin-top:3px;flex:0 0 auto}
.cmt-note{margin:8px 0 0;font-size:10px;line-height:1.6;color:var(--t-muted)}
.cmt-policy{margin:8px 0 0;display:flex;gap:14px;font-size:10px}.cmt-policy a{color:var(--t-cyan)}
.cmt-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.thr a:focus-visible,.thr button:focus-visible,.cmt a:focus-visible,.cmt button:focus-visible{outline:2px solid var(--t-cyan);outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media(max-width:600px){.thr-head,.cmt-head{flex-wrap:wrap;align-items:flex-start}.thr-post h3,.cmt-post h3{font-size:19px}}
