@font-face{font-family:Russo;src:url('/static/assets/russo-one.ttf') format('truetype');font-display:swap}
:root{--bg:#0f0d0b;--surface:#17130f;--panel:#201b16;--line:#3d3329;--muted:#b2a496;--text:#f1e7d8;--accent:#d2945c;--accent2:#e8b780;--green:#adc68e}
body{background:var(--bg);font-family:Arial,Helvetica,sans-serif}
h1,.brand>span,.channel-copy h2,.garage-identity>h1{font-family:Russo,Arial,sans-serif;font-weight:400;letter-spacing:.02em}
h1{line-height:1.2}h2,h3{letter-spacing:0}.brand small,.eyebrow,.side-label,.club-foot,.channel-number,.access-stamp{font-family:monospace;letter-spacing:.1em}
.sidebar{background:#14100d;border-color:var(--line)}.topbar{background:rgba(15,13,11,.96);border-color:var(--line)}
.panel,.button,.icon-button,input,textarea,select,.post-card,.list,.stat,.nav-item,.badge,.filters,.rich-input,.rich-tools{border-radius:4px}
input,textarea,select{background:#100e0c}.button:hover,.icon-button:hover{background:#362a20}.button.primary{background:var(--accent);color:#19120d}.button.primary:hover{background:var(--accent2)}
.nav-item.active{background:#2c2117;color:#edb783;border-left:3px solid var(--accent)}.nav-item:hover{background:#241c16}.mobile-nav{background:#14100dfa;border-color:var(--line)}.mobile-nav a.active{color:#f0b47d}
.main{max-width:1440px;margin:0 auto;width:100%}.page-heading{align-items:center}.page-heading h1{font-size:clamp(26px,3vw,38px)}
.page-heading p{color:var(--muted);max-width:650px}.brand img{display:none}.brand>span{font-size:23px;letter-spacing:.06em}.brand small{margin-top:4px;font-size:10px;font-family:monospace;letter-spacing:.18em}
.avatar{background:#443124;color:#f5d8b9;overflow:hidden;border:1px solid #765033}.avatar img{width:100%;height:100%;object-fit:cover}.sidebar-footer .actions{flex-wrap:nowrap;min-width:0}.sidebar-footer .actions>span:last-child{min-width:0;overflow-wrap:anywhere}
.channel-search{display:flex;align-items:center;gap:12px;background:#1d1712;border:1px solid var(--line);padding:16px 20px;margin-bottom:24px;color:var(--muted);min-height:58px}.channel-search small{margin-left:auto;font:11px monospace;color:var(--accent)}
.channels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.channel-banner{position:relative;min-height:218px;overflow:hidden;border:1px solid #58412d;isolation:isolate;background:linear-gradient(125deg,#37291f,#18120e)}
.channel-banner>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 56%;z-index:-3;filter:saturate(.7);transition:transform .25s ease}.channel-banner:hover>img{transform:scale(1.025)}
.channel-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,8,6,.92) 0%,rgba(10,8,6,.55) 53%,rgba(10,8,6,.12)),linear-gradient(0deg,rgba(10,8,6,.65),transparent 70%)}
.no-cover .channel-shade{background:repeating-linear-gradient(135deg,transparent,transparent 18px,#6e4b2210 18px,#6e4b2210 19px)}.channel-number{position:absolute;top:16px;left:20px;font-size:12px;color:#e7b080;border-bottom:1px solid #a57444;padding-bottom:4px}
.channel-copy{position:relative;max-width:84%;padding:58px 22px 24px}.channel-copy h2{font-size:27px;line-height:1.12;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 5px #000}.channel-copy p{margin-top:10px;font-size:13px;color:#ddd0bf;line-height:1.4;max-width:320px}.channel-copy small{display:block;margin-top:14px;color:#f1c291;font:11px monospace;letter-spacing:.03em}
.channel-arrow{position:absolute;right:0;bottom:0;background:var(--accent);color:#201408;width:46px;height:42px;display:grid;place-items:center;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%)}.channel-arrow .icon{margin-left:4px}
.club-foot{margin:28px 0 6px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.club-foot a{color:var(--accent);font:13px Arial;letter-spacing:0;min-height:44px;display:flex;align-items:center;gap:10px}
.material-placeholder{display:grid;place-content:center;height:100%;gap:12px;background:linear-gradient(135deg,#3c2b1d,#1a140f);text-align:center;color:var(--accent)}.material-placeholder .icon{margin:auto;width:40px;height:40px}.material-placeholder span{font:11px monospace;letter-spacing:.09em}
.member-search,.radar-search{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface);border:1px solid var(--line);margin-bottom:20px}.member-search input,.radar-search input{border:0;background:transparent;padding-left:0}.radar-search{min-height:78px;border-color:#745032}.radar-search input{font-size:19px}.member-search>.icon,.radar-search>.icon{margin-left:8px;color:var(--accent)}
.search-examples{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0 34px}.search-examples small{flex-basis:100%;margin-bottom:4px}.search-examples a{padding:8px 15px;border:1px solid var(--line);border-radius:3px;min-height:42px;font-size:13px}
.search-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.search-directions>a{display:grid;grid-template-columns:1fr auto;gap:18px;border:1px solid var(--line);padding:22px;background:var(--surface)}.search-directions strong{grid-row:2;grid-column:1/-1;font-size:16px;overflow-wrap:anywhere}.search-directions .icon:first-child{color:var(--accent)}.search-directions small{grid-row:3}.search-directions .icon:last-child{grid-row:3}.obd-shortcut{display:flex;align-items:center;gap:12px;background:var(--panel);margin-top:24px;padding:18px;color:var(--accent)}.obd-shortcut .icon:last-child{margin-left:auto}
.result-line{font-size:13px;color:var(--muted);margin:16px 0}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.person-card{display:flex;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--line);align-items:flex-start}.person-card>div{min-width:0;flex:1}.person-card h2{font-size:19px;overflow-wrap:anywhere}.person-card p{margin:10px 0;color:var(--muted);font-size:14px}.person-card>.icon{margin-top:8px;color:var(--accent)}.person-card .avatar{width:52px;height:52px;flex-shrink:0}.person-detail{max-width:650px;margin:24px auto;text-align:center;display:flex;align-items:center;flex-direction:column;gap:20px}.person-detail>.avatar{width:84px;height:84px;font-size:36px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}
.inbox{border:1px solid var(--line)}.dialog-row{display:flex;gap:14px;padding:22px;background:var(--surface);border-bottom:1px solid var(--line);align-items:center}.dialog-row:last-child{border-bottom:0}.dialog-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:var(--muted);margin-top:5px}.dialog-row h3{overflow-wrap:anywhere}.dialog-meta{margin-left:auto;align-self:flex-start;display:grid;justify-items:end;gap:10px;flex-shrink:0}.dialog-meta small{font-size:11px}.count-dot{background:var(--accent);color:#1b120b;border-radius:12px;min-width:22px;line-height:22px;text-align:center;font-size:12px}
.conversation-head{display:flex;gap:14px;align-items:center;margin-bottom:22px}.conversation-head h1{font:22px Arial;letter-spacing:0;overflow-wrap:anywhere}.conversation{max-width:920px;margin:auto}.message{max-width:80%;background:#231d17;border:1px solid var(--line);padding:16px 18px;margin:12px auto 12px 0;border-radius:3px 10px 10px 10px;overflow-wrap:anywhere}.message.mine{margin-left:auto;margin-right:0;background:#322519;border-color:#684728;border-radius:10px 3px 10px 10px}.message footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:7px}.message footer .icon-button{min-height:34px;width:34px;padding:6px;background:transparent;border:0}.message .media-view{margin:10px 0}.message img,.message video{max-height:360px}.message-compose{background:var(--surface);border:1px solid #725033;padding:20px;margin-top:26px}.message-compose textarea{min-height:76px}.message-compose>.actions{justify-content:space-between;margin-top:14px}.message-compose summary{min-height:44px;display:flex;align-items:center;color:var(--accent);cursor:pointer;font-size:13px}.message-compose details[open]{margin:12px 0}.message-compose .upload-zone p{font-size:11px}
.garage-banner{min-height:300px;position:relative;overflow:hidden;background:#18110c;border:1px solid #63452f}.garage-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.65)}.garage-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100c08eF 10%,#100c0880 60%,#100c0820)}.garage-identity{position:relative;z-index:1;padding:28px 32px}.garage-identity>h1{font-size:48px;margin:12px 0 24px}.garage-identity .actions{flex-wrap:nowrap}.garage-identity h2{font-size:21px;overflow-wrap:anywhere}.garage-identity small{color:#e9d6bd}.garage-identity .avatar{width:50px;height:50px}.access-stamp{display:inline-block;margin-top:22px;padding:5px 10px;border:1px solid #b68550;background:#271b10c9;color:#f1ba80;font-size:11px;text-transform:uppercase}
.garage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:30px;border:1px solid var(--line);border-top:0;background:var(--surface)}.garage-stats>a,.garage-stats>div{padding:22px;border-right:1px solid var(--line);display:grid;gap:2px}.garage-stats>:last-child{border:0}.garage-stats b{font-family:Russo,Arial;font-size:29px;font-weight:400;color:var(--accent)}.garage-stats span{font-size:12px;color:var(--muted)}.garage-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}.garage-links{display:flex;flex-direction:column;gap:1px;padding-top:8px}.garage-links>a{display:flex;gap:12px;align-items:center;background:var(--surface);padding:18px;border-bottom:1px solid var(--line);font-size:14px}.garage-links>a .icon:last-child{margin-left:auto;color:var(--accent)}.garage-links>p{margin:28px 0;text-align:center}.car-record{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);background:var(--surface);margin-bottom:12px}.car-record>div{min-width:0;flex:1}.car-record h3{overflow-wrap:anywhere}.car-record p{font-size:12px;color:var(--muted);margin-top:8px}.car-initial{font-family:Russo,Arial;color:var(--accent);border:1px solid #58412c;padding:10px}.car-record>.icon{color:var(--accent)}.job-record{margin-bottom:16px}.job-record .page-heading{gap:12px;align-items:flex-start}.job-record strong{white-space:nowrap}.job-record .button{margin-top:14px}.obd-list{display:grid;gap:12px}.obd-list summary{display:flex;align-items:center;gap:20px;cursor:pointer;min-height:48px}.obd-list summary strong{color:var(--accent);font:22px Russo,Arial;flex-shrink:0}.obd-list summary span{font-size:15px}.obd-list p{margin:20px 0}.obd-list h3{font-size:16px;margin-top:16px}.obd-list li{font-size:14px;margin:6px 0}.section-cover-preview{width:100%;max-height:180px;object-fit:cover}.profile-card .button{margin-top:14px}
@media(min-width:1100px){.main{padding:34px 42px}.sidebar{width:240px}.shell{grid-template-columns:240px minmax(0,1fr)}.work-area{margin-left:0}.brand{gap:0}.sidebar .brand{padding-left:22px}.channel-banner{min-height:228px}.reading-main .article-body{font-size:17px;line-height:1.75}}
@media(max-width:1000px){.channels-grid{gap:14px}.channel-copy h2{font-size:23px}.channel-copy{padding-left:18px}.search-directions{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-layout{gap:18px}.people-grid{grid-template-columns:1fr}}
@media(max-width:700px){.main{padding:22px 16px calc(102px + var(--safe-bottom))}.page-heading{gap:14px;align-items:flex-start}.page-heading>.button{min-width:44px;font-size:12px;padding:10px}.page-heading h1{font-size:28px}.page-heading p{font-size:13px}.topbar{height:66px;padding-inline:16px}.mobile-brand .brand>span{font-size:20px}.mobile-brand .brand small{font-size:8px}.topbar-right{gap:7px}.topbar-right>.avatar{display:none}.mobile-nav{padding:7px 6px max(9px,var(--safe-bottom));gap:0}.mobile-nav a{padding:5px 1px;min-width:0;min-height:48px;border-radius:0;font-size:10px;gap:5px}.mobile-nav a.active{border-top:2px solid var(--accent);background:#2a1f15}.mobile-nav a>span{font-size:10px}.mobile-nav .icon{width:20px;height:20px}.channels-grid{grid-template-columns:1fr;gap:14px}.channel-banner{min-height:184px}.channel-copy{padding:50px 18px 20px;max-width:87%}.channel-copy h2{font-size:25px}.channel-copy p{font-size:12px;max-width:270px;margin-top:8px}.channel-copy small{margin-top:12px}.channel-number{top:13px;left:18px}.channel-search{padding:13px;margin-bottom:20px;gap:10px;font-size:13px}.channel-search small{display:none}.club-foot{margin-top:22px}.member-search,.radar-search{padding:8px;gap:6px}.member-search .button,.radar-search .button{font-size:12px;padding:10px 12px}.member-search input,.radar-search input{font-size:14px}.member-search>.icon,.radar-search>.icon{width:18px;margin-left:4px}.search-directions>a{padding:17px;gap:12px}.search-directions strong{font-size:14px}.search-directions small{font-size:10px}.search-examples{margin-bottom:26px}.person-card{padding:18px;gap:12px}.person-card .avatar{width:44px;height:44px}.person-card h2{font-size:17px}.person-detail{padding:25px 18px}.person-detail h1{font-size:25px}.dialog-row{padding:16px 12px;gap:10px}.dialog-meta{max-width:70px}.dialog-meta small{text-align:right;font-size:10px}.dialog-row h3{font-size:16px}.conversation-head h1{font-size:18px}.conversation-head{gap:10px}.message{max-width:92%;padding:12px 14px;font-size:14px}.message-compose{padding:14px}.message-compose>.actions>small{display:none}.message-compose>.actions{justify-content:flex-end}.garage-banner{min-height:273px}.garage-identity{padding:24px 22px}.garage-identity>h1{font-size:40px;margin-bottom:22px}.garage-identity h2{font-size:17px}.garage-identity .eyebrow{font-size:10px}.garage-stats>a,.garage-stats>div{padding:16px 8px;text-align:center}.garage-stats b{font-size:25px}.garage-stats span{font-size:10px}.garage-layout{grid-template-columns:1fr;gap:20px}.garage-layout .section-title h2{font-size:20px}.garage-layout .section-title .button{font-size:12px;padding:10px}.garage-links{padding-top:0}.garage-links>a{padding:17px}.car-record{padding:16px;gap:12px}.job-record .page-heading{flex-direction:column;gap:8px}.obd-list .panel{padding:16px}.obd-list summary{gap:12px;align-items:flex-start}.obd-list summary strong{font-size:18px;margin-top:2px}.obd-list summary span{font-size:13px}.section-title{gap:14px}.person-card>div,.garage-identity .actions>div{min-width:0}.keyboard-open .main{padding-bottom:30px}.keyboard-open .topbar{position:static}}
@media(prefers-reduced-motion:reduce){.channel-banner>img{transition:none}}

.page-heading>div{min-width:0}.page-heading>.button{flex-shrink:0;max-width:100%}.message footer .icon-button{width:44px;min-height:44px}
@media(max-width:420px){.page-heading{flex-wrap:wrap}.page-heading>.button{margin-left:0}.channel-copy h2{font-size:23px}}

.conversation-head{flex-wrap:wrap}.conversation-head>div{min-width:0;flex:1}.conversation-head>[data-block]{font-size:11px;padding:8px;min-height:38px}.message footer .button{font-size:11px;min-height:38px}