/* Reference: the user's local Yongmeori parish site, C:/project/index.html. */
@font-face {
    font-family: 'Stella';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/2608201622@stellar-serif/stellar-serif/Stellar_Serif_Bold_Condensed.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
.main-shell{margin-left:0}
.site-header{position:sticky;top:0;z-index:6;background:#fff;border-bottom:1px solid #e2e6dc}
.header-inner{max-width:1140px;margin:auto;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:186px}
.site-header .brand.custom-brand{display:flex;align-items:flex-end;gap:.5cm;width:auto;flex:0 0 auto;padding:0}
.site-header .logo-icon{display:block;flex:none;width:138px;height:auto;aspect-ratio:1/1;object-fit:contain}
.site-header .brand.custom-brand .brand-text{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:10px}
.site-header .brand-subtitle{display:block;position:relative;left:-.1cm;font-size:15px;font-weight:600;letter-spacing:.1px;color:#5b6b78}
.site-header .brand-name{display:block;font-family:'Stella','Noto Serif KR',serif;font-weight:400;font-size:63px;line-height:1.1;letter-spacing:.2cm;color:#0b2d52;white-space:nowrap}
.header-menus{display:flex;flex-direction:column;align-items:flex-end;gap:15px;min-width:0}
.site-header #category-nav{display:flex;align-items:center;justify-content:flex-end;gap:19px;margin:0;padding:0;border:0;flex-wrap:wrap}
.site-header #category-nav .nav-item{display:block;position:relative;width:auto;height:auto;font-size:15px;line-height:1.7;color:#5e7468;padding:5px 0 7px;margin:0;border:0;border-radius:0;background:none;font-weight:500;white-space:nowrap;box-shadow:none}
.site-header #category-nav .nav-item:after{content:'';position:absolute;height:2px;left:0;right:100%;bottom:0;background:#b99c61;transition:right .18s}
.site-header #category-nav .nav-item:hover,.site-header #category-nav .nav-item.active{color:#2d5348;background:none;padding-left:0;box-shadow:none}
.site-header #category-nav .nav-item:hover:after,.site-header #category-nav .nav-item.active:after{right:0}
.site-header #category-nav .board-nav-link{margin-left:.5cm;padding-left:.5cm;border-left:1px solid #dde3d3}
.site-header #category-nav .board-nav-link:hover,.site-header #category-nav .board-nav-link.active{padding-left:.5cm}
.header-utilities{display:flex;align-items:center;gap:14px}
.site-header #main-nav{display:none}
.site-header .external-links{display:flex;align-items:center;gap:8px}
.site-header .site-link{display:flex;align-items:center;gap:5px;flex:none;padding:6px 13px;font-size:11.5px;font-weight:600;color:#6b7680;border:1px solid #dbe0d4;border-radius:999px;background:none;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease}
.site-header .site-link:hover{color:#a97a29;border-color:#a97a29;background:#faf6ea}
.site-header .site-link svg{width:12px;height:12px}
.site-header .site-link img{height:13px;width:auto;flex:none}
.site-header .topbar-actions{display:flex;gap:0;padding-left:14px;border-left:1px solid #e7ecdf}
.site-header .local-badge{display:none}
.site-header .remote-button{font-size:11px;font-weight:600;padding:8px 14px;background:#0b2d52;border:1px solid #0b2d52;color:#fff}
.site-header .remote-button:hover{background:#173a52;border-color:#173a52}
.site-header .remote-button svg{width:14px;height:14px}
#menu-toggle{display:none}
.header-search .header-search-inner{display:flex;align-items:center;gap:12px}
.header-search .header-search-inner .search-box{flex:1;min-width:0;width:auto;margin:0}
.header-search .search-box input{min-width:0}
.header-search .owner-auth{flex:none;white-space:nowrap;font-size:12px;padding:11px 14px}
#owner-login{max-width:440px}
.login-error{color:#9b2525;font-size:14px;line-height:1.6}
@media(max-width:650px){.header-search .header-search-inner{gap:8px}.header-search .owner-auth{font-size:11px;padding:10px}.header-search .search-box kbd{display:none}}
main{max-width:1140px;padding-top:36px;padding-left:40px;padding-right:40px}.page-heading{margin-bottom:30px}.toast{left:50%}
.header-search{background:linear-gradient(180deg,#faf8f2,#f4efe3);border-top:1px solid #ece5d3;border-bottom:1px solid #ece5d3;padding:16px 40px}.header-search-inner{max-width:1140px;margin:auto}.header-search .search-box{width:calc(100% - 2cm);margin:auto;background:#fff;border:1px solid #e6dfcd;border-radius:10px;box-shadow:0 2px 10px #24335910;transition:border-color .15s ease,box-shadow .15s ease}.header-search .search-box:focus-within{border-color:#c89b3c;box-shadow:0 0 0 3px #c89b3c26}
@media(max-width:1250px){.main-shell{margin-left:0}.header-inner{padding-left:30px;padding-right:30px;gap:18px}.header-search{padding-left:30px;padding-right:30px}main{padding-left:30px;padding-right:30px}.site-header .logo-icon{width:114px}.site-header .brand.custom-brand .brand-text{margin-bottom:8px}.site-header .brand-name{font-size:53px}.site-header .brand.custom-brand{gap:.425cm}.site-header #category-nav{gap:14px}.toast{left:50%}}
@media(max-width:1050px) and (min-width:861px){.header-inner{padding:14px 26px;gap:16px;min-height:149px}.header-search{padding:10px 26px}main{padding-left:26px;padding-right:26px}.site-header .logo-icon{width:93px}.site-header .brand.custom-brand .brand-text{margin-bottom:7px}.site-header .brand-name{font-size:42px}.site-header .brand.custom-brand{gap:.35cm}.site-header .brand-subtitle{font-size:13px}.header-menus{gap:11px}.site-header #category-nav{gap:12px}.site-header #category-nav .nav-item{font-size:13px}.header-utilities{gap:11px;flex-wrap:wrap;justify-content:flex-end}.site-header .external-links{gap:6px}.site-header .site-link{font-size:11px;padding:5px 11px}.site-header .topbar-actions{padding-left:11px}.site-header .remote-button{font-size:10px;padding:7px 9px}}
@media(max-width:860px){.main-shell{margin-left:0}.header-inner{padding:0 25px;min-height:108px;gap:13px;flex-wrap:wrap;justify-content:initial}.header-search{padding:10px 25px}main{padding-left:25px;padding-right:25px}.site-header .brand.custom-brand{order:1;gap:5px}.site-header .brand-subtitle{display:none}.site-header .logo-icon{width:72px}.site-header .brand.custom-brand .brand-text{margin-bottom:5px}.site-header .brand-name{font-size:35px}.header-menus,.header-utilities{display:contents}.site-header .topbar-actions{order:2;margin-left:auto;padding:0;border:0}.site-header .remote-button{font-size:10px;padding:8px 10px}.site-header .remote-button svg{width:14px;height:14px}#menu-toggle{display:flex;order:3;align-items:center;justify-content:center;gap:5px;padding:8px 0 8px 4px;color:#708667;font-size:10px}#menu-toggle svg{width:20px;height:20px}.site-header .external-links{display:none;order:4;width:100%;margin:0;padding:2px 0 10px;gap:7px;border:0;flex-wrap:wrap}.site-header.is-menu-open .external-links{display:flex}.site-header .external-links .site-link{flex:1;justify-content:center;font-size:11px;padding:9px 8px}.category-navigation{display:none;order:5;width:100%;border-top:1px solid #e9eee0}.site-header.is-menu-open .category-navigation{display:block}.site-header #category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 10px;margin:0;padding:8px 0 15px;border:0;max-height:calc(100dvh - 165px);overflow-y:auto}.site-header #category-nav .nav-item{width:100%;height:auto;text-align:left;border-radius:3px;padding:11px 12px;font-size:12px}.site-header #category-nav .nav-item.active{background:#f3f6ec;padding-left:12px}.site-header #category-nav .nav-item:after{display:none}.toast{left:50%}}
@media(max-width:650px){.header-inner{min-height:96px;padding:0 19px;gap:11px}.header-search{padding:8px 19px}.site-header .logo-icon{width:60px}.site-header .brand.custom-brand .brand-text{margin-bottom:4px}.site-header .brand-name{font-size:30px}.site-header .brand.custom-brand{gap:4px}.site-header .remote-button{font-size:9px;padding:7px 8px}.site-header .remote-button svg{width:13px;height:13px}#menu-toggle{font-size:9px;gap:4px}#menu-toggle svg{width:18px;height:18px}.site-header #category-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px}main{padding-top:29px;padding-left:19px;padding-right:19px}.page-heading{margin-bottom:27px}.toast{left:50%}}
@media(max-width:360px){.header-inner{gap:8px;padding-left:16px;padding-right:16px}.header-search{padding-left:16px;padding-right:16px}main{padding-left:16px;padding-right:16px}.site-header .logo-icon{width:51px}.site-header .brand.custom-brand .brand-text{margin-bottom:4px}.site-header .brand-name{font-size:26px}.site-header .remote-button{padding:7px 6px}#menu-toggle>span:last-child{display:none}}
