/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
/* Shared full-width layout for the directory and all unit routes. */
body.unit-public-page{margin:0;background:linear-gradient(145deg,#edf5f3,#f8fafc);min-height:100vh;min-height:100dvh}
.unit-public-page .shell-main{margin-left:0!important;width:100%;max-width:none;min-width:0}
.unit-public-page #mainContent{width:100%;max-width:none;margin:0;padding:clamp(16px,3vw,48px)!important;min-width:0}
.unit-public-page .shell-header{flex-wrap:wrap;gap:12px;padding:14px clamp(16px,3vw,48px)}
.unit-public-page .header-title{overflow-wrap:anywhere}
.unit-public-page nav[aria-label=breadcrumb]{display:flex;flex-wrap:wrap;gap:8px;line-height:1.8;overflow-wrap:anywhere}
.unit-public-page .browse-scene{left:0}
.unit-public-page .unit-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(20px,3vw,48px);margin-bottom:32px;border:1px solid #d6e6e2;border-radius:28px;background:linear-gradient(120deg,#fff,#edf7f3);box-shadow:0 16px 48px #163e4010;overflow:hidden}
.unit-public-page .unit-hero>div{min-width:0;overflow-wrap:anywhere}
.unit-public-page .unit-hero>.unit-banner{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;object-position:center;border-radius:18px;background:#e5eeeb}
.unit-public-page .unit-hero h1{font-size:clamp(1.65rem,3vw,3rem);line-height:1.5;margin:14px 0;color:#164a46}
.unit-public-page .unit-hero p{line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}
.unit-public-page .unit-hero .btn{margin:4px 4px 4px 0;min-height:44px;white-space:normal}
.unit-public-page .unit-owner-toolbar{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;border-radius:18px}
.unit-public-page .unit-owner-toolbar>div{min-width:0}
.unit-public-page .unit-news-heading{align-items:center;gap:16px;flex-wrap:wrap}
.unit-public-page .unit-news-heading h2{font-size:clamp(1.4rem,2.2vw,2rem);margin:0}
.unit-public-page .unit-news-search{padding:16px;background:#fff;border:1px solid #dce8e3;border-radius:16px;align-items:stretch}
.unit-public-page .unit-news-search .form-control{min-width:0;min-height:46px;font-size:16px}
.unit-public-page .unit-news-search .btn{flex-shrink:0}
.unit-public-page .unit-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}
.unit-public-page .unit-news-grid>div{width:100%;max-width:100%;min-width:0;padding:0;margin:0}
.unit-public-page .unit-news-grid .card{border:1px solid #dce8e3;border-radius:20px;overflow:hidden;box-shadow:0 8px 26px #163e400b}
.unit-public-page .unit-news-grid .card-body{padding:24px;min-width:0;overflow-wrap:anywhere}
.unit-public-page .unit-news-grid h3{line-height:1.7;margin:12px 0}
.unit-public-page .unit-news-grid .unit-post-image{width:100%;height:auto;max-height:400px;object-fit:contain;background:#edf4f2}
.unit-public-page .btn{min-height:44px;white-space:normal}
.unit-public-page .footer{text-align:center;padding:24px 0;margin-top:40px;overflow-wrap:anywhere}
@media(min-width:1600px){.unit-public-page .unit-news-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:991.98px){.unit-public-page .shell-main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.unit-public-page .unit-hero{gap:24px;padding:24px}.unit-public-page .unit-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.unit-public-page .unit-hero{grid-template-columns:minmax(0,1fr);padding:20px;border-radius:20px}.unit-public-page .unit-hero>.unit-banner{max-height:440px}.unit-public-page .unit-news-grid{gap:18px}.unit-public-page .unit-news-grid .card-body{padding:18px}}
@media(max-width:575px){.unit-public-page .shell-header .header-title{flex-basis:calc(100% - 80px)}.unit-public-page .unit-news-grid{grid-template-columns:minmax(0,1fr)}.unit-public-page .unit-news-search{flex-wrap:wrap}.unit-public-page .unit-news-search .form-control{flex-basis:100%;width:100%}.unit-public-page .unit-news-search .btn{width:100%}.unit-public-page .unit-owner-toolbar .btn{flex:1 1 100%}.unit-public-page .unit-hero .btn{font-size:14px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.unit-public-page .unit-news-grid .card{transition:transform .2s,box-shadow .2s}.unit-public-page .unit-news-grid .card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #163e4018}}

.unit-public-page .units-directory,.unit-public-page .units-directory-grid{width:100%;max-width:none;min-width:0}
.unit-public-page .unit-post-editor,.unit-public-page .unit-public-article{border:1px solid #dce8e3;border-radius:22px;box-shadow:0 12px 36px #163e400d;padding:clamp(16px,3vw,40px)!important;min-width:0}
.unit-public-page .unit-post-editor .form-control,.unit-public-page .unit-post-editor .form-select{font-size:16px;max-width:100%;min-width:0}
.unit-public-page .unit-post-editor textarea{resize:vertical;line-height:1.8}
.unit-public-page .unit-public-article{overflow-wrap:anywhere;line-height:1.9}
.unit-public-page .unit-public-article h2{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.6}
.unit-public-page .unit-public-article img{max-width:100%;height:auto;object-fit:contain}
.unit-public-page .detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.unit-public-page .detail-toolbar>div,.unit-public-page #unit-attachments,.unit-public-page #unitSiteSettings{min-width:0;overflow-wrap:anywhere}
.unit-public-page .detail-toolbar>div{flex-wrap:wrap}
.unit-public-page #unitSiteSettings summary{line-height:1.8;cursor:pointer;font-weight:600}
.unit-public-page #unitSiteSettings .form-control{font-size:16px}
.unit-public-page .unit-public-article a,.unit-public-page .unit-post-editor p{overflow-wrap:anywhere}
.unit-public-page .shell-header .nav-popover{max-width:100%;min-width:0}
.unit-public-page .shell-header .nav-popover>summary{overflow-wrap:anywhere;white-space:normal}
@media(max-width:991.98px){.unit-public-page .mobile-bottom{padding-bottom:env(safe-area-inset-bottom)}.unit-public-page .shell-header .header-search{min-width:0;flex:1 1 220px}}
@media(max-width:575px){.unit-public-page .shell-header .header-title{flex-basis:100%}.unit-public-page .shell-header .header-search{flex-basis:100%;width:100%}.unit-public-page .detail-toolbar>.btn{width:100%}.unit-public-page .detail-toolbar>div{width:100%}.unit-public-page .detail-toolbar>div>*{flex:1 1 auto}.unit-public-page .detail-toolbar form .btn{width:100%}.unit-public-page #unitSiteSettings~section .d-flex{flex-wrap:wrap}.unit-public-page input[type=file]{width:100%}.unit-public-page .unit-news-heading>.btn{width:100%}}