/* EXITFEED 2.2: calm proportions, clear hierarchy and usable touch controls. */
.post-page{max-width:1320px;margin-inline:auto}
.detail-layout{grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr)}
.detail-copy{padding:24px;min-width:0}
.detail-copy h2{font-size:clamp(24px,2.6vw,36px);margin:18px 0 12px;overflow-wrap:anywhere}
.detail-copy .user-link{margin-bottom:20px}
.detail-caption{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}
.detail-copy .post-tags:empty,.detail-copy .share-codes:empty,.detail-copy .detail-caption:empty{display:none}
.detail-copy .post-actions{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}
.post-conversation{margin-top:28px;padding:26px;border:1px solid var(--line);border-radius:9px;background:var(--panel);max-width:980px}
.post-conversation .comments-list{max-height:none;overflow:visible}
.post-conversation .comment{padding-block:20px;scroll-margin-block:100px}
.post-conversation .comment-form{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}
.comment:target{background:#ff795e10;outline:1px solid var(--accent);border-radius:6px}
.collection-toolbar,.report-queue-filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0}
.collection-toolbar label,.report-queue-filters label{display:grid;gap:8px;font-size:13px;color:var(--muted)}
.collection-toolbar label:first-child,.report-queue-filters label:first-child{flex:1;min-width:180px}
.collection-toolbar input,.collection-toolbar select,.report-queue-filters input,.report-queue-filters select{min-height:44px;width:100%}
.collection-toolbar p,.report-queue-filters p{margin:0;font-size:13px;align-self:center}
.vehicle-card h3 a{color:var(--text);text-decoration:none}
.vehicle-view{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.vehicle-view a{display:inline-flex;align-items:center;gap:12px;color:var(--accent);min-height:44px;font-weight:600;font-size:14px}
.vehicle-page-head{display:grid;gap:12px;padding:8px 0 30px}
.vehicle-page-head .back-link{margin-bottom:20px}
.vehicle-page-head h1{font-size:clamp(30px,4vw,52px);margin:0;overflow-wrap:anywhere}
.vehicle-page-head p{margin:0}
.vehicle-build{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:28px;align-items:start;margin-bottom:40px}
.vehicle-build figure{margin:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel)}
.vehicle-build figure img{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain}
.vehicle-build section{padding:26px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.vehicle-build h2{font-size:23px;margin-top:0}
.vehicle-build dl{margin:20px 0}
.vehicle-build dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.vehicle-build dt{color:var(--muted)}
.vehicle-build dd{margin:0;text-align:right}
.build-notes{white-space:pre-wrap;overflow-wrap:anywhere}
.active-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.active-filters:empty{display:none}
.active-filters button{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:13px;color:var(--text)}
.active-filters button .icon{width:15px;height:15px}
.active-filters button:hover{border-color:var(--accent)}
.upload-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}
.composer-photo{min-width:0;background:var(--panel-high);border-radius:7px;border:1px solid var(--line);padding:8px}
.composer-photo img{width:100%;height:110px;object-fit:cover;border-radius:4px;display:block}
.composer-photo>span{display:block;font-size:11px;letter-spacing:.1em;padding:10px 0;color:var(--accent);font-weight:700}
.composer-photo>div{display:grid;grid-template-columns:1fr 2fr 1fr;gap:4px}
.composer-photo button{min-height:40px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:4px;font-size:12px;padding:4px}
.composer-photo button[data-compose=remove]{grid-column:1/-1}
.composer-photo button:disabled{opacity:.35;cursor:default}
.draft-note{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:var(--panel-high)}
.draft-note p{margin:0;font-size:13px;line-height:1.6}
.draft-note button{min-height:44px;flex-shrink:0;color:var(--accent);font-size:13px;background:transparent}
.composer-review-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.composer-review-tools span{font-size:13px;color:var(--muted)}
.composer-review-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--panel)}
.composer-review-card img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;background:var(--bg)}
.composer-review-card>div{padding:20px}
.composer-review-card h3{font-size:24px;margin:12px 0}
.composer-review-card p{white-space:pre-wrap;overflow-wrap:anywhere}
#publish-progress:empty{display:none}
#publish-progress{padding:12px;border-left:2px solid var(--accent);background:var(--panel-high)}
.admin-search{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:24px 0}
.admin-search label{display:grid;gap:8px;font-size:13px;min-width:140px;flex:1;color:var(--muted)}
.admin-search label:first-child{flex:2;min-width:180px}
.admin-search input,.admin-search select{min-height:44px;width:100%}
.admin-search button{align-self:end}
.list-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;padding-top:24px;border-top:1px solid var(--line);margin-top:24px}
.list-pagination span{font-size:13px;color:var(--muted)}
.activity-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}
.activity-tools p{font-size:13px;margin:0}
.activity-item.is-unread{border-left:2px solid var(--accent);background:#ff795e06}
.activity-unread,.status-pill{font-size:12px;padding:6px 9px;border:1px solid #ff795e38;border-radius:5px;color:var(--accent);white-space:nowrap}
.report-status-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.report-status-list>.settings-card{margin-top:20px}
.report-status-list h2{font-size:26px}
.report-status-list h3{font-size:19px;overflow-wrap:anywhere}
.report-status-list small,.decision-history small,.report-row small{color:var(--muted);font-size:13px;line-height:1.6}
.workspace-panel>.settings-card{padding:26px}
.settings-card h2{margin-bottom:12px}
.settings-card>p{margin:0 0 24px;line-height:1.7}
.settings-card .form-stack{gap:20px}
.form-stack label{line-height:1.5}
.form-note{line-height:1.65;font-size:13px}
.form-error:empty{display:none}
.settings-card label .field-hint{margin-top:8px}
.garage-title h1,.garage-bio,.garage-handle{overflow-wrap:anywhere}
.garage-collection-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}
.next-lap-cover{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--line);min-height:420px;display:flex;align-items:end;background:#171719}
.next-lap-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.next-lap-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101214ee 0%,#10121488 65%,#10121422),linear-gradient(0deg,#101214a6,transparent)}
.next-lap-cover>div{position:relative;z-index:1;padding:clamp(24px,4vw,52px);max-width:770px}
.next-lap-cover h1{font-size:clamp(40px,6vw,78px);letter-spacing:-.06em;margin:18px 0;line-height:1.03;color:var(--text)}
.next-lap-cover h1 em{font-style:normal;color:var(--accent)}
.next-lap-cover p{max-width:540px;color:#dbdcde;line-height:1.7}
.next-lap-cover .eyebrow{color:#d2d5d9}
.next-lap-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:32px;margin:36px 0;padding-bottom:32px;border-bottom:1px solid var(--line);align-items:center}
.next-lap-intro p{font-size:18px;line-height:1.8;margin:0;max-width:680px}
.next-lap-intro>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:end}
.next-lap-intro span{font-size:12px;border:1px solid var(--line);border-radius:5px;padding:8px 11px;color:var(--muted)}
.next-lap-changes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.next-lap-changes article{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:26px;display:grid;grid-template-columns:34px 1fr;gap:16px}
.next-lap-changes article>span{font-size:12px;color:var(--accent);font-weight:700;padding-top:4px}
.next-lap-changes h2{font-size:23px;margin:0 0 14px}
.next-lap-changes p{line-height:1.75;margin:0;font-size:14px}
.next-lap-footer{margin-top:28px;position:relative;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:30px;border-radius:8px;border:1px solid var(--line);background:linear-gradient(110deg,#24292f,#1d2024 65%,#302421)}
.next-lap-footer h2{font-size:26px;margin:0 0 10px}
.next-lap-footer p{margin:0;max-width:600px;line-height:1.7;color:#d0d2d5}
.next-lap-footer>div:last-child{display:flex;gap:12px;flex-shrink:0}
@media(max-width:1000px){.detail-layout,.vehicle-build{grid-template-columns:minmax(0,1fr)}.detail-copy{padding:24px}.next-lap-footer{align-items:start;flex-direction:column}.post-conversation{max-width:none}.next-lap-intro{grid-template-columns:1fr}.next-lap-intro>div{justify-content:start}}
@media(max-width:640px){.post-conversation{padding:18px;margin-top:20px}.detail-copy,.vehicle-build section,.workspace-panel>.settings-card{padding:20px}.next-lap-changes{grid-template-columns:1fr}.next-lap-changes article{padding:22px;gap:12px;grid-template-columns:26px 1fr}.next-lap-cover{min-height:360px}.next-lap-footer{padding:24px}.next-lap-footer>div:last-child{flex-wrap:wrap}.collection-toolbar label{flex:1}.vehicle-build{gap:20px}.composer-review-tools{gap:12px}.activity-item{gap:12px}.activity-unread{font-size:11px}.draft-note{align-items:start}.collection-toolbar select{min-width:120px}.admin-search button{width:100%}.post-conversation .comment-form input{min-width:0;font-size:16px}}
@media(max-height:500px) and (orientation:landscape){.modal{max-height:calc(100dvh - 24px)}.mobile-nav{position:static}.app-layout{padding-bottom:24px}.detail-media .detail-image>img{max-height:85dvh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
html{scroll-behavior:auto;scroll-padding-top:90px;scroll-padding-bottom:110px}
button,a,input,textarea,select{scroll-margin-top:100px;scroll-margin-bottom:110px}
@media(max-width:640px){.modal input,.modal textarea,.modal select{font-size:16px}.modal .form-row{grid-template-columns:1fr}.modal .form-stack{gap:20px}.comment-form{scroll-margin-bottom:130px}}

.detail-tools{margin:16px 0 0;padding:0}.detail-tools button{color:var(--muted);min-height:44px}.back-link{color:var(--muted);min-height:44px;display:inline-flex;align-items:center;gap:10px}.next-lap-cover .text-button{color:var(--accent)}
@media(min-width:641px){.next-lap-changes article:last-child:nth-child(odd){grid-column:1/-1}.next-lap-changes article:last-child:nth-child(odd)>div{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center}.next-lap-changes article:last-child:nth-child(odd) h2{margin-bottom:0}}

/* Full Service: bounded, readable conversation threads and page controls. */
.conversation-thread { padding-block: 14px; border-bottom: 1px solid var(--border, #303033); min-width: 0; }
.conversation-thread > .comment { margin-block: 0; }
.thread-replies { padding-left: clamp(18px, 4vw, 46px); min-width: 0; }
.thread-replies > .button { margin-block: 12px 4px; }
.thread-replies .comment-reply { margin-left: 0; }
.conversation-context { font-size: 14px; line-height: 1.6; padding: 12px; background: #202023; border-radius: 8px; }
#older-conversations { display: flex; margin: 4px auto 18px; }
.full-service .next-lap-cover h1 { font-size: clamp(46px, 7vw, 88px); }
@media(max-width: 480px) { .thread-replies { padding-left: 16px; } .conversation-thread .comment { gap: 9px; } }
