/* Functional Django version, faithful to the approved homepage mockup. */
.hero{background-image:url('../assets/hero.webp')}
a.primary-btn,a.outline-btn,a.ask-btn{display:inline-flex;align-items:center;justify-content:center}
a.ask-btn{justify-content:flex-start}
.hero-search{margin:0;min-width:0;flex:1}
.hero-search input{min-width:0}
.header-actions .logout-form{margin:0}
.category-btn{display:flex;text-decoration:none}
.filters a{white-space:nowrap;font-size:10px;border:0;border-radius:18px;background:#f0f2f5;color:#42546e;padding:8px 11px;display:inline-flex;align-items:center}
.filters a.active{background:var(--red);color:#fff}
.filters a:hover{background:#e3e8ef}
.filters a.active:hover{background:var(--red-dark)}
.join-panel .primary-btn.full{display:flex;width:100%}
.member-grid>a{text-align:center;display:flex;align-items:center;flex-direction:column;gap:2px}
.member-grid>a b{font-size:10px}
.member-grid>a small{font-size:9px;color:#8994a3}
.empty-small{font-size:11px;line-height:1.6;color:#64738a;padding:6px}
.thread-avatar{background:linear-gradient(140deg,#c69990,#839baa);color:white}
.thread-title{display:block;text-align:left}
.thread-content{min-width:0}
.thread-side{min-width:0}
.thread-category{max-width:110px;white-space:normal}
.thread-meta>a:hover,.listing-link:hover{text-decoration:underline}
.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:22px auto 5px;color:#546780;font-size:12px}
.pagination a{color:var(--red);font-weight:700}
.empty-state{padding:44px 20px}
.empty-state h3{font-family:Georgia,serif;font-size:19px;margin:0 0 8px;color:var(--navy)}
.empty-state p{line-height:1.6;margin-bottom:18px}
.flash-wrap{max-width:1120px;margin:10px auto}
.flash{padding:12px 18px;border-radius:7px;border:1px solid #d7e8d7;background:#f2faf3;color:#265c37;margin:7px}
.flash.error{background:#fff0ee;border-color:#eed6d2;color:#8c302f}
.interior{max-width:970px;min-height:440px;margin:28px auto 55px;padding:0 15px}
.form-card{max-width:650px;padding:28px 35px;margin:0 auto}
.detail-card{padding:28px 35px}
.interior h1{font:700 clamp(25px,3.2vw,34px)/1.2 Georgia,serif;color:var(--navy);margin:16px 0}
.interior h2{font:700 21px Georgia,serif;margin:22px 0 15px}
.interior hr{border:0;border-top:1px solid #e6e9ef;margin:23px 0}
.back-link{color:#9f2730;font-weight:700;font-size:12px}
.form-description,.detail-by,.detail-meta{color:#60718b;font-size:14px;line-height:1.5}
.community-form{display:flex;flex-direction:column;gap:12px}
.community-form .field{display:flex;flex-direction:column;gap:5px}
.community-form label,.report-section label{display:block;font-size:13px;font-weight:700;color:#314866}
.community-form input:not([type=checkbox]),.community-form textarea,.community-form select,.report-section textarea{font:inherit;border:1px solid #cfd7e2;border-radius:6px;width:100%;min-height:44px;padding:10px 12px;background:#fff;font-size:14px}
.community-form textarea,.report-section textarea{min-height:140px;resize:vertical}
.community-form input[type=checkbox]{width:17px;height:17px;vertical-align:middle;margin-right:10px}
.community-form .field:has(input[type=checkbox]){display:block}
.community-form small{font-size:11px;color:#60728b}
.community-form .errorlist{color:#a82b34;margin:5px 0;padding-left:15px;font-size:12px}
.community-form>.primary-btn{align-self:flex-start;margin-top:12px;padding:12px 22px}
.after-form{font-size:12px;margin-top:19px}.after-form a{color:#b21f2a;text-decoration:underline}
.form-warning{font-size:12px;color:#735919;background:#fff5dc;border-radius:5px;padding:12px}
.detail-body{font-size:15px;line-height:1.7;color:#334b6a;overflow-wrap:anywhere}
.reply{border:1px solid #e5e9ef;border-radius:8px;padding:15px;margin:12px 0;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.reply-header{display:flex;align-items:center;gap:15px;margin-bottom:9px}
.reply-header small{color:#7c8aa0}
.report-section{border-top:1px solid #e5e8ee;padding-top:15px;margin-top:24px;font-size:13px;color:#65768c}
.report-section form{display:flex;flex-direction:column;gap:10px;padding-top:10px}
.profile-initial{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:#7e9bac;color:white;font:700 31px Georgia,serif;margin-top:24px}
.listing-link{color:#a02a31;font-weight:600}
.hero-note{pointer-events:none}
@media(max-width:670px){.hero-search{width:100%;flex:auto}.interior{padding:0 10px}.form-card,.detail-card{padding:20px 16px}.filters a{padding:7px 9px;font-size:9px}.header-actions .logout-form .primary-btn{padding:7px 9px}.pagination{gap:9px;flex-wrap:wrap}}

/* V0.3: filters volgen de goedgekeurde referentie; op smalle schermen swipebaar. */
@media (min-width: 671px) {
  .filters { flex-wrap: wrap; overflow: visible; row-gap: 6px; }
}
@media (max-width: 670px) {
  .filters { scrollbar-width: none; -ms-overflow-style: none; }
  .filters::-webkit-scrollbar { display: none; }
}
.profile-actions { margin: 17px 0; }
.profile-private-note { padding: 12px 14px; background: #fff5dc; color: #76591e; border-radius: 6px; font-size: 13px; line-height: 1.5; }

/* v0.4: premium member page + compressed profile and cover photos. */
.profile-layout{max-width:1170px;margin:25px auto 60px;padding:0 20px;min-height:520px}
.profile-breadcrumb{font-size:12px;color:#65758e;display:flex;align-items:center;gap:9px;margin:0 0 14px}
.profile-breadcrumb a{color:#aa2530;font-weight:600}.profile-breadcrumb a:hover{text-decoration:underline}
.profile-shell{overflow:hidden}
.profile-cover{height:260px;position:relative;background:linear-gradient(115deg,rgba(10,37,70,.28),rgba(10,37,70,.05)),url('../assets/hero.webp') center 57%/cover no-repeat}
.profile-cover-default:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,48,85,.35),transparent)}
.profile-cover-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.profile-cover-tag{position:absolute;bottom:24px;right:27px;border:1px solid #fffa;background:#fffdefe8;color:#1d4265;border-radius:4px;padding:8px 13px;font:italic 14px Georgia,serif;box-shadow:0 2px 14px #0002;z-index:1}
.profile-heading{display:flex;align-items:flex-end;gap:20px;padding:0 30px 28px;min-height:110px;flex-wrap:wrap}
.profile-avatar-wrap{margin-top:-63px;position:relative;flex:none;z-index:2}
.profile-big-avatar{width:130px;height:130px;display:block;object-fit:cover;border-radius:50%;border:6px solid #fff;box-shadow:0 5px 25px #10243a24;background:#e7ecf5}
.profile-avatar-fallback{display:grid;place-items:center;background:linear-gradient(130deg,#b98b82,#839caf);color:#fff;font:700 58px Georgia,serif}
.profile-heading-copy{padding:17px 0 0;flex:1;min-width:180px}
.profile-eyebrow{color:#b52930;letter-spacing:.095em;font-size:11px;text-transform:uppercase;font-weight:800}
.profile-heading-copy h1{font:700 clamp(26px,3.2vw,34px)/1.1 Georgia,serif;color:#142d51;margin:7px 0}
.profile-heading-copy p{color:#687a91;font-size:13px;margin:9px 0 0}
.profile-edit-action{margin-bottom:9px;white-space:nowrap}
.profile-shell .profile-private-note{margin:0 30px 22px}
.profile-content-grid{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}
.profile-about,.profile-discussions{padding:24px}
.profile-about h2,.profile-discussions h2,.profile-form-section h2{font:700 21px Georgia,serif;color:var(--navy);margin:0 0 14px}
.profile-about p{font-size:13px;color:#6a7890;line-height:1.65}
.profile-about-text{font-size:14px;color:#435875;line-height:1.65;overflow-wrap:anywhere}
.profile-info-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf0f3;padding:13px 0;font-size:12px}
.profile-info-row:first-of-type{margin-top:17px}
.profile-info-row span{color:#8290a3}.profile-info-row strong{color:#2a4263;text-align:right}
.profile-quiet-link,.profile-section-head>a{font-size:12px;color:#b72430;font-weight:700}
.profile-activity-column{min-width:0;display:grid;gap:16px}
.profile-activity-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:20px}
.profile-activity-stats>div{display:flex;flex-direction:column;gap:5px;text-align:center;border-right:1px solid #eef0f3}
.profile-activity-stats>div:last-child{border:0}
.profile-activity-stats b{font:700 25px Georgia,serif;color:var(--navy)}
.profile-activity-stats span{font-size:11px;color:#708098}
.profile-section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.profile-section-head h2{margin:0}
.profile-discussion-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 3px;border-top:1px solid #edf0f4}
.profile-discussion-row b{display:block;color:#203a60;font-size:13px}
.profile-discussion-row small{display:block;color:#8190a3;font-size:11px;margin-top:6px}
.profile-discussion-row>span:last-child{color:#ad2930;font-size:27px}
.profile-discussion-row:hover b{text-decoration:underline}
.profile-no-discussions{padding:17px 0;color:#748296;font-size:13px}
.profile-edit-panel{padding:30px 36px}
.profile-edit-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e8ecf2;padding-bottom:22px}
.profile-edit-header h1{font:700 clamp(26px,3.2vw,34px)/1.13 Georgia,serif;margin:8px 0 12px;color:#193456}
.profile-edit-header p{color:#61718b;font-size:13px;margin:0}
.profile-edit-form{display:block}
.profile-form-section{padding:25px 0;border-bottom:1px solid #e8ecf2}
.profile-form-section>p{font-size:13px;color:#677891;line-height:1.6;margin:-5px 0 18px}
.profile-photo-inputs{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.profile-photo-input-card{background:#f9fafc;border:1px solid #e7ebf1;padding:17px;border-radius:11px;display:flex;gap:16px;align-items:center;min-width:0}
.profile-current-photo{width:88px;height:88px;min-width:88px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#a9bacd;color:#fff;font:700 35px Georgia,serif}
.profile-current-photo img{width:100%;height:100%;object-fit:cover}
.profile-current-cover{width:135px;height:78px;min-width:135px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:linear-gradient(120deg,#a3c2d8,#e2d2b1);color:#183f5e;font:italic 13px Georgia,serif}
.profile-current-cover img{width:100%;height:100%;object-fit:cover}
.profile-photo-input-text{min-width:0;flex:1}
.profile-photo-input-text>label:first-child{display:block;font-weight:700;font-size:13px;color:#243b5d;margin:0 0 8px}
.profile-photo-input-text input[type=file]{max-width:100%;width:100%;font-size:11px;color:#435673}
.profile-photo-input-text small,.profile-privacy-choice small{display:block;margin:8px 0 0;font-size:11px;color:#64748b;line-height:1.55}
.profile-photo-input-text .photo-remove-label{display:block;font-size:11px;font-weight:600;color:#9d2935;margin-top:10px;line-height:1.5}
.profile-edit-form>.profile-form-section>.field{margin-top:16px}
.profile-privacy-choice{background:#f8fafd;border:1px solid #edf0f4;padding:16px;border-radius:9px}
.profile-privacy-choice label{font-size:13px;font-weight:700;color:#233959}
.profile-editor-actions{display:flex;gap:11px;align-items:center;padding:23px 0 0}
.profile-editor-actions .primary-btn,.profile-editor-actions .outline-btn{padding:11px 22px}
.member-avatar:is(img),.thread-avatar:is(img),.tiny-avatar:is(img){object-fit:cover;display:block;padding:0}
.small-profile-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;flex:none}
.profile-post-author{display:flex;align-items:center;gap:8px}
@media(max-width:940px){.profile-photo-inputs{grid-template-columns:1fr}.profile-content-grid{grid-template-columns:minmax(0,260px) minmax(0,1fr)}}
@media(max-width:670px){.profile-layout{padding:0 11px;margin-top:16px}.profile-cover{height:180px}.profile-cover-tag{right:13px;bottom:12px;font-size:11px}.profile-heading{padding:0 18px 20px;align-items:center;gap:9px}.profile-avatar-wrap{margin-top:-45px}.profile-big-avatar{width:94px;height:94px;border-width:4px}.profile-avatar-fallback{font-size:43px}.profile-heading-copy{padding:8px 0 0;flex-basis:55%}.profile-heading-copy h1{font-size:24px}.profile-edit-action{width:100%;margin:10px 0 0}.profile-content-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.profile-about,.profile-discussions{padding:17px}.profile-edit-panel{padding:20px 17px}.profile-edit-header{align-items:flex-start;flex-direction:column}.profile-editor-actions{flex-wrap:wrap}.profile-photo-input-card{flex-wrap:wrap}.profile-current-cover{width:115px;min-width:115px}.profile-activity-stats{padding:14px}}

/* v0.5: social features; leave approved homepage layout untouched */
.social-layout{max-width:1090px;margin:25px auto 62px;padding:0 20px;min-height:520px}
.social-page-head{padding:32px 36px;margin-bottom:19px}
.social-page-head h1{font:700 clamp(27px,3vw,35px)/1.15 Georgia,serif;color:#142d51;margin:8px 0 12px}
.social-page-head p{font-size:14px;color:#5b6f8a;line-height:1.6;max-width:700px}
.social-search{display:flex;max-width:680px;gap:10px;margin-top:20px}
.social-search input{flex:1;min-width:0;border:1px solid #dde5ee;border-radius:5px;padding:12px;font:inherit}
.social-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.social-member-card{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-decoration:none;min-height:195px}
.social-member-card b{font:700 20px Georgia,serif;color:#143057}
.social-member-card span{font-size:13px;color:#63768b}
.social-member-card small,.social-quiet{color:#ae202a;font-weight:700;font-size:12px}
.social-member-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:700 28px Georgia,serif;color:#fff;background:linear-gradient(120deg,#ba8589,#819faf);overflow:hidden}
.social-member-avatar img{width:100%;height:100%;object-fit:cover}
.social-pagination{display:flex;justify-content:center;gap:20px;align-items:center;padding:22px;font-size:13px}
.social-pagination a,.social-empty a{color:#ae202a}
.social-section{padding:25px 30px;margin:17px 0}
.social-section h2{font:700 22px Georgia,serif;color:#132e56;margin:0 0 17px}
.social-person-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #edf0f4;padding:16px 0;text-decoration:none;color:#203854}
.social-person-row span:first-child{display:flex;flex-direction:column;gap:5px}
.social-person-row small{font-size:12px;color:#76859c}
.social-person-row a{color:#18345a}
.social-person-row b{font-weight:700}
.social-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:13px}
.social-links form{margin:0}
.social-empty,.social-note{font-size:13px;color:#63758d;line-height:1.65}
.social-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 28px 22px}
.social-actions form{margin:0}
.social-tag{font-size:12px;background:#e9f5ee;color:#257349;font-weight:700;border-radius:5px;padding:9px 12px}
.social-help{font-size:13px;color:#526888}
.social-block-link{background:transparent;border:0;color:#a33f4d;text-decoration:underline;cursor:pointer;font:inherit;font-size:12px;padding:10px}
.social-self-nav{display:flex;flex-wrap:wrap;gap:16px;border-top:1px solid #eef0f3;padding:15px 28px 20px}
.social-self-nav a{color:#aa202c;font-size:12px;font-weight:700}
.social-chat{display:flex;flex-direction:column;gap:18px;max-height:640px;overflow:auto;padding:10px 0 15px}
.social-message{max-width:85%;align-self:flex-start}
.social-mine{align-self:flex-end}
.social-bubble{background:#f3f6fa;border:1px solid #e2e7ef;border-radius:12px;padding:12px 15px;overflow-wrap:anywhere;color:#253e5d}
.social-mine .social-bubble{background:#fbeeee;border-color:#f2d8da}
.social-bubble p{margin:0 0 10px;font-size:14px;line-height:1.6}
.social-bubble small{font-size:11px;color:#71809a}
.social-report{margin-top:7px;font-size:11px;color:#697b95}
.social-report summary{cursor:pointer}
.social-report form{display:grid;gap:7px;margin-top:8px}
.social-report textarea{display:block;width:100%;margin-top:5px;padding:8px;max-width:100%;border:1px solid #cbd4dd}
.social-compose{display:flex;flex-direction:column;gap:10px}
.social-compose label{font-size:13px;font-weight:700;color:#143057}
.social-compose textarea{width:100%;border:1px solid #d7dfea;border-radius:5px;padding:13px;font:inherit;line-height:1.6}
.social-compose button{align-self:flex-start}
.social-form-error{background:#fff1f1;color:#9e1e2b;padding:10px;border-radius:5px;font-size:12px}
@media(max-width:820px){.social-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-page-head{padding:24px}.social-section{padding:20px}.social-actions{padding:0 20px 20px}}
@media(max-width:540px){.social-member-grid{grid-template-columns:1fr}.social-person-row{align-items:flex-start;flex-direction:column}.social-search{flex-direction:column}.social-message{max-width:96%}.social-self-nav{flex-direction:column;gap:10px}}


/* v0.6 forumgesprekken — los van de bevroren homepage */
.forum-detail-page{max-width:1165px;margin:24px auto 60px;min-height:520px;padding:0 18px}
.forum-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#738298;margin:0 0 15px}
.forum-crumb a{color:#ad2832;font-weight:700}
.forum-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}
.forum-detail-main{display:grid;gap:16px;min-width:0}.discussion-primary,.forum-replies,.forum-composer{padding:28px 34px}
.discussion-topline{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.category-label{display:inline-block;padding:6px 11px;border-radius:100px;background:#fff2e7;color:#a63b20;font-weight:700;font-size:12px}
.discussion-topline time{font-size:12px;color:#8492a3}
.discussion-primary h1{font:700 clamp(24px,3vw,33px)/1.2 Georgia,serif;color:#172f53;margin:17px 0 22px;overflow-wrap:anywhere}
.discussion-author,.reply-member{display:flex;gap:12px;align-items:center}
.forum-avatar{width:43px;height:43px;border-radius:50%;object-fit:cover;flex:none}
.forum-avatar-default{background:linear-gradient(140deg,#ab7d79,#8da9b7);color:#fff;display:grid;place-items:center;font:700 22px Georgia,serif}
.discussion-author a,.reply-member a{display:block;color:#183654;font-weight:800;font-size:13px}
.discussion-author small,.reply-member time{display:block;margin-top:4px;color:#8292a4;font-size:11px}
.discussion-full-text{color:#2f4763;line-height:1.8;font-size:15px;padding:22px 0 18px;overflow-wrap:anywhere}
.discussion-full-text p,.forum-reply-body p{margin:0 0 12px}
.forum-toolbar{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #edf0f3;padding-top:14px;align-items:center}
.forum-toolbar.compact{padding-top:10px;border-top:0;margin-top:9px;gap:6px}
.forum-toolbar form{margin:0}
.forum-action{cursor:pointer;display:inline-flex;gap:6px;align-items:center;border:1px solid #e1e7ef;background:#fff;color:#526881;font:inherit;font-size:12px;font-weight:700;line-height:1.2;padding:9px 12px;border-radius:7px;text-decoration:none}
.forum-action:hover,.forum-action.is-on{background:#fff1f0;border-color:#f0cad0;color:#a92230}
.forum-action span{font-size:11px;opacity:.75}
.forum-report{font-size:12px;color:#8c5157;max-width:100%}
.forum-report summary{cursor:pointer;padding:8px 10px;list-style:revert}
.forum-report[open]{width:100%;border-radius:6px;background:#f9fafc;padding:7px}
.forum-report form{display:grid;gap:10px;padding:10px}.forum-report textarea{width:100%;max-width:100%;min-height:72px;border:1px solid #cfd7e2;border-radius:7px;padding:10px;font:inherit}
.forum-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #edf0f4}
.forum-section-title h2{margin:0;color:#172f53;font:700 23px Georgia,serif}
.forum-section-title h2 span{font-size:13px;font-weight:700;color:#aa2830}
.forum-section-title small{color:#8090a4;font-size:12px}
.forum-reply{padding:22px 0;border-bottom:1px solid #e9edf2;scroll-margin-top:120px}
.forum-reply:last-of-type{border-bottom:0}.forum-reply-body{color:#3c4f67;line-height:1.75;font-size:14px;margin:14px 0 9px;overflow-wrap:anywhere}
.forum-quote{border-left:3px solid #cba470;background:#fbf8f4;padding:12px 16px;color:#667187;border-radius:0 6px 6px 0;margin:14px 0 0;font-size:12px}
.forum-quote strong{color:#47566d}.forum-quote p{margin:6px 0 0;overflow-wrap:anywhere}
.forum-empty{color:#70839a;font-size:14px;margin:24px 0}
.forum-pages{display:flex;justify-content:center;gap:15px;align-items:center;padding:18px 0;font-size:12px}.forum-pages a{color:#a12832;font-weight:700}
.forum-composer h2{margin:0 0 18px;color:#172f53;font:700 23px Georgia,serif}.forum-composer .community-form textarea{min-height:125px}.forum-fineprint{font-size:12px;color:#8793a3;margin:20px 0 0}
.quote-notice{display:flex;align-items:center;justify-content:space-between;border:1px solid #f0dbc5;background:#fff9f1;padding:11px 14px;font-size:13px;border-radius:8px;color:#775532}
.quote-notice[hidden]{display:none}.quote-notice button{cursor:pointer;border:0;background:none;font-size:24px;color:#775532}
.forum-aside{padding:22px;margin-bottom:16px}.forum-aside h2{font:700 20px Georgia,serif;margin:0 0 16px;color:#173254}.forum-aside p{font-size:13px;color:#657691;line-height:1.65;margin:0 0 12px}
.forum-aside p strong{font:700 19px Georgia,serif;color:#1b355a}.forum-aside .primary-btn{display:block;text-align:center;margin-top:20px}.forum-aside a:not(.primary-btn){font-size:12px;color:#aa2931}
.forum-aside.subtle{background:#fffdf9}.forum-aside.subtle p{font-size:12px}
@media(max-width:850px){.forum-detail-layout{grid-template-columns:1fr}.forum-detail-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.forum-aside{margin:0}}
@media(max-width:600px){.forum-detail-page{padding:0 10px}.discussion-primary,.forum-replies,.forum-composer{padding:20px 17px}.forum-detail-side{grid-template-columns:1fr}.discussion-primary h1{font-size:27px}.forum-section-title{align-items:flex-start}.forum-toolbar{gap:5px}.forum-action{padding:8px 9px;font-size:11px}}