/* Palette inspired by the supplied company-site reference. */
:root{--background:#f7f8f3;--foreground:#283324;--primary:#2b4023;--border:#e2e6d9;--lime:#dff48a;--forest:#2b4023}
body{background:var(--background);color:var(--foreground)}
.previewbar{background:#2b3826;color:#eef5df}.previewbar>span{color:#c0cbb5}.previewbar a{color:#e4f5af}
.classic-header{background:#fff;border-color:#e2e6d9}
.classic-logo,.site-footer .footer-brand,.classic-logo>span,.site-footer .footer-brand>span{color:var(--forest)}
.classic-logo>svg,.site-footer .footer-brand>svg,.nav-symbol>svg{color:var(--forest)}
.classic-header nav button.active{color:var(--forest);border-color:#a7c94e}
.brandline,.side-label{color:#7a8472}
.primary{background:var(--lime);border-color:#d2e77d;color:#283b22;border-radius:7px;font-weight:750}
.primary:hover{background:#d0e873;border-color:#bfd85f;color:#22341d}
.secondary{border-color:#d9dfcf;color:#53614a}.secondary:hover{background:#f1f5e8}
.sidebar button:hover{background:#edf1e4}.sidebar button.active{background:#e5f3bc;color:#304621}
.sidebar button.active .nav-symbol,.sidebar button.active .nav-symbol>svg{color:#304621}
.nav-symbol{color:#7a866f}.sidebar-rule{background:#e0e5d7}
.welcome{background:#eff6d9;border:1px solid #e4edcc;border-radius:10px}
.welcome h1>.welcome-line,.welcome h1>span{color:#293d22}
.welcome h1 em{color:#398044}
.welcome p{color:#50633c}.welcome small{color:#586d40}.welcome-sun{color:#78963f;opacity:.18}
.eyebrow{color:#657b44}
.feature,.feed,.panel{border-color:#e2e6da;border-radius:10px;box-shadow:none}
.badge{background:#edf5d9;color:#526b31;border-radius:4px}
.list-tabs button.active{color:#324925;border-color:#9bbd49}
.forum-search{background:#fafbf7;border-color:#dfe5d4}
.feed-row:hover{background:#fafcf5}.rowtitle,.feature h3,.panel h3{color:#2d3826}
.excerpt{color:#7b8473}.meta{color:#87907f}
.profile-smile{background:#ecf6ce;color:#385225}
.promise{background:#fafcf4}.promise p,.promise ul{color:#6b785e}
.small-link{color:#526a37}.curation{background:#f0f6e2;border-color:#e0eacb}
.curation p,.curation .small-link{color:#63784b}.ranking b{color:#526e2d}
.topicchips .active{background:#e6f2c0;border-color:#cddd9f;color:#415b29}
.hint{background:#f2f7e7;color:#5c6d49}.sourceinfo{background:#f5f8ed;border-color:#e3e9d7}
.sourceinfo a{color:#526e33}.sourceinfo p{color:#728061}
.ad-slot{background:#f2f4ed;border-color:#dfe4d5;color:#7e8774}
.ad-label{border-color:#d7dfcb;color:#7d886e}.ad-slot p{color:#919985}
.site-footer{background:#f3f5ec;border-color:#dee4d3;color:#7a8470}
.site-footer .footer-brand:hover{color:#617f36}.sidebottom .studio-name,.site-footer .business-name{color:#61734f}
.pagination .active{background:#edf4dc;border-color:#cbd9ac;color:#3d522a}
.ai-examples .active{border-color:#9eb763;background:#eef6d9;color:#40592a}
button:focus-visible,a:focus-visible,.site-footer .footer-brand:focus-visible{outline-color:#6d8c40}
input:focus,textarea:focus,select:focus,.forum-search:focus-within{outline-color:#6d8c40}
.mobile-menu-toggle{display:none}.account-entry{font-weight:700}.sidebar>.account-entry{display:block;width:100%;padding:12px;text-align:left;background:#fff}
.mobile-menu-content nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mobile-menu-content nav button{min-height:44px;text-align:left;padding:10px 12px;border-radius:6px;background:#f5f7ee;display:flex;align-items:center;gap:8px}.mobile-menu-content nav button:hover{background:#e8f1d6}.mobile-menu-content h3{border-top:1px solid #e2e6d9;padding-top:16px}.menu-shortcuts{display:flex;gap:8px}.menu-shortcuts button{min-height:44px;flex:1}
@media(max-width:1020px){.mobile-menu-toggle{display:inline-flex;align-items:center;min-height:44px}.right{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1}.classic-account{gap:10px}.classic-header nav{gap:12px}.classic-header{gap:12px}}
@media(max-width:650px){.classic-header{height:auto;min-height:68px;padding:10px 15px;flex-wrap:wrap;gap:8px}.classic-header nav{display:none}.classic-account{margin-left:auto;gap:7px}.classic-account>.account-entry{display:block;font-size:12px;padding:8px 5px}.classic-account>button[data-action="login"],.classic-account>button[data-action="write"]{display:none}.mobile-menu-toggle{padding:8px 10px;font-size:13px}.sidebar>.account-entry,.sidebar>.sidebar-rule{display:none}.right{display:grid;grid-template-columns:1fr;margin-top:22px;gap:14px}.right .panel{padding:20px}.right .profile-smile{display:none}.mobile-menu-content .nav-symbol{display:inline-flex}.mobile-menu-content nav button{font-size:14px}.mobile-menu-content h2{margin-top:4px}}
@media(max-width:650px){.sidebar nav button.active{background:#e5f3bc;border-color:#d0e4a1}.welcome{border-radius:9px}}
@media(max-width:650px){.classic-account>button.account-entry:first-child{display:block}}

.welcome h1 em{margin-left:.3em}

@media(max-width:1020px){.right{grid-template-columns:1fr}.right .desktop-challenges{display:none}.right .ad-side{min-height:160px}}

@media(max-width:650px){.classic-account>button[data-action="login"]:first-child{display:block;min-height:44px;padding:8px;font-size:13px}}

.auth-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}.auth-links button{min-height:44px;padding:8px 12px;color:#398044}.field:disabled{background:#f3f4ef;color:#75806e}

.account-settings{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #e2e6d9;margin-top:24px;padding-top:20px}@media(max-width:650px){.classic-account>button[data-action="mypage"]:first-child{display:block;min-height:44px;padding:8px;font-size:13px}}

.challenge-panel{padding:22px;background:#fff}.challenge-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.challenge-eyebrow{display:block;color:#7c896e;font-size:11px;letter-spacing:.02em;margin-bottom:7px}.challenge-heading h3{margin:0;font-size:17px;letter-spacing:-.045em;color:#2b4023}.challenge-mark{display:grid;place-items:center;width:34px;height:34px;background:#eff6d9;border-radius:50%;font-size:20px;color:#52723c;flex-shrink:0}.challenge-list{display:flex;flex-direction:column}.challenge-item{display:flex;align-items:flex-start;gap:11px;width:100%;padding:16px 0;text-align:left;border-top:1px solid #edf0e7}.challenge-number{font-size:12px;font-weight:700;color:#799064;line-height:23px;font-variant-numeric:tabular-nums}.challenge-copy{flex:1;min-width:0}.challenge-title{display:block;font-size:14px;font-weight:650;line-height:1.65;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere;color:#34442d}.challenge-caption{display:block;font-size:11px;color:#89917f;margin-top:6px}.challenge-arrow{color:#9aa58e;font-size:21px;line-height:23px}.challenge-item:hover .challenge-title{color:#398044}.challenge-all{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:5px;padding:12px 13px;border-radius:6px;background:#f3f7e9;color:#536b40;font-size:12px;font-weight:600}.challenge-all:hover{background:#eaf2d8}@media(max-width:1020px){.right .desktop-challenges{display:block}.challenge-title{font-size:15px}.challenge-item{padding:17px 0}}

.comment-login,.comment-compose{padding:18px;background:#f5f8ee;border:1px solid #e2e9d7;border-radius:8px;margin:16px 0}.comment-login p{margin-bottom:12px}.comment-compose label{margin-top:0}.comment-compose textarea{min-height:100px}

.member-profile{padding:20px;border:1px solid #e0e8d2;border-radius:10px;background:#f6f9ef;margin:20px 0}.member-profile>strong{font-size:22px;color:#304b28}.member-profile p{font-size:13px;line-height:1.8;color:#728065;margin-top:8px}.member-profile .auth-links{justify-content:flex-start;margin-top:12px}.author-preview{font-weight:650;color:#398044}

.challenge-heading h3{display:flex;align-items:center;gap:8px}.dance-icon{width:21px;height:21px;flex-shrink:0;color:currentColor}
.challenge-all{justify-content:center;min-height:44px;margin-top:14px;padding:12px 16px;border:1px solid #dfe8cf;border-radius:8px;font-size:13px;font-weight:650;line-height:1.5;letter-spacing:-.02em;background:#f1f6e7}.challenge-all:hover{background:#e7efda;border-color:#cbd9b5}.challenge-all:focus-visible{outline:2px solid #6d8c40;outline-offset:3px}

.all-stories-icon{width:20px;height:20px;flex-shrink:0}