/* Reusable public components. Link this file after style.css and home-mockup.css. */
.site-account-global-card{
    display:grid!important;
    grid-template-columns:repeat(var(--site-account-layout-columns,3),max-content);
    grid-template-rows:repeat(var(--site-account-layout-rows,1),max-content);
    align-content:center;
    justify-content:center;
    width:min(var(--site-account-badge-width,278px),100%);
    min-width:0;
    min-height:var(--site-account-badge-height,64px);
    border-width:var(--site-account-border-width,1px);
    border-radius:var(--site-account-border-radius,16px);
    background:var(--site-account-badge-bg,var(--site-panel-bg,#fff));
}
.site-account-global-card>.site-account-global-user{display:contents!important}
.site-account-global-card .forum-avatar{grid-column:var(--site-account-avatar-column,1);grid-row:var(--site-account-avatar-row,1);align-self:center;justify-self:center}
.site-account-global-card .site-account-global-copy{grid-column:var(--site-account-name-column,2);grid-row:var(--site-account-name-row,1);align-self:center;justify-self:center;align-items:center;text-align:center}
.site-account-global-card>.site-account-action-slot{grid-column:var(--site-account-button-column,3);grid-row:var(--site-account-button-row,1);align-self:center;justify-self:center;margin:0}
.site-account-global-card.is-guest{display:flex!important;justify-content:flex-start}
.site-account-global-card.is-guest>.site-account-global-user{display:flex!important}
.site-account-card-row{justify-content:var(--site-account-badge-align,flex-end)}
.site-account-global-card .forum-avatar{
    flex:0 0 auto;
    width:var(--site-account-avatar-width,64px)!important;
    height:var(--site-account-avatar-height,48px)!important;
}
.site-account-global-card .forum-avatar img{width:100%!important;height:100%!important;object-fit:cover}
.site-account-global-card .forum-avatar,
.site-account-global-card .forum-avatar img{border-radius:var(--site-account-avatar-radius,50%)!important}
.site-account-global-card .site-account-global-copy b{justify-content:center;text-align:center;color:var(--site-account-title-color,var(--site-text,#111827));font-size:var(--site-account-title-size,16px)}
.site-account-global-card .site-account-global-copy small{text-align:center;color:var(--site-account-rank-color,var(--site-muted,#697386));font-size:var(--site-account-rank-size,10px)}
.site-account-global-copy .forum-rank-stars{display:var(--site-account-stars-display,inline);font-size:var(--site-account-stars-size,10px);line-height:1}
.site-account-global-card .button{
appearance:none!important;
    border-radius:var(--site-badge-action-radius,12px)!important;
    background-color:var(--site-badge-action-bg,#f4f4f1)!important;
    color:var(--site-badge-action-color,var(--site-text,#111827))!important;
    font-family:var(--site-badge-action-font,Inter,"Segoe UI",Arial,sans-serif)!important;
}

/* Personal-account colors are independent from the global site palette. */
body.site-account-page{background:var(--site-account-page-bg,var(--site-page-bg,#fff))}
.site-account-page .site-account-shell>.site-account-tabs{
    border-color:var(--site-account-page-border-color,var(--site-border,#d7dbe2));
    background:var(--site-account-page-tabs-bg,var(--site-panel-bg,#fff));
}
.site-account-page .site-account-tabs a{color:var(--site-account-page-tab-text,var(--site-muted,#697386))}
.site-account-page .site-account-tabs a.is-active,
.site-account-page .site-account-tabs a:hover{background:var(--site-account-page-tab-active-bg,var(--site-primary,#075bd8));color:var(--site-account-page-tab-active-text,#fff)}
.site-account-page .site-account-panel:not(.site-account-danger),
.site-account-page .site-account-form:not(.site-account-danger){border-color:var(--site-account-page-border-color,var(--site-border,#d7dbe2));background:var(--site-account-page-panel-bg,var(--site-panel-bg,#fff))}
.site-account-page .site-account-panel:not(.site-account-danger) h2,
.site-account-page .site-account-form:not(.site-account-danger) h2{color:var(--site-account-page-title-color,var(--site-text,#111827))}
.site-account-page .site-account-form label,
.site-account-page .site-account-panel legend{color:var(--site-account-page-label-color,var(--site-text,#111827))}
.site-account-page .site-account-form input,
.site-account-page .site-account-form select{border-color:var(--site-account-page-border-color,var(--site-border,#d7dbe2));background:var(--site-account-page-input-bg,var(--site-panel-bg,#fff));color:var(--site-account-page-input-text,var(--site-text,#111827))}
.site-account-page .site-profile-avatar-card{border-color:var(--site-account-page-border-color,var(--site-border,#d7dbe2));background:var(--site-account-page-avatar-bg,#f8fafc)}
.site-account-page .site-profile-avatar-preview,
.site-account-page .profile-public-id{border-color:var(--site-account-page-border-color,var(--site-border,#d7dbe2));background:var(--site-account-page-input-bg,var(--site-panel-bg,#fff));color:var(--site-account-page-input-text,var(--site-text,#111827))}
.site-account-page .profile-public-id b{color:var(--site-account-page-id-color,var(--site-account-page-input-text,var(--site-text,#182334)))}
.site-account-page .site-account-panel .button-primary,
.site-account-page .site-account-form .button-primary{background:var(--site-account-page-button-bg,#ff9f1c);color:var(--site-account-page-button-text,#201607)}
.site-account-page .site-profile-avatar-card>.button-light{border-color:var(--site-account-page-border-color,var(--site-border,#d7dbe2));background:var(--site-account-page-secondary-button-bg,#fff);color:var(--site-account-page-secondary-button-text,#075bd8)}

.home-news-article{
    border-radius:var(--site-news-card-radius,16px)!important;
    background:var(--site-news-card-bg,var(--site-panel-bg,#fff))!important;
    color:var(--site-news-text-color,var(--site-text,#111827));
    font-size:var(--site-news-text-size,17px)!important;
}
.home-news-article>h1{color:var(--site-news-title-color,var(--site-text,#111827))!important;font-size:var(--site-news-title-size,36px)!important}
.home-news-article p,.home-news-article li,.home-news-article div{color:inherit}
.program-preview-card.unified-preview-card{
    border-radius:var(--site-program-card-radius,20px)!important;
    background:var(--site-program-card-bg,#fff)!important;
}
.program-preview-card .unified-preview-title{color:var(--site-program-title-color,#182033)!important;font-size:var(--site-program-title-size,16px)!important}
.program-preview-card .unified-preview-excerpt{color:var(--site-program-text-color,#687386)!important;font-size:var(--site-program-text-size,12px)!important}
.program-preview-card .unified-preview-price{color:var(--site-program-price-color,var(--site-accent,#ff5a0a))!important}
.material-program-module{
    width:100%;
    margin:0 0 38px;
    overflow:hidden;
    border:1px solid var(--site-border,#d7dbe2);
    border-radius:var(--site-program-card-radius,20px);
    background:var(--site-program-card-bg,var(--site-panel-bg,#fff));
}
.material-program-top{
    width:100%;
    margin:0;
    padding:clamp(18px,3vw,34px);
    border:0;
    border-radius:0;
    background:transparent;
}
.material-program-top .material-page-toolbar{margin-bottom:18px}
.material-program-top .material-program-hero{margin:0}
.material-program-top .material-program-hero>h1{color:var(--site-program-title-color,var(--site-text,#111827))}
.material-program-top .material-program-price{color:var(--site-program-price-color,var(--site-accent,#ff5a0a))}
.material-program-module>.article-content{box-sizing:border-box;width:100%;max-width:none;margin:0;border:0;border-top:1px solid var(--site-border,#d7dbe2);border-radius:0;background:transparent!important;box-shadow:none}
.material-program-module>.gallery-strip{box-sizing:border-box;margin:0;padding:4px clamp(18px,3vw,34px) 22px}
.material-program-module>.material-purchase-notice{box-sizing:border-box;width:auto;margin:0 clamp(18px,3vw,34px) 24px}
.material-program-module>.bottom-buy{margin:0;padding:0 clamp(18px,3vw,34px) 34px}

/* The same component selectors power the live examples in the admin page. */
.component-live-preview{box-sizing:border-box;max-width:100%;transition:background-color .16s,border-radius .16s,color .16s}
.component-account-preview-shell{display:flex;width:100%;justify-content:var(--site-account-badge-align,flex-end)}
.component-preview-controls{margin-top:16px;padding-top:16px;border-top:1px solid #d7dbe2}
.component-preview-controls h3{margin:0 0 12px;font-size:15px;text-align:left}
.component-preview-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.component-preview-controls-grid .component-control{min-height:82px}
#badge-account .component-designer-layout{align-items:stretch}
#badge-account .component-preview-panel{position:relative;top:auto}
#badge-account .component-designer-save{display:flex;justify-content:center;margin-top:18px}
#badge-account .component-designer-save .button{width:min(230px,100%)}
@media(min-width:981px){#badge-account .component-preview-controls-grid{transform:translateY(19px)}}
.component-news-preview{width:100%;min-height:250px;margin:0!important;padding:28px!important;border:1px solid var(--site-border,#d7dbe2);box-shadow:0 8px 22px rgba(15,23,42,.08)}
.component-news-preview>h1{margin:0 0 18px;padding:0;background:transparent!important;text-align:center;line-height:1.15}
.component-news-preview p{margin:0 0 12px;line-height:1.65}
.component-program-preview{width:min(430px,100%)!important;height:285px!important;margin:auto}
.component-program-preview .unified-preview-inner{display:grid!important;grid-template-rows:minmax(0,1fr) auto 44px!important;gap:12px!important;height:100%!important;padding:16px!important}
.component-program-preview .unified-preview-content{min-height:0;overflow:hidden}
.component-program-preview .unified-preview-media{float:left;display:flex;width:42%;aspect-ratio:1;align-items:center;justify-content:center;margin:0 14px 8px 0;border-radius:8px;background:#edf0f4}
.component-program-preview .unified-preview-media img{width:100%!important;height:100%!important;object-fit:contain}
.component-program-preview .unified-preview-price{clear:both;text-align:center;font-size:18px;font-weight:900}
.component-program-preview .unified-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0!important}
.component-program-preview .unified-preview-button{min-height:44px}
.component-account-page-stage{align-items:stretch;padding:12px}
.component-account-page-preview{width:100%;padding:14px;border-radius:16px;background:var(--site-account-page-bg,#fff)}
.component-account-page-preview .site-account-tabs{display:flex;justify-content:center;gap:5px;padding:8px;border:1px solid var(--site-account-page-border-color,#d7dbe2);border-radius:12px 12px 0 0;background:var(--site-account-page-tabs-bg,#fff)}
.component-account-page-preview .site-account-tabs a{padding:7px 10px;border-radius:8px;color:var(--site-account-page-tab-text,#697386);font-size:10px;font-weight:800}
.component-account-page-preview .site-account-tabs a.is-active{background:var(--site-account-page-tab-active-bg,#075bd8);color:var(--site-account-page-tab-active-text,#fff)}
.component-account-page-preview .site-account-content{height:auto;min-height:0;padding-top:10px}
.component-account-page-preview .site-account-panel{display:grid;height:auto;min-height:0;max-height:none;gap:14px;padding:18px;border:1px solid var(--site-account-page-border-color,#d7dbe2);border-radius:14px;background:var(--site-account-page-panel-bg,#fff);overflow:visible}
.component-account-page-preview .profile-panel-heading{display:flex;align-items:center;gap:12px}
.component-account-page-preview .profile-panel-heading h2{margin:0;color:var(--site-account-page-title-color,#111827);font-size:18px}
.component-account-page-preview .profile-public-id{margin-left:auto;padding:6px 9px;border:1px solid var(--site-account-page-border-color,#d7dbe2);border-radius:8px;background:var(--site-account-page-input-bg,#fff);color:var(--site-account-page-input-text,#111827);font-size:10px}
.component-account-page-preview .profile-public-id b{color:var(--site-account-page-id-color,#182334)}
.component-account-page-body{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px}
.component-account-page-preview .site-profile-avatar-card{display:grid;gap:8px;padding:9px;border:1px solid var(--site-account-page-border-color,#d7dbe2);border-radius:11px;background:var(--site-account-page-avatar-bg,#f8fafc)}
.component-account-page-preview .site-profile-avatar-preview{display:grid;min-height:92px;place-items:center;border:1px solid var(--site-account-page-border-color,#d7dbe2);border-radius:9px;background:var(--site-account-page-input-bg,#fff);font-size:42px}
.component-account-page-preview .site-profile-avatar-card .button{min-height:34px;padding:7px;font-size:9px}
.component-account-page-preview .site-profile-avatar-card .button-light{border-color:var(--site-account-page-border-color,#d7dbe2);background:var(--site-account-page-secondary-button-bg,#fff);color:var(--site-account-page-secondary-button-text,#075bd8)}
.component-account-page-preview .site-profile-fields{display:grid;align-content:start;gap:8px}
.component-account-page-preview .site-profile-fields label{display:grid;gap:4px;margin:0;color:var(--site-account-page-label-color,#111827);font-size:10px;font-weight:800}
.component-account-page-preview .site-profile-fields input{box-sizing:border-box;width:100%;min-height:34px;margin:0;padding:7px 9px;border:1px solid var(--site-account-page-border-color,#d7dbe2);border-radius:8px;background:var(--site-account-page-input-bg,#fff);color:var(--site-account-page-input-text,#111827);font-size:11px}
.component-account-page-preview .site-profile-fields .button-primary{justify-self:start;min-height:34px;padding:7px 14px;background:var(--site-account-page-button-bg,#ff9f1c);color:var(--site-account-page-button-text,#201607);font-size:10px}
.material-title-display{box-sizing:border-box;display:flex;min-height:var(--site-heading-contour-height,120px);width:min(100%,var(--site-heading-contour-width,680px));align-items:center;justify-content:center;flex-direction:var(--site-heading-secondary-direction,column);gap:.22em .55em;margin-right:auto!important;margin-left:auto!important;padding:clamp(12px,2vw,22px);border:1px solid var(--site-heading-plate-border-color,var(--site-border,#d7dbe2));border-radius:var(--site-heading-plate-radius,0);background:var(--site-heading-plate-bg,var(--site-panel-bg,#fff));text-align:center}
.material-title-display .material-primary-title{color:var(--site-heading-title-color,var(--site-text,#111827));font-size:var(--site-heading-title-size,48px);font-weight:850;line-height:1.05;text-transform:var(--site-heading-title-transform,none);overflow-wrap:anywhere}
.material-title-display .material-secondary-title{display:var(--site-heading-secondary-display,block);color:var(--site-heading-secondary-color,var(--site-muted,#697386));font-size:var(--site-heading-secondary-size,18px);font-weight:700;line-height:1.2;text-transform:var(--site-heading-secondary-transform,none);overflow-wrap:anywhere}
.material-title-display.secondary-position-right{flex-direction:row}
.material-title-display.secondary-position-bottom{flex-direction:column}
.material-program-top .material-program-hero>.material-title-display{color:inherit;font-size:inherit;letter-spacing:normal}
.material-program-top .material-program-hero>.material-title-display .material-primary-title{color:var(--site-heading-title-color,var(--site-program-title-color,var(--site-text,#111827)));font-size:var(--site-heading-title-size,48px)}
.material-page>.material-heading .material-title-display{margin-top:18px;margin-bottom:12px;letter-spacing:normal}
.component-heading-designer-layout{display:grid;gap:18px}
.component-heading-preview-panel{position:static!important;width:100%}
.component-heading-preview-stage{align-items:center}
.component-heading-preview-suite{display:grid;width:100%;gap:18px}
.component-heading-preview{display:grid;width:100%;place-items:center;padding:22px;border:1px solid var(--site-border,#d7dbe2);border-radius:16px;background:var(--site-panel-bg,#fff);color:var(--site-text,#111827)}
.component-heading-preview .material-title-display{margin:0!important}
.component-heading-checkbox .component-checkbox-row{min-height:44px}
@media(max-width:700px){.material-title-display{flex-direction:column!important}.material-title-display .material-primary-title{font-size:clamp(24px,10vw,var(--site-heading-title-size,48px))}}
.component-heading-controls-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.component-heading-control-column{display:grid;gap:10px;align-content:start}
@media(max-width:980px){.component-heading-controls-grid{grid-template-columns:1fr}.component-heading-control-column{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.component-heading-control-column{grid-template-columns:1fr}}

.component-range-control{display:grid!important;grid-template-columns:minmax(110px,1fr) minmax(58px,auto);align-items:center;gap:10px;width:100%}
.component-range-control input[type="range"]{width:100%;min-width:0;margin:0;accent-color:var(--site-accent,#ff5a0a);cursor:pointer}
.component-range-control output{min-width:58px;padding:8px 9px;border:1px solid #d7dbe2;border-radius:10px;background:#fff;color:#111827;font-weight:800;text-align:center;white-space:nowrap}
.theme-size-control.component-range-control,.theme-width-control.component-range-control{display:grid!important}
.theme-size-control.component-range-control input,.theme-width-control.component-range-control input{width:100%!important}

.site-theme-preview-group{grid-column:1/-1}
.site-theme-live-preview{overflow:hidden;border:1px solid var(--preview-border);border-radius:16px;background:var(--preview-page-bg);color:var(--preview-text);transition:background-color .16s,color .16s,border-color .16s}
.site-theme-preview-menu{display:flex;align-items:center;gap:18px;padding:14px 18px;border-bottom:1px solid var(--preview-border);background:var(--preview-panel-bg);color:var(--preview-primary)}
.site-theme-preview-menu strong{margin-right:auto;color:var(--preview-text)}
.site-theme-live-preview article{margin:18px;padding:20px;border:1px solid var(--preview-border);border-radius:14px;background:var(--preview-panel-bg);color:var(--preview-text)}
.site-theme-live-preview article small{color:var(--preview-muted)}
.site-theme-live-preview article h3{margin:8px 0;color:var(--preview-text)}
.site-theme-live-preview article p{margin:0 0 18px;color:var(--preview-text)}
.site-theme-live-preview article div{display:flex;align-items:center;gap:16px}
.site-theme-live-preview article button{padding:9px 16px;border:0;border-radius:10px;background:var(--preview-primary);color:#fff;font-weight:800}
.site-theme-live-preview article b{color:var(--preview-accent)}
.site-theme-live-preview footer{padding:14px 18px;background:var(--preview-footer-bg);color:var(--preview-footer-text);text-align:center}

@media(max-width:620px){.site-account-card-row{justify-content:stretch}.site-account-global-card{width:100%}.component-account-preview-shell{justify-content:stretch}.component-preview-controls-grid{grid-template-columns:1fr}.component-news-preview{padding:18px!important}.component-account-page-body{grid-template-columns:1fr}.site-theme-preview-menu{gap:10px;font-size:12px}.site-theme-live-preview article{margin:10px;padding:14px}}

.component-preview-user-toggle{justify-content:center}
.component-checkbox-row{display:flex;align-items:center;gap:9px;min-height:40px}
.component-checkbox-row input{width:20px;height:20px;margin:0;accent-color:var(--orange,#ff9f1c)}
.component-checkbox-row b{font-size:12px}

.menu-button-live-preview{width:min(720px,100%);box-sizing:border-box;margin:16px auto;padding:16px;border:1px solid #d7dbe2;border-radius:13px;background:var(--menu-panel-bg,#fff);text-align:center;transition:background-color .16s}
.menu-button-live-preview>strong{display:block;margin-bottom:12px;color:#172033}
.menu-button-live-preview>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.menu-button-live-sample{display:flex;min-width:150px;min-height:44px;box-sizing:border-box;align-items:center;justify-content:center;padding:8px 18px;border:1px solid var(--menu-button-color,#075bd8);border-radius:7px;background:var(--menu-button-bg,#fff);color:var(--menu-button-color,#075bd8);font-size:var(--menu-button-font-size,13px);font-weight:800;transition:background-color .16s,color .16s,border-color .16s}
.menu-button-live-sample.is-hover{border-color:var(--menu-hover-color,#172033);background:var(--menu-hover-color,#172033);color:#fff}
.menu-button-live-preview.menu-border-off .menu-button-live-sample:not(.is-hover){border-color:transparent}

/* Public forum: independent saved palette and geometry. */
body.forum-design-page{background:var(--site-forum-page-bg,var(--site-page-bg,#f4f4f1));color:var(--site-forum-text-color,var(--site-text,#111827))}
.forum-design-page .forum-page{color:var(--site-forum-text-color,#111827);font-size:var(--site-forum-text-size,15px)}
.forum-design-page .forum-page-intro h1{color:var(--site-forum-title-color,#111827);font-size:var(--site-forum-title-size,34px)}
.forum-design-page .forum-panel h2,.forum-design-page .forum-panel h3,.forum-design-page .forum-category-heading h2,.forum-design-page .forum-section-heading h2,.forum-design-page .forum-topic-heading h2,.forum-design-page .forum-member-heading h2{color:var(--site-forum-title-color,#111827)}
.forum-design-page .forum-page-intro p,.forum-design-page .forum-category-heading p,.forum-design-page .forum-section-heading p,.forum-design-page .forum-category-empty,.forum-design-page .forum-section-row small,.forum-design-page .forum-topic-row small,.forum-design-page .forum-section-row time,.forum-design-page .forum-post-content time,.forum-design-page .forum-profile-help,.forum-design-page .forum-member-heading p,.forum-design-page .forum-member-heading small,.forum-design-page .forum-private-empty{color:var(--site-forum-muted-color,#697386)}
.forum-design-page .forum-page a:not(.button),.forum-design-page .forum-back,.forum-design-page .forum-breadcrumbs a,.forum-design-page .forum-message a,.forum-design-page .forum-post-actions a{color:var(--site-forum-link-color,#075bd8)}
.forum-design-page .forum-panel,.forum-design-page .forum-category-card,.forum-design-page .forum-post,.forum-design-page .forum-section-heading,.forum-design-page .forum-topic-heading,.forum-design-page .forum-private-compose,.forum-design-page .forum-private-inbox,.forum-design-page .forum-private-detail,.forum-design-page .forum-private-sent,.forum-design-page .forum-last-post{border-color:var(--site-forum-border-color,#d7dbe2);border-radius:var(--site-forum-panel-radius,18px);background:var(--site-forum-panel-bg,#fff);color:var(--site-forum-text-color,#111827)}
.forum-design-page .forum-category-heading,.forum-design-page .forum-post aside,.forum-design-page .forum-member-heading,.forum-design-page .forum-statistics-grid article,.forum-design-page .forum-private-body{border-color:var(--site-forum-border-color,#d7dbe2);background:var(--site-forum-heading-bg,#f7f8fa)}
.forum-design-page .forum-section-row,.forum-design-page .forum-topic-row,.forum-design-page .forum-home-topic-row,.forum-design-page .forum-private-list-item,.forum-design-page .forum-member-stats span{border-color:var(--site-forum-border-color,#d7dbe2);background:var(--site-forum-row-bg,#fff);color:var(--site-forum-text-color,#111827)}
.forum-design-page .forum-section-row:hover,.forum-design-page .forum-topic-row:hover,.forum-design-page .forum-private-list-item:hover{background:var(--site-forum-row-hover-bg,#fff8ed)}
.forum-design-page .forum-section-icon,.forum-design-page .forum-topic-icon{background:var(--site-forum-icon-bg,#edf4ff)}
.forum-design-page .forum-reply-count b,.forum-design-page .forum-section-stats b,.forum-design-page .forum-count b,.forum-design-page .forum-statistics-grid b{color:var(--site-forum-counter-color,#ff9f1c)}
.forum-design-page .forum-page .button{border-radius:var(--site-forum-button-radius,12px)}
.forum-design-page .forum-page .button-primary{border-color:var(--site-forum-button-bg,#ff9f1c);background:var(--site-forum-button-bg,#ff9f1c);color:var(--site-forum-button-text,#201607)}
.forum-design-page .forum-page .button-light{border-color:var(--site-forum-border-color,#d7dbe2);background:var(--site-forum-secondary-button-bg,#fff);color:var(--site-forum-secondary-button-text,#075bd8)}
.forum-design-page .forum-page input,.forum-design-page .forum-page select,.forum-design-page .forum-page textarea,.forum-design-page .forum-editor-area,.forum-design-page .forum-editor-toolbar button,.forum-design-page .forum-editor-toolbar select,.forum-design-page .forum-editor-color,.forum-design-page .forum-editor-image-button{border-color:var(--site-forum-border-color,#d7dbe2);background:var(--site-forum-input-bg,#fff);color:var(--site-forum-input-text,#111827)}
.forum-design-page .forum-editor-toolbar,.forum-design-page .forum-editor-program-topic-row{border-color:var(--site-forum-border-color,#d7dbe2);background:var(--site-forum-toolbar-bg,#f5f7fa)}

/* Forum designer live preview. */
.component-forum-preview-stage{align-items:stretch;padding:16px}
.component-forum-preview{box-sizing:border-box;display:grid;width:100%;min-width:560px;gap:12px;padding:18px;border-radius:14px;background:var(--site-forum-page-bg,#f4f4f1);color:var(--site-forum-text-color,#111827);font-size:var(--site-forum-text-size,15px)}
.component-forum-preview .forum-preview-intro span{color:var(--site-forum-counter-color,#ff9f1c);font-size:9px;font-weight:900;letter-spacing:2px}.component-forum-preview .forum-preview-intro h2{margin:3px 0;color:var(--site-forum-title-color,#111827);font-size:var(--site-forum-title-size,34px)}.component-forum-preview .forum-preview-intro p{margin:0;color:var(--site-forum-muted-color,#697386);font-size:11px}
.component-forum-preview .forum-preview-card{overflow:hidden;border:1px solid var(--site-forum-border-color,#d7dbe2);border-radius:var(--site-forum-panel-radius,18px);background:var(--site-forum-panel-bg,#fff)}
.component-forum-preview .forum-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--site-forum-border-color,#d7dbe2);background:var(--site-forum-heading-bg,#f7f8fa)}.component-forum-preview .forum-preview-heading h3{margin:0;color:var(--site-forum-title-color,#111827);font-size:15px}.component-forum-preview .forum-preview-heading p{margin:3px 0 0;color:var(--site-forum-muted-color,#697386);font-size:9px}
.component-forum-preview .forum-preview-button{min-height:34px;padding:7px 12px;border:1px solid var(--site-forum-button-bg,#ff9f1c);border-radius:var(--site-forum-button-radius,12px);background:var(--site-forum-button-bg,#ff9f1c);color:var(--site-forum-button-text,#201607);font:inherit;font-size:10px;font-weight:850}.component-forum-preview .forum-preview-button.is-secondary{border-color:var(--site-forum-border-color,#d7dbe2);background:var(--site-forum-secondary-button-bg,#fff);color:var(--site-forum-secondary-button-text,#075bd8)}
.component-forum-preview .forum-preview-row{display:grid;grid-template-columns:40px minmax(0,1fr) 54px;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--site-forum-border-color,#d7dbe2);background:var(--site-forum-row-bg,#fff)}.component-forum-preview .forum-preview-row.is-hover{background:var(--site-forum-row-hover-bg,#fff8ed)}.component-forum-preview .forum-preview-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--site-forum-icon-bg,#edf4ff)}.component-forum-preview .forum-preview-row b{display:block;color:var(--site-forum-link-color,#075bd8);font-size:11px}.component-forum-preview .forum-preview-row small{color:var(--site-forum-muted-color,#697386);font-size:8px}.component-forum-preview .forum-preview-count{padding-left:9px;border-left:1px solid var(--site-forum-border-color,#d7dbe2);text-align:center}.component-forum-preview .forum-preview-count b{color:var(--site-forum-counter-color,#ff9f1c);font-size:15px}
.component-forum-preview .forum-preview-editor{display:grid;gap:7px;padding:12px 16px;background:var(--site-forum-panel-bg,#fff)}.component-forum-preview .forum-preview-toolbar{padding:7px;border:1px solid var(--site-forum-border-color,#d7dbe2);border-radius:8px 8px 0 0;background:var(--site-forum-toolbar-bg,#f5f7fa);color:var(--site-forum-muted-color,#697386);font-size:9px}.component-forum-preview .forum-preview-input{min-height:52px;padding:9px;border:1px solid var(--site-forum-border-color,#d7dbe2);border-radius:0 0 8px 8px;background:var(--site-forum-input-bg,#fff);color:var(--site-forum-input-text,#111827);font-size:10px}.component-forum-preview .forum-preview-actions{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:700px){.component-forum-preview{min-width:480px}.component-forum-preview .forum-preview-intro h2{font-size:min(var(--site-forum-title-size,34px),38px)}}
.forum-design-preview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.forum-design-preview-actions .button{box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin:0;padding:9px 12px;text-align:center}.forum-design-preview-actions .button-primary{box-shadow:0 8px 20px rgba(255,159,28,.18)}
@media(max-width:700px){.forum-design-preview-actions{grid-template-columns:1fr}}