/* DevCN Signal / reference palette: graphite, orange, ivory, slate, sand. */
:root{--ui-bg:#f4f1ea;--ui-surface:#fff;--ui-surface-soft:#faf8f4;--ui-ink:#151718;--ui-muted:#606668;--ui-faint:#606668;--ui-line:#e8e2d7;--ui-line-strong:#d5cec2;--ui-accent:#f05a28;--ui-accent-strong:#b83b14;--ui-accent-soft:#fff0e8;--ui-dark:#151718;--ui-dark-soft:#303436;--ui-radius:12px;--ui-shadow:0 8px 24px rgba(21,23,24,.045)}
body.front-ui{background:#f4f1ea!important;color:#151718}
.front-ui .media-header{background:#fff!important;border-bottom:1px solid #e8e2d7;box-shadow:none}
.front-ui .main-nav a{color:#606668}.front-ui .main-nav a:hover,.front-ui .main-nav a[aria-current=page]{color:#151718}.front-ui .main-nav a[aria-current=page]::after{background:#f05a28}
.front-ui .channel-bar{background:#faf8f4;border-color:#e8e2d7}.front-ui .channel-bar a:hover{color:#b83b14}
.front-ui .header-search{background:#f4f1ea;border-color:#e8e2d7}.front-ui input:focus,.front-ui textarea:focus,.front-ui select:focus{outline-color:#f05a28;border-color:#f05a28;box-shadow:0 0 0 3px rgba(240,90,40,.12)}
.front-ui a:focus-visible,.front-ui button:focus-visible,.front-ui summary:focus-visible{outline:2px solid #b83b14;outline-offset:4px}
.front-ui .btn:not(.ghost):not(.danger){background:#f05a28;color:#151718;border-color:#f05a28;font-weight:750}.front-ui .btn:not(.ghost):not(.danger):hover{background:#d94a1b;border-color:#d94a1b;color:#fff;box-shadow:0 5px 16px rgba(240,90,40,.18)}
.front-ui .outline-btn{background:#fff;color:#151718;border-color:#d5cec2}.front-ui .outline-btn:hover{background:#fff0e8;border-color:#f05a28;color:#b83b14}
.brand-intro{position:relative;display:flex;align-items:center;min-height:252px;margin-bottom:24px;overflow:hidden;background:#151718;border:1px solid #303436;border-radius:12px;color:#fff}
.brand-intro-copy{position:relative;z-index:1;padding:32px 40px;width:65%}.brand-eyebrow{font-size:10px;letter-spacing:.18em;color:#e8e2d7;font-weight:600}.brand-intro h1{margin:14px 0 12px;font-size:clamp(27px,3vw,40px);line-height:1.25;letter-spacing:-.035em;color:#fff}.brand-intro h1>span{color:#f05a28}.brand-intro p{margin:0;color:#c1c3c2;font-size:13px;line-height:1.8}.brand-intro-actions{display:flex;align-items:center;gap:24px;margin-top:22px}.brand-intro-actions a{display:inline-flex;gap:22px;align-items:center;font-size:12px;font-weight:700;color:#e8e2d7}.brand-intro-actions .brand-cta{padding:10px 16px;border-radius:5px;background:#f05a28;color:#151718}.brand-intro-actions a:hover{color:#fff}.brand-intro-art{position:absolute;inset:0 0 0 62%;overflow:hidden;background:linear-gradient(135deg,transparent 25%,#303436 25% 48%,#f05a28 48% 60%,#151718 60%)}.brand-intro-art:after{content:"";position:absolute;right:-30px;bottom:-60px;width:190px;height:190px;background:#e8e2d7;transform:rotate(45deg)}.brand-intro-art span{position:absolute;right:17%;top:25%;font:700 60px ui-monospace,monospace;color:#fff;opacity:.8}.brand-intro-art i{position:absolute;inset:18px;border:1px solid rgba(244,241,234,.13)}
.front-ui .editorial-feature{border:1px solid #e8e2d7;border-radius:12px;box-shadow:none}.front-ui .editor-picks{background:#fff}.front-ui .editor-picks h2 i{background:#f05a28}.front-ui .editor-picks li:first-child a b{background:#f05a28!important;border-color:#f05a28;color:#151718!important}.front-ui .feature-overlay{background:linear-gradient(transparent,rgba(21,23,24,.97))}.front-ui .feature-overlay span,.front-ui .feature-visual-card small{color:#ffb598}.front-ui .feature-dots button.is-active{background:#f05a28}.front-ui .feature-visual-card:after{background:linear-gradient(transparent,rgba(21,23,24,.95))}
.front-ui .home-topic-card{border-color:#e8e2d7!important;background:#fff!important;transition:border-color .18s,transform .18s}.front-ui .home-topic-card:hover{border-color:#f05a28!important;transform:translateY(-2px)}.front-ui .home-topic-copy h3{color:#151718}.front-ui .home-topic-meta b{color:#b83b14}.front-ui .home-topics,.front-ui .side-card{border-color:#e8e2d7;background:#fff}.front-ui .community-welcome{border-top:3px solid #f05a28!important}.front-ui .community-group-label{background:#fff0e8!important;color:#a63311!important}.front-ui .community-post-row:hover{background:#faf8f4!important}.front-ui .community-feed-tabs a.is-active{color:#b83b14;border-color:#f05a28}.front-ui .home-tag-cloud a{background:#f4f1ea;border-color:#e8e2d7;color:#606668}.front-ui .home-tag-cloud a:hover{background:#fff0e8;border-color:#f05a28;color:#b83b14}
.front-ui ::selection{background:#ffd0bc;color:#151718}
@media(max-width:700px){.brand-intro{min-height:250px;margin-bottom:18px}.brand-intro-copy{width:100%;padding:26px 22px}.brand-intro h1{font-size:29px}.brand-intro p{max-width:250px;font-size:12px}.brand-intro-art{left:73%;opacity:.35}.brand-intro-art span{display:none}.brand-intro-actions{gap:20px}.brand-eyebrow{font-size:9px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.front-ui .home-topic-card{transition:none}.front-ui .home-topic-card:hover{transform:none}}

.front-ui .feature-dots button[data-dot]{width:24px!important;height:3px!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:2px!important}