.search-options,.post-share-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.search-options{margin-bottom:8px}
.search-options select,.post-share-tools button,.search-clear{font:inherit;font-size:12px;border:1px solid #d9dfe7;border-radius:4px;background:#fff;color:#344359;padding:7px 10px}
.post-share-tools{margin:12px 0 20px;padding-bottom:14px;border-bottom:1px solid #e5e9ef}
.post-share-tools button,.search-clear{cursor:pointer}
.post-share-tools button:hover,.search-clear:hover{background:#f2f5f9}
.post-share-tools a{font-size:12px;color:#395c88}
.search-result-status,.submission-status,#shareStatus{font-size:13px;color:#34577f;line-height:1.7}
.submission-status:empty,.search-result-status:empty,#shareStatus:empty{display:none}
.search-result-row{display:flex;align-items:center;gap:12px;margin:8px 0}
.hero-search-wrap{max-width:560px}
a.post-title-btn{text-decoration:none;display:inline;cursor:pointer}
a.post-title-btn:focus-visible{outline:2px solid #0d6efd;outline-offset:3px}
.response-kind-label{display:inline-block;font-size:11px;padding:2px 7px;margin-right:7px;border-radius:3px;background:#eef2f7;color:#334966}
.response-kind-choice{margin:8px 0;color:#344359;font-size:13px}
.response-kind-choice select{font:inherit;margin-left:8px;padding:6px;border:1px solid #d9dfe7;border-radius:4px}
.comment-head-row{margin:24px 0 0;padding:18px 0 8px;border-top:1px solid #eceef0}
.comment-list{display:block}
.comment-item{display:flex;gap:12px;padding:10px 0;white-space:normal;overflow-wrap:anywhere;border:0;background:#fff}
.comment-avatar{flex:0 0 36px;width:36px;height:36px;color:#e1e3e5;margin-top:2px}
.comment-avatar svg{display:block;width:100%;height:100%;border-radius:50%}
.comment-main{flex:1;min-width:0;padding:14px 16px;background:#f7f7f8;border-radius:4px}
.comment-item.is-mine .comment-main{background:#edf4ff;box-shadow:inset 3px 0 #95baf0}
.comment-item.is-mine .comment-avatar{color:#b5cdee}
.own-content-label{display:inline-block;padding:1px 6px;border-radius:3px;background:#dceaff;color:#245a9d;font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap}
.comment-item-head{align-items:flex-start;margin-bottom:4px;gap:8px}
.comment-author-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.comment-author{font-size:14px;font-weight:700;line-height:1.6;color:#222}
.comment-owner-label{font-size:10px;line-height:1.6;border-radius:10px;padding:1px 6px;color:#187b55;background:#edf8f1}
.comment-author-line .response-kind-label{margin:0;font-size:10px;padding:1px 5px}
.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;color:#292929}
.content-external-link{color:#245fa3;text-decoration:underline;overflow-wrap:anywhere}
.comment-length-hint{display:flex;justify-content:space-between;gap:12px;margin:5px 0 10px;font-size:11px;color:#7b8794;line-height:1.5}
#commentCharCount{white-space:nowrap}
.comment-media-composer{margin:8px 0 12px;padding:10px 0;border-bottom:1px solid #e6eaf0;font-size:12px}
.comment-media-composer>label{font-weight:600;color:#415a72;margin-right:10px}
#commentMediaInput{font:inherit;max-width:100%}
#commentMediaHelp,#commentMediaStatus{font-size:11px;line-height:1.6;color:#778391;margin:6px 0}
#commentMediaStatus:empty{display:none}
#commentMediaPreviews{max-width:220px;margin-top:8px}
.comment-edit-hint{display:block;font-size:11px;color:#7b8794;margin:5px 0}
.comment-media-gallery{margin:10px 0 4px;max-width:320px}
.comment-media-gallery figure{margin:0}
.comment-media-gallery img{display:block;max-width:100%;width:auto;height:auto;max-height:220px;object-fit:contain;border:1px solid #e0e5eb;border-radius:4px;background:#fff}
.comment-media-gallery figcaption{font-size:10px;color:#8b929a;overflow-wrap:anywhere;margin-top:4px}
@media(max-width:600px){.comment-length-hint{font-size:10px}.comment-media-gallery img{max-height:180px}.comment-media-composer>label{display:block;margin-bottom:6px}}
.comment-meta{margin-top:5px;font-size:12px;line-height:1.6;color:#8a8f95}
.comment-tools{gap:8px;padding-top:2px}
.comment-tool-btn{border:0;border-radius:2px;padding:0 2px;color:#868b91;background:transparent;font-size:11px;line-height:1.8}
.comment-tool-btn:hover{color:#333;background:#f4f5f6}
.comment-tool-btn:focus-visible{outline:2px solid #3973b9;outline-offset:2px}
.comment-empty{padding:22px 0;color:#858a91;font-size:13px;border-bottom:1px solid #f0f1f2}
.comment-just-added{outline:none}
.comment-just-added .comment-main{outline:1px solid #b6cee9;outline-offset:-1px}
.comment-item:focus-visible{outline:2px solid #b8d5c2;outline-offset:2px}
.modal-reply-disclaimer .disclaimer-more-link{display:block;margin:5px 0 0;width:fit-content}
@media(max-width:600px){.comment-item{gap:10px;padding:8px 0}.comment-main{padding:12px}.comment-avatar{flex-basis:30px;width:30px;height:30px}.comment-author,.comment-body{font-size:13px}.comment-meta{font-size:11px}}
.comment-input[readonly]{background:#e9ecef;color:#5b6571;cursor:default}
.comment-input[readonly]::placeholder{color:#5b6571;opacity:1}
.comment-login-prompt{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#536579}
/* Posts live in the document beside their board navigation. */
.post-page{display:none;scroll-margin-top:20px}
.post-page.open{display:block}
.post-board-nav{display:none}
.page-wrap.reading-post{grid-template-columns:210px minmax(0,1fr);gap:28px}
.reading-post .sidebar{grid-column:1;grid-row:1}
.reading-post .main-area{grid-column:2;grid-row:1}
.reading-post #homeCommunitySection,.reading-post #questionBoardLinks,.reading-post #integratedBoard{display:none!important}
.reading-post .portal-side-info{display:none}
.reading-post .post-board-nav{display:grid;border-top:2px solid #39434d;margin-top:18px;padding-top:12px;gap:3px}
.post-board-nav h2{font-size:14px;margin:0 0 8px;padding:0 10px;color:#333}
.post-board-nav a{display:block;padding:10px;font-size:13px;line-height:1.6;color:#515960;text-decoration:none;border-radius:3px;word-break:keep-all;overflow-wrap:anywhere}
.post-board-nav a:hover{background:#f4f5f7}
.post-board-nav a[aria-current="page"]{background:#eef4fc;color:#075bc7;font-weight:700}
.post-board-nav a:focus-visible,.post-back-button:focus-visible{outline:2px solid #3973b9;outline-offset:2px}
.post-page .post-modal{width:100%;max-height:none;overflow:visible;box-sizing:border-box;border:1px solid #e4e7eb;border-radius:6px;box-shadow:none}
.post-page .post-modal-head{padding:26px 28px 18px;align-items:flex-start;gap:20px}
.post-page .post-modal-title{font-size:24px;overflow-wrap:anywhere;outline:none}
.post-title-group{min-width:0}
.post-title-group>.own-content-label{margin-bottom:7px}
.post-page.is-mine .post-modal-head{background:#f2f7ff;border-radius:6px 6px 0 0}
.post-back-button{flex-shrink:0;cursor:pointer;font:inherit;font-size:12px;color:#4c5865;background:#f6f7f8;border:1px solid #e2e5e9;border-radius:4px;padding:8px 14px}
.post-page .post-modal-body{padding:20px 28px 28px}
.post-page .post-content{border:0;border-radius:0;padding:22px 0 30px;min-height:140px;margin:0;line-height:1.9}
.post-page .post-meta{padding-bottom:18px;border-bottom:1px solid #edf0f3}
.post-media-composer{margin:16px 0;padding:16px;border:1px solid #e1e5ea;border-radius:5px;background:#fafbfc}
.post-media-composer h3{font-size:14px;margin:0 0 12px}
.building-overview-editor{margin:12px 0 16px;padding:0 0 10px;border:0;background:#fff;container-type:inline-size;container-name:overview}
.building-overview-editor h3,.post-building-overview h3{font-size:14px;margin:0 0 10px;color:#303b46}
.building-overview-editor h3 span{font-size:11px;font-weight:400;color:#747d86;margin-left:7px}
.overview-help{font-size:11px;color:#7b848d;line-height:1.5;margin:0 0 8px}
.overview-help strong{font-weight:700;color:#24568b;margin-right:5px}
.overview-fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px 10px}
.overview-wide{grid-column:1/-1}
.overview-field{min-width:0;grid-column:span 2}
.overview-field.overview-half,.overview-field.overview-measure-floors{grid-column:span 6}
.overview-field.overview-wide{grid-column:1/-1}
.overview-field>label,.overview-label{display:block;font-size:11px;font-weight:500;color:#687581;margin-bottom:3px}
.overview-label-hint{font-weight:400;font-size:10px;color:#939aa2}
#buildingOverviewFields input{box-sizing:border-box;width:100%;min-width:0;height:30px;margin:0;padding:5px 7px;border:1px solid #dce1e7;border-radius:3px;background:#fff;color:#273849;font:inherit;font-size:12px;line-height:1.4}
#buildingOverviewFields input::placeholder{color:#9299a2;opacity:1;font-weight:400}
#buildingOverviewFields input:focus{outline:2px solid #d8e7fc;border-color:#74a7e6}
.overview-field small{display:block;font-size:11px;color:#7b848f;line-height:1.6;margin-top:5px}
.overview-unit{display:flex;align-items:center;gap:4px;min-width:0}
.overview-unit span{font-size:11px;color:#74808a;white-space:nowrap}
.overview-floors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.overview-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.post-building-overview{border:1px solid #e5e8ec;background:#fafbfc;border-radius:5px;padding:16px 18px;margin-top:18px}
.post-building-overview dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;font-size:12px;line-height:1.7}
.post-building-overview dl>div{display:flex;gap:12px;min-width:0}
.post-building-overview dt{flex:0 0 65px;color:#687480}
.post-building-overview dd{margin:0;overflow-wrap:anywhere;color:#263747}
.post-building-overview .overview-missing{color:#9299a2}
@container overview (max-width:620px){.overview-field{grid-column:span 4}.overview-field.overview-half,.overview-field.overview-measure-floors{grid-column:1/-1}.overview-floors{gap:7px}}
@media(max-width:600px){.overview-fields{gap:8px}#buildingOverviewFields input{height:34px}.overview-label-hint{font-size:10px}.post-building-overview dl{grid-template-columns:1fr}}
.media-file-label{display:inline-block;font-size:13px;font-weight:600;margin-right:10px}
#postMediaInput{max-width:100%;font:inherit;font-size:12px}
#postMediaHelp,#postMediaStatus{font-size:12px;line-height:1.8;color:#68717c;margin:10px 0 0}
#postMediaStatus{color:#285685}
#postMediaStatus:empty{display:none}
.media-previews{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.media-previews:empty{display:none}
.media-preview{min-width:0;border:1px solid #e2e6ea;border-radius:4px;padding:8px;background:white;display:grid;gap:7px}
.media-preview img,.media-preview video{width:100%;height:120px;object-fit:contain;background:#f2f3f5}
.media-preview span{overflow-wrap:anywhere;font-size:11px;color:#666}
.media-preview button{justify-self:end;border:1px solid #ddd;border-radius:3px;background:white;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer}
.post-media-gallery{display:grid;gap:24px;margin:0 0 24px}
.post-media-gallery figure{margin:0;min-width:0}
.post-media-gallery img{display:block;max-width:100%;height:auto;margin:auto}
.post-media-gallery video{display:block;width:100%;max-height:70vh;background:#202328}
.post-media-gallery figcaption{margin-top:6px;overflow-wrap:anywhere;font-size:11px;color:#7c838c;text-align:center}
@media(max-width:760px){
 .page-wrap.reading-post{display:flex;gap:14px}
 .reading-post .sidebar{display:flex;flex-wrap:wrap;gap:8px}
 .reading-post .portal-login{display:none}
 .reading-post .sidebar-write{margin-left:auto;padding:8px 12px}
 .reading-post .post-board-nav{display:flex;order:2;flex-basis:100%;min-width:0;overflow-x:auto;gap:6px;margin:0;padding:8px 0;border-top:1px solid #e3e7eb;border-bottom:1px solid #e3e7eb}
 .post-board-nav h2{display:none}
 .post-board-nav a{flex-shrink:0;white-space:nowrap;padding:7px 9px;font-size:12px}
 .post-page .post-modal-head{padding:18px 16px 14px;gap:12px}
 .post-page .post-modal-title{font-size:21px}
 .post-page .post-modal-body{padding:16px}
 .post-page .post-content{padding:18px 0 24px}
}
#authModalOverlay{z-index:1010}
.community-header{min-height:96px}
.portal-nav{min-height:42px;margin-bottom:20px}
.portal-nav .menu-btn{padding:9px 0}
.portal-nav .menu-btn.active{color:#0d6efd;box-shadow:none}
.header-search{flex:1;max-width:640px;min-width:0;position:relative;padding:8px 0;margin-inline:auto}
.header-search>label{display:block;font-size:12px;font-weight:500;color:#536579;margin-bottom:5px}
.header-search-row{display:flex;align-items:center;gap:8px;min-width:0}
.header-search-row .hero-search-input-wrap{flex:1;min-width:0}
.header-search .hero-search-input,.header-search .hero-search-btn{height:36px;font-size:13px}
.header-search-options{position:relative;flex:0 0 auto;z-index:2;font-size:11px;color:#647184}
.header-search-options summary{display:flex;align-items:center;gap:4px;min-height:36px;padding:0 4px;cursor:pointer;white-space:nowrap;list-style:none}
.header-search-options summary::-webkit-details-marker{display:none}
.header-search-options summary::before{content:'▸'}
.header-search-options[open] summary::before{content:'▾'}
.header-search-options .search-options{position:absolute;right:0;top:100%;width:max-content;max-width:calc(100vw - 40px);box-sizing:border-box;margin:6px 0 0;padding:10px;background:#fff;border:1px solid #d9dfe7;border-radius:4px;box-shadow:0 3px 10px #0001;flex-wrap:wrap}
.board-section:has(.write-panel.open) :is(.board-header,.community-guide,.board-controls,.search-result-row,#sortDescription,.board-table,#pagination,#resourcePlaceholder){display:none}
.main-area:has(.write-panel.open)>:is(#questionBoardLinks,#homeCommunitySection){display:none}
.write-panel.open{margin-top:0;background:#fff;max-height:none;overflow:visible;transition:none}
#writePanelTitle{margin:0 0 20px}
.post-success-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1200;margin:0;padding:10px 20px;border-radius:6px;background:#263b50;color:#fff;font-size:13px;box-shadow:0 3px 15px #0002}
@media(max-width:760px){.community-header{min-height:0;padding:8px 0;gap:8px}.portal-nav{min-height:40px;margin-bottom:16px}.header-search{order:3;flex:0 0 100%;max-width:none;padding:0}.header-search-row{gap:4px}.header-search .hero-search-input{font-size:12px}.header-search .hero-search-btn{font-size:12px;padding:0 10px}.header-search-options summary{font-size:10px;padding:0 2px}}
#shareLinkFallback{width:100%;box-sizing:border-box;padding:8px;font-size:12px}
@media(max-width:760px){.board-controls{flex-wrap:wrap}.hero-search-wrap{flex-basis:100%}.search-options select{max-width:100%}.post-share-tools{gap:6px}}

.post-edit-note{font-size:12px;color:#697785;line-height:1.7;margin:9px 0 16px}.post-edit-form{padding:16px;border:1px solid #d7e1eb;border-radius:6px;margin:12px 0 20px}.post-edit-form label{display:block;margin:8px 0;font-size:13px;font-weight:600}.post-edit-form input,.post-edit-form textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #cdd8e3;border-radius:4px;font:inherit}.post-edit-form textarea{min-height:220px;resize:vertical}.post-edit-form [role=status]{font-size:13px;color:#9a391f}#editOwnPost:disabled{color:#89929c;cursor:not-allowed}
.post-edit-controls{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-top:18px;text-align:right}.post-edit-controls:has(#editOwnPost[hidden]){display:none}.post-edit-controls .post-edit-note{margin:0;max-width:100%;font-size:12px;line-height:1.6}.post-edit-controls:has(#editOwnPost:not([hidden]))+.comment-head-row{margin-top:10px}
