/* A familiar, compact community board with Archifact's own identity. */
:root{--deep-blue:#26734d;--sidebar-logo-muted:#233a2d;--text-main:#222;--font-sans:"Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","돋움",dotum,sans-serif}
body{background:#fff;font-size:13px;line-height:1.6;letter-spacing:normal;color:#222}
button,input,select,textarea{font-family:var(--font-sans)}
.community-header{max-width:1160px;margin:auto;min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 8px}
.community-wordmark{font-size:23px;font-weight:800;letter-spacing:-1px;color:#266444;text-decoration:none;display:flex;align-items:center;gap:18px}
.community-wordmark span{font-size:12px;font-weight:400;letter-spacing:0;color:#7d847e;border-left:1px solid #dedfdb;padding-left:18px}
.community-header-note{font-size:12px;color:#899087}
.community-cover{max-width:1160px;box-sizing:border-box;height:214px;margin:0 auto 26px;background:#eef3e9;border:1px solid #e0e8d9;position:relative;overflow:hidden;padding:25px 38px;display:flex;align-items:center}
.cover-eyebrow{font-size:11px;color:#688566;letter-spacing:.08em;margin:0 0 7px}
.community-cover h1{font-size:29px;line-height:1.35;letter-spacing:-1.1px;font-weight:700;color:#2d5237;margin:0 0 10px}
.community-cover p:last-child{font-size:12px;color:#6f806c;margin:0}
.cover-city{position:absolute;width:53%;height:210px;right:8px;bottom:-1px;stroke:#9db394;stroke-width:1.5;opacity:.7}
.page-wrap{max-width:1160px;margin:auto;min-height:0;display:grid;grid-template-columns:208px minmax(0,1fr);gap:28px;align-items:start}
.sidebar{position:static;width:auto;height:auto;padding:20px 0 0;background:white;border:0;border-top:2px solid #557b56}
.sidebar-logo-link{display:block;margin:0 0 12px;padding:0 12px}
.sidebar-logo{font-size:26px}
.sidebar-motto{font-size:10px;color:#788077;margin-top:2px}
.community-description{font-size:12px;color:#7b817c;padding:0 12px;margin:12px 0 18px;line-height:1.8}
.sidebar-write{display:block;width:100%;padding:12px 8px;color:white;background:#34774d;border:1px solid #2b6842;border-radius:3px;font-weight:700;cursor:pointer;margin-bottom:23px}
.sidebar-write:hover{background:#28613d}
.sidebar-section-label{display:block;font-size:11px;font-weight:700;color:#899186;padding:0 12px;margin-bottom:9px;letter-spacing:.02em}
.menu-list{display:grid;gap:2px;border-top:1px solid #e8ece5;border-bottom:1px solid #e8ece5;padding:9px 0}
.menu-btn{background:white;border:0;border-radius:2px;font-size:13px;font-weight:400;color:#555f53;padding:10px 12px;box-shadow:none}
.menu-btn.active{background:#eef5e9;color:#326a42;font-weight:700;border:0}
.menu-btn:hover{background:#f5f7f2}
.sidebar-about{margin-top:25px;padding-top:18px;border-top:1px solid #edf0ea}
.sidebar-about p{font-size:11px;color:#8a9185;line-height:1.8;padding:0 12px;margin:10px 0 18px}
.main-area{padding:0;max-width:none;width:100%;min-width:0}
.topbar{min-height:28px;margin:0 0 12px;padding:0;display:flex;justify-content:flex-end}
.auth-area{font-size:12px}
.auth-btn{font-size:12px;border-radius:3px;padding:5px 12px;border-color:#dce2d9;color:#586252}
.auth-welcome{font-size:12px}
.auth-link{color:#536851}
.home-section{margin:0 0 22px}
.hero-section{margin:0;padding:0}
.hero-card{background:white;border:0;border-radius:0;padding:0;box-shadow:none;text-align:left}
.hero-card::before,.hero-card::after{display:none}
.hero-title{font-size:17px;line-height:1.5;margin:0 0 3px;letter-spacing:-.04em;color:#384734;text-align:left}
.hero-subtitle{font-size:12px;line-height:1.6;margin:0;color:#8a9185;text-align:left}
.intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0 0}
.intent-card{padding:14px;border-radius:4px;border:1px solid #e0e6db;background:#fbfcf9;gap:5px;min-width:0;color:#4b6745;transition:background .15s}
.intent-card:hover{transform:none;background:#eff5e9;border-color:#a4b99a}
.intent-kicker{font-size:10px;color:#819375;font-weight:400;letter-spacing:0}
.intent-card strong{font-size:14px;line-height:1.6;letter-spacing:-.06em}
.intent-card > span:not(.intent-kicker){font-size:10px;color:#92998a;line-height:1.5;word-break:keep-all}
.intent-card b{font-size:11px;padding-top:7px;color:#5b8050}
.board-section{margin:0;padding:0}
.board-wrap{padding:0;border:0;border-radius:0;background:white;box-shadow:none}
.board-header{align-items:center;padding:0 0 13px;border-bottom:2px solid #536b4e;margin-bottom:0;gap:12px}
.board-title{font-size:21px;line-height:1.4;margin:0 0 3px;color:#283a27}
.board-subtitle{font-size:12px;color:#93998f;line-height:1.6;margin:0}
.write-btn{font-size:12px;border-radius:3px;padding:8px 15px;background:#34774d;border:1px solid #2b6842;box-shadow:none}
.write-btn:hover{background:#28613d}
.community-guide{border-bottom:1px solid #e7ece1;background:#f7f9f4;padding:12px 14px;margin:0;font-size:12px;color:#627458}
.community-guide summary{cursor:pointer;list-style-position:inside;line-height:1.6}
.community-guide summary span{font-size:10px;font-weight:700;border:1px solid #c7d6bc;padding:2px 5px;border-radius:2px;margin:0 6px;color:#648052}
.community-guide p{line-height:1.8;margin:12px 0 0;color:#7d8776}
.board-controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:13px 0}
.hero-search-wrap{margin:0;flex:1;max-width:380px;min-width:0}
.hero-search-input-wrap{display:flex;gap:0}
.hero-search-input{height:33px;border:1px solid #d9dfd4;border-radius:3px 0 0 3px;background:#fff;padding:7px 10px;font-size:12px;width:100%;min-width:0;box-shadow:none}
.hero-search-btn{position:static;transform:none;width:auto;height:33px;flex-shrink:0;border:1px solid #d9dfd4;border-left:0;border-radius:0 3px 3px 0;background:#f6f8f2;color:#626e57;font-size:11px;padding:0 13px;box-shadow:none}
.hero-search-btn:hover{transform:none;background:#ecf1e7}
.hero-search-hint{display:none}
.board-filter{display:flex;align-items:center;gap:8px;flex-shrink:0;width:auto}
.board-filter .field-label{font-size:11px;color:#959b90;font-weight:400}
.control-select{font-size:11px;padding:6px 9px;height:33px;border-radius:3px;border-color:#dce1d7;color:#6a7461;background:#fff}
.write-panel{margin-top:0}
.write-panel:not(.open){display:none}
.write-panel.open{margin:12px 0 18px;border-radius:4px;background:#fbfcf9}
.board-table{width:100%;table-layout:fixed;border-top:1px solid #dde3d7;border-collapse:collapse;font-size:12px}
.board-table th{background:#fafbf8;font-size:11px;font-weight:400;color:#8a9380;border-bottom:1px solid #dde3d7;padding:11px 7px;white-space:nowrap;text-align:center}
.board-table th:nth-child(2){text-align:left;padding-left:12px}
.board-table td{font-size:12px;line-height:1.7;padding:13px 7px;border-bottom:1px solid #eef0eb;color:#88917e;vertical-align:middle;text-align:center}
.board-table td.title-cell{text-align:left;padding-left:12px;color:#35442f}
.board-table tr:hover td{background:#fbfcf9}
.board-table .date{font-size:10px;white-space:nowrap}
.post-title-btn{font-size:13px;font-weight:400;color:#35442f;text-align:left;word-break:break-word}
.post-title-btn:hover{color:#2c7544;text-decoration:underline}
.title-meta{font-size:11px;color:#699554;margin-left:5px}
.post-subcategory-tag{font-size:9px;color:#80976d;background:#f0f5e9;border-radius:2px;padding:2px 4px;margin:3px 0;display:block;white-space:normal}
.new-badge{background:#e9f3e1;color:#72915c;font-size:9px}
.pagination{margin:20px 0 26px;gap:5px}
.page-btn{font-size:12px;min-width:29px;height:29px;border-radius:2px;border:1px solid transparent;background:white;color:#747e6a}
.page-btn.active{background:#f1f6eb;color:#4c7736;border:1px solid #cbdcbb}
.home-latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0 30px}
.latest-card{border:0;border-radius:0;padding:0;background:white;box-shadow:none;min-width:0}
.latest-card-header{border-bottom:1px solid #dfe5d7;padding:0 0 10px;margin-bottom:0;gap:8px}
.latest-card-title{font-size:13px;color:#5a6d4b}
.latest-action-btn{font-size:10px;padding:3px 7px;border:1px solid #dce3d3;border-radius:2px;background:white!important;color:#6c8058!important;white-space:nowrap}
.latest-list{padding-top:4px}
.latest-item{border-bottom:1px solid #f0f2ec;padding:9px 0}
.latest-list button{font-size:11px;font-weight:400;color:#727d67}
.latest-list .post-subcategory-tag{display:none}
.site-footer{max-width:1160px;margin:24px auto 0;padding:22px 16px;border-top:1px solid #e5e9df;background:#fff;color:#9aa18f}
.site-footer-disclaimer{font-size:10px;max-width:850px;line-height:1.8}
.connection-notice{font-size:12px;margin-top:0;border-radius:3px}
@media(max-width:1000px){
 .community-header,.community-cover,.page-wrap{margin-left:20px;margin-right:20px}
 .page-wrap{grid-template-columns:180px minmax(0,1fr);gap:20px}
 .cover-city{width:48%}
 .intent-card{padding:11px}
 .intent-card strong{font-size:12px}
 .intent-card > span:not(.intent-kicker){display:none}
 .sidebar-motto{font-size:9px}
}
@media(max-width:700px){
 .community-header{min-height:52px;margin:0;padding:0 16px}
 .community-wordmark{font-size:21px;gap:12px}
 .community-wordmark span{font-size:10px;padding-left:12px}
 .community-header-note{display:none}
 .community-cover{margin:0 12px 14px;height:152px;padding:20px}
 .community-cover h1{font-size:23px}
 .cover-eyebrow{font-size:9px}
 .community-cover p:last-child{font-size:10px;max-width:210px}
 .cover-city{right:-80px;width:65%;height:150px;opacity:.28}
 .community-cover>div{z-index:1}
 .page-wrap{display:flex;flex-direction:column;margin:0 12px;gap:12px}
 .sidebar{width:100%;padding:0;border-top:0}
 .sidebar-logo-link,.community-description,.sidebar-write,.sidebar-section-label,.sidebar-about{display:none}
 .menu-list{display:flex;padding:5px 0;border-top:1px solid #dfe5d8;border-bottom:1px solid #dfe5d8;gap:3px}
 .menu-list li{flex:1}
 .menu-btn{font-size:11px;padding:9px 3px;text-align:center}
 .topbar{margin:0 0 12px;min-height:25px}
 .auth-btn{font-size:11px;padding:4px 9px}
 .home-section{margin-bottom:18px}
 .hero-title{font-size:15px}
 .hero-subtitle{font-size:10px}
 .intent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
 .intent-card{padding:10px 8px;gap:4px}
 .intent-kicker{font-size:9px}
 .intent-card strong{font-size:12px;line-height:1.5}
 .intent-card b{font-size:9px;line-height:1.5}
 .board-title{font-size:18px}
 .board-subtitle{font-size:10px}
 #toggleWrite{font-size:11px;padding:7px 10px}
 .community-guide{padding:10px;font-size:10px}
 .community-guide summary span{font-size:9px}
 .board-controls{gap:10px;padding:11px 0}
 .hero-search-wrap{max-width:none}
 .hero-search-input{font-size:10px;padding:6px 8px}
 .hero-search-btn{font-size:10px;padding:0 9px}
 .board-filter .field-label{display:none}
 .control-select{font-size:10px;padding:5px;max-width:94px}
 .board-table{table-layout:fixed}
 .board-table colgroup{display:none}
 .board-table th:not(:nth-child(2)),.board-table td:not(:nth-child(2)):not([colspan]){display:none}
 .board-table th:nth-child(2),.board-table td:nth-child(2){width:100%;padding-left:8px;text-align:left}
 .board-table td{padding:12px 8px}
 .post-title-btn{font-size:12px}
 .home-latest-grid{grid-template-columns:1fr;gap:24px;margin:18px 0}
 .latest-card-title{font-size:13px}
 .site-footer{margin-top:20px;padding:18px}
.site-footer-disclaimer{font-size:9px}
}
/* Match the reference cafe's system font stack; keep supporting text readable. */
.menu-btn{font-size:13px;line-height:24px;color:#333;letter-spacing:normal}
.board-table th{font-size:12px;color:#555}
.board-table td{color:#666}
.board-table .date{font-size:12px}
.post-title-btn{font-size:14px;line-height:1.6;color:#222;letter-spacing:normal}
.post-content{font-size:15px;line-height:1.8;letter-spacing:normal;color:#222}
.hero-subtitle,.board-subtitle,.community-description,.community-header-note{font-size:13px;color:#666}
.sidebar-motto,.sidebar-about p,.sidebar-section-label{font-size:12px;color:#666}
.intent-card strong{letter-spacing:normal}
.intent-kicker,.intent-card > span:not(.intent-kicker),.intent-card b{font-size:12px;color:#596b50}
.hero-search-input,.hero-search-btn,.control-select,.board-filter .field-label{font-size:13px;color:#555}
.latest-list button{font-size:13px;color:#333}
.latest-action-btn,.community-guide summary span,.post-subcategory-tag,.title-meta{font-size:12px}
.community-guide,.community-guide p{font-size:13px;color:#52634b}
.site-footer-disclaimer{font-size:12px;color:#666}
@media(max-width:700px){
 .menu-btn{font-size:13px;padding:9px 3px}
 .post-title-btn{font-size:14px}
 .hero-subtitle,.board-subtitle{font-size:12px}
 .intent-card strong{font-size:13px;word-break:keep-all}
 .intent-kicker,.intent-card b{font-size:11px}
 .hero-search-input{font-size:13px}
 .hero-search-btn,.control-select{font-size:12px}
}