:root{--ink:#172033;--muted:#667084;--line:#dce4ef;--paper:#ffffff;--soft:#f6f8fb;--blue:#2563eb;
  --green:#2f9e44;--orange:#ef7d22;--red:#dc3c3c;--violet:#6f42c1;--shadow:0 18px 42px rgba(23, 32, 51, 0.08);
  --max:1180px;--readable-font:"Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", Arial, sans-serif;
  --brand-font:var(--readable-font);--reference-font:var(--readable-font);}

/*게시판 분류·검색 영역을 메인 메뉴보다 작고 한 줄로 정리합니다.*/

.apple-filter-bar{width:100%;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;overflow-x:auto;
  padding-bottom:1px;}

.apple-filter-bar label{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;color:#4b5560;
  font-size:12px;font-weight:700;}

.apple-filter-bar select{width:auto;min-width:92px;min-height:28px;padding:2px 22px 2px 7px;font-size:13px;
  line-height:1.2;}

.apple-filter-bar label:first-child select{min-width:112px;}

.apple-filter-bar select:disabled{color:#8b9299;background:#f2f3f4;}

.inquiry-filter-bar{display:flex;align-items:center;}

.inquiry-filter-bar label{display:inline-flex;align-items:center;gap:4px;color:#4b5560;font-size:12px;
  font-weight:700;}

.inquiry-filter-bar select{min-width:112px;min-height:28px;padding:2px 22px 2px 7px;font-size:13px;}

.board-tools > h2{padding:6px 8px;font-size:14px;line-height:1.25;}

.board-tools .chips{gap:4px;padding:5px;}

.board-tools .chips button{min-height:28px;padding:0 7px;font-size:12px;line-height:1.2;}

.board-tools .board-search{gap:4px;padding:5px;}

.board-tools .board-search input,
.board-tools .board-search select,
.board-tools .board-search button{
  min-height:28px;padding-top:2px;padding-bottom:2px;font-size:12px;line-height:1.2;}

html,
body,
body *,
button,
input,
select,
textarea,
option{
  font-family:var(--site-font-family, var(--readable-font))!important;}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{margin:0;color:var(--ink);background:#eef3f8;font-family:var(--readable-font);font-size:14px;
  line-height:1.65;letter-spacing:0;word-break:keep-all;overflow-wrap:break-word;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}

a{color:inherit;text-decoration:none;}

button,
input,
select,
textarea{font:inherit;}

button{cursor:pointer;}

img{max-width:100%;display:block;}

.container{width:min(calc(100% - 40px), var(--max));margin:0 auto;}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255, 255, 255, 0.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);}

.topbar{background:#172033;color:rgba(255, 255, 255, 0.82);font-size:13px;}

.topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;}

.topbar nav,
.site-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px;}

.footer-font-setting{display:inline-flex;align-items:center;gap:5px;color:inherit;font-size:12px;
  white-space:nowrap;}

.footer-font-setting select{width:104px;min-height:28px;padding:2px 6px;border:1px solid #cbd5e1;
  border-radius:6px;background:#fff;color:#334155;font-size:12px;}

.masthead{min-height:78px;display:grid;grid-template-columns:260px minmax(260px, 1fr) auto;align-items:center;
  gap:20px;}

.brand{display:flex;align-items:center;gap:12px;min-width:0;}

.brand img{width:52px;height:52px;border-radius:8px;border:1px solid var(--line);background:#fff;}

.brand small{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;}

.brand strong{display:block;font-size:28px;line-height:1;font-family:var(--brand-font);font-weight:700;
  letter-spacing:-0.02em;color:#1b2940;text-rendering:optimizeLegibility;}

.brand strong .brand-park{font-size:0.68em;font-weight:inherit;letter-spacing:0;}

.global-search{display:grid;grid-template-columns:1fr 76px;gap:8px;min-width:0;}

.global-search input,
.board-search input,
.board-search select,
input,
select,
textarea{width:100%;
  border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:0;}

.global-search input,
.global-search button,
.board-search input,
.board-search select,
.board-search button{
  min-height:42px;padding:0 12px;}

.global-search button,
.board-search button,
.btn,
.comment-form button,
.auth-links button{
  border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:800;}

.global-search button,
.btn.primary{border-color:var(--blue);background:var(--blue);color:#fff;}

.auth-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap;}

.auth-links a,
.auth-links button,
.auth-chip{min-height:36px;display:inline-flex;align-items:center;
  padding:0 10px;border-radius:8px;background:#f1f5f9;border:0;}

.auth-chip{background:#e8f3ff;color:var(--blue);font-weight:900;}

.main-nav{border-top:1px solid var(--line);}

.main-nav .container{min-height:48px;display:flex;align-items:center;gap:8px;overflow-x:auto;}

.main-nav a{flex:0 0 auto;padding:8px 12px;border-radius:8px;color:#334155;font-weight:800;}

.main-nav a.active,
.main-nav a:hover{background:#eaf2ff;color:var(--blue);}

.page-bg{min-height:calc(100vh - 160px);padding:26px 0 46px;
  background:linear-gradient(rgba(85, 112, 148, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 112, 148, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, #f4f8fc, #eef3f8);
  background-size:38px 38px,
    38px 38px,
    auto;}

.app-shell{display:grid;grid-template-columns:250px minmax(0, 1fr);gap:18px;}

.single-shell{display:block;}

.content{min-width:0;}

.sidebar{display:grid;align-content:start;gap:14px;}

.panel,
.hero-panel,
.latest-box,
.post-card,
.auth-panel,
.summary-grid article,
.page-form{
  background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);}

.panel,
.auth-panel,
.page-form{padding:18px;}

.panel h2,
.side-links h2,
.latest-box h2,
.post-section h2,
.auth-panel h1,
.admin-panel h2{margin:0 0 12px;}

.member-panel p,
.hero-panel p,
.panel p,
.auth-panel p{color:var(--muted);margin:0 0 12px;}

.side-btn{display:flex;align-items:center;min-height:34px;margin-top:8px;padding:0 10px;border-radius:8px;
  background:#eef3f8;font-weight:800;}

.side-links{padding:4px 2px;}

.side-links a{display:block;padding:9px 8px;border-bottom:1px solid var(--line);color:#475569;font-weight:700;}

.public-board-shortcut{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px;
  border:1px solid #d0b467;border-radius:2px;background:linear-gradient(135deg, #fff4bf, #ffe0a6);
  color:#8c3f16;font-family:Georgia, "Malgun Gothic", sans-serif!important;font-size:13px;font-weight:900;}

.public-board-shortcut small{color:#765b37;font-size:9px;font-weight:700;}

.blacklist-admin > header,
.blacklist-row{display:grid;grid-template-columns:1fr 1fr 1.4fr 60px auto;
  align-items:center;gap:8px;}

.blacklist-admin > header{display:flex;justify-content:space-between;}

.blacklist-row{min-height:38px;padding:5px 8px;border-bottom:1px solid #e0e3e6;font-size:11px;}

.comment-report-button{color:#b42318;}

.support-inquiry-panel form{display:grid;gap:10px;}

.support-source{padding:9px 10px;border:1px solid #d7dbe0;background:#f7f8f9;}

.support-link-button{border-color:#c78d38;background:#fff7df;color:#8a4b12;}
.post-translate-button{border-color:#c78d38!important;background:#fff7df!important;color:#8a4b12!important;font-weight:800!important;min-width:82px;}
.post-translate-button:hover{background:#ffedb8!important;}
.post-translate-button[aria-busy="true"]{opacity:.72;cursor:wait;}


.support-admin > header{display:flex;align-items:center;justify-content:space-between;}

.support-admin-row{margin-top:8px;padding:10px;border:1px solid #d7dbe0;background:#fff;}

.support-admin-row.unread{border-left:4px solid #e07a20;background:#fffaf0;}

.support-admin-row header,
.support-admin-row footer{display:flex;align-items:center;
  justify-content:space-between;gap:8px;}

.support-admin-row p{white-space:pre-wrap;}

.hero-panel{min-height:148px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px 22px;margin-bottom:12px;
  background:linear-gradient(110deg, #ffffff 0%, #f7fbff 54%, #fff4e8 100%);}

.home-hero{min-height:216px;}

.eyebrow{display:inline-flex;margin-bottom:5px;color:var(--orange);font-size:11px;font-weight:900;
  text-transform:uppercase;}

.hero-panel h1{margin:0 0 6px;font-size:34px;line-height:1.06;}

.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}

.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;}

.btn.danger{border-color:#ffd3d3;background:#fff2f2;color:var(--red);}

.hero-visual{flex:0 0 290px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;}

.hero-visual span{min-height:92px;display:grid;place-items:center;border-radius:8px;color:#fff;
  font-weight:900;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.35);}

.hero-visual span:nth-child(1){background:#76f07c;}

.hero-visual span:nth-child(2){background:#6f42c1;}

.hero-visual span:nth-child(3){background:#ef7d22;}

.hero-visual span:nth-child(4){background:#f0351c;}

.quick-grid{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:12px;margin-bottom:16px;}

.quick-card{min-height:112px;display:block;padding:16px;border:1px solid var(--line);border-radius:8px;
  background:#fff;box-shadow:0 12px 26px rgba(23, 32, 51, 0.06);}

.quick-card:hover{transform:translateY(-2px);}

.quick-card strong{display:block;margin-bottom:6px;font-size:19px;}

.quick-card span{color:var(--muted);font-size:13px;}

.latest-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;}

.latest-box{overflow:hidden;}

.latest-box.wide{grid-column:1 / -1;}

.latest-box header,
.post-section header{min-height:52px;display:flex;align-items:center;
  justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);}

.latest-box header a,
.latest-box header button{padding:0;border:0;background:transparent;color:var(--blue);
  font-size:13px;font-weight:900;}

.latest-row,
.search-result{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;gap:10px;
  align-items:center;min-height:42px;padding:8px 14px;border-bottom:1px solid #edf2f7;}

.latest-row strong,
.search-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.latest-row time,
.search-result small{color:var(--muted);font-size:12px;}

.ranked-block{padding-top:8px;border-top:1px solid var(--line);}

.ranked-block h3{margin:0;padding:10px 14px 4px;color:var(--ink);font-size:15px;}

.resource-center-box{display:block;}

.tag{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:6px;
  background:#e8f1ff;color:var(--blue);font-size:12px;font-weight:900;white-space:nowrap;}

.tag.warn{background:#fff7ed;color:#c2410c;}

.new-badge{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:6px;border-radius:50%;
  background:var(--red);color:#fff;font-size:11px;font-weight:900;line-height:1;vertical-align:middle;}

.search-panel{margin-bottom:16px;}

.board-tools{margin-bottom:14px;}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}

.chips button,
.admin-tabs button{min-height:34px;padding:0 12px;border:1px solid var(--line);
  border-radius:8px;background:#fff;color:#475569;font-weight:800;}

.chips button.active,
.chips button:hover,
.admin-tabs button.active{border-color:#bdd3ff;background:#eaf2ff;
  color:var(--blue);}

.inquiry-list-header{flex-wrap:wrap;justify-content:flex-start!important;padding-top:8px!important;
  padding-bottom:8px!important;}

.inquiry-list-header > .chips{flex:1 1 620px;margin:0;}

.inquiry-category-toggles{display:flex;flex-wrap:wrap;gap:5px;}

.inquiry-list-header > span{margin-left:auto;white-space:nowrap;}

.apple-toggle-groups{width:100%;display:grid;gap:6px;}

.banana-toggle-groups{width:100%;display:grid;gap:6px;}

.banana-toggle-row{display:flex;flex-wrap:wrap;gap:6px;}

.banana-toggle-section button{min-width:76px;}

.banana-toggle-detail{padding-left:82px;}

.banana-toggle-detail button{min-width:70px;}

.apple-toggle-row{display:flex;flex-wrap:wrap;gap:6px;}

.apple-toggle-section button{min-width:82px;}

.apple-toggle-platform button{min-width:86px;}

.apple-toggle-section{padding-left:92px;}

.apple-toggle-kind{padding-left:184px;}

.apple-toggle-kind button{min-width:70px;}

.platform-icon{position:relative;width:14px;height:14px;display:inline-flex;flex:0 0 14px;align-items:center;
  justify-content:center;margin-right:5px;vertical-align:-2px;}

.platform-icon i,
.platform-icon i::before,
.platform-icon i::after{position:absolute;display:block;
  content:"";}

.platform-windows i{inset:1px;
  background:linear-gradient(#1686d9 0 0) 0 0 / 5px 5px no-repeat,
    linear-gradient(#1686d9 0 0) 100% 0 / 5px 5px no-repeat,
    linear-gradient(#1686d9 0 0) 0 100% / 5px 5px no-repeat,
    linear-gradient(#1686d9 0 0) 100% 100% / 5px 5px no-repeat;
  transform:skewY(-5deg);}

.platform-android i{width:12px;height:8px;bottom:1px;border-radius:3px 3px 2px 2px;background:#63a840;}

.platform-android i::before{width:10px;height:6px;top:-5px;left:1px;border-radius:7px 7px 2px 2px;
  background:#63a840;}

.platform-android i::after{width:2px;height:2px;top:-3px;left:3px;border-radius:50%;background:#fff;
  box-shadow:4px 0 #fff;}

.platform-mac i{width:10px;height:11px;bottom:0;border-radius:48% 52% 46% 46% / 55% 55% 45% 45%;
  background:#30363d;}

.platform-mac i::before{width:5px;height:3px;top:-3px;left:5px;border-radius:100% 0 100% 0;background:#30363d;
  transform:rotate(-22deg);}

.platform-mac i::after{width:4px;height:5px;top:2px;right:-2px;border-radius:50%;background:#fff;}

.platform-linux i::before,
.platform-other i::before{inset:-2px;display:grid;place-items:center;
  font-style:normal;font-size:14px;line-height:1;}

.platform-linux i::before{content:"🐧";}

.platform-other i::before{content:"⚙";color:#6b7280;}

@media (max-width: 620px) {
  .apple-toggle-section,
  .apple-toggle-kind,
  .banana-toggle-detail{padding-left:0;}
}

.board-search{display:grid;grid-template-columns:150px minmax(0, 1fr) 82px;gap:8px;}

.write-panel{margin-bottom:14px;}

.write-panel.locked{display:block;}

form{margin:0;}

label{display:grid;gap:6px;margin-bottom:12px;color:#344055;font-size:13px;font-weight:800;}

input,
select,
textarea{min-height:42px;padding:10px 12px;}

.password-field{position:relative;display:block;}

.password-field input{padding-right:48px;}

.password-toggle{position:absolute;top:50%;right:6px;width:34px;height:34px;display:grid;place-items:center;
  border:0;border-radius:8px;background:transparent;color:#64748b;transform:translateY(-50%);}

.password-toggle:hover,
.password-toggle:focus-visible{background:#eef3f8;color:var(--blue);outline:0;}

.password-toggle span{position:relative;width:20px;height:13px;border:2px solid currentColor;
  border-radius:50%;}

.password-toggle span::before{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;
  border-radius:50%;background:currentColor;transform:translate(-50%, -50%);}

.password-toggle.is-visible span::after{content:"";position:absolute;top:50%;left:-3px;width:25px;height:2px;
  border-radius:999px;background:currentColor;transform:rotate(-38deg);}

textarea{min-height:130px;resize:vertical;}

.form-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;}

.privacy-check{display:flex;align-items:flex-start;gap:8px;}

.privacy-check input[type="checkbox"]{flex:0 0 auto;width:18px;height:18px;min-height:0;margin:2px 0 0;padding:0;
  border-radius:3px;}

.privacy-check-after{display:inline-flex;align-items:center;width:auto;max-width:100%;gap:6px;}

.privacy-check-after input[type="checkbox"]{width:15px;height:15px;margin:0;}

.profile-password-fields{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;
  margin:0;padding:12px;border:1px solid var(--border);}

.profile-password-fields legend{padding:0 6px;font-weight:700;}

.profile-password-fields label{margin-bottom:0;}

.region-fields{position:relative;grid-column:1 / -1;display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;margin:0;padding:12px;
  border:1px solid var(--border);}

.region-fields legend{padding:0 6px;font-weight:700;}

.region-fields label{position:relative;}

.region-fields .note{grid-column:1 / -1;margin:0;}

.region-suggestions{position:absolute;z-index:50;top:calc(100% + 3px);right:0;left:0;max-height:220px;
  overflow-y:auto;border:1px solid #9da9b5;background:#fff;box-shadow:0 6px 18px rgba(0, 0, 0, .16);}

.region-suggestions button{display:block;width:100%;padding:9px 10px;border:0;border-bottom:1px solid #e5e9ed;
  background:#fff;color:#222;text-align:left;cursor:pointer;}

.region-suggestions button:hover,
.region-suggestions button:focus{background:#eef5fb;}

@media (max-width: 760px) {
  .region-fields{grid-template-columns:1fr 1fr;}
}

@media (max-width: 480px) {
  .region-fields{grid-template-columns:1fr;}
}

.post-section{background:transparent;}

.post-list{display:grid;gap:12px;margin-top:12px;}

.post-card{padding:16px;}

.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:9px;color:var(--muted);
  font-size:13px;}

.post-card h3{margin:0 0 8px;font-size:21px;}

.post-card p{margin:0 0 10px;white-space:pre-wrap;}

.post-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;
  border-top:1px solid var(--line);}

.compact-list{display:grid;gap:8px;padding:12px;}

.post-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:10px;align-items:center;padding:12px;
  border:1px solid var(--line);border-radius:8px;background:#fff;}

.post-row-main{display:grid;grid-template-columns:auto auto minmax(0, 1fr) auto;gap:8px;align-items:center;
  min-width:0;}

.post-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.post-row-main small{color:var(--muted);font-size:12px;white-space:nowrap;}

.post-row-actions,
.detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;}

.small-btn{min-height:32px;padding:0 10px;font-size:12px;}

.post-detail{margin-bottom:14px;}

.inline-link{color:var(--blue);font-weight:900;}

.file-line{color:#334155;}

.comment-list{display:grid;gap:8px;margin-top:12px;}

.comment{padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfdff;}

.comment div{display:flex;gap:8px;color:var(--muted);font-size:12px;}

.comment p{margin:5px 0 0;}

.comment button{margin-top:8px;border:0;background:transparent;color:var(--red);font-weight:800;}

.comment-form{display:grid;grid-template-columns:minmax(0, 1fr) 180px 72px;gap:8px;margin-top:10px;}

.rating-summary{color:var(--orange);font-weight:900;}

.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;
  background:rgba(23, 32, 51, 0.48);}

.modal-panel{width:min(100%, 640px);max-height:min(760px, calc(100vh - 40px));overflow:auto;border-radius:8px;
  border:1px solid var(--line);background:var(--paper);box-shadow:0 24px 64px rgba(23, 32, 51, 0.24);}

.modal-panel header{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 16px;border-bottom:1px solid var(--line);}

.modal-panel h2{margin:0;font-size:20px;}

.modal-body{padding:16px;}

.idle-logout-panel{width:min(100%, 420px);}

.idle-logout-panel .modal-body{display:grid;gap:14px;}

.idle-countdown{margin:0;color:var(--muted);}

.idle-countdown strong{color:var(--red);font-size:26px;}

.admin-help{display:grid;gap:4px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);
  border-radius:8px;background:#f8fafc;color:var(--muted);font-size:13px;}

.admin-help strong{color:var(--ink);}

.admin-add-member{display:grid;grid-template-columns:repeat(9, minmax(82px, 1fr));gap:8px;align-items:center;
  margin-bottom:12px;}

.admin-add-member input,
.admin-add-member select,
.admin-data-table input,
.admin-data-table select{
  width:100%;min-height:30px;padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:#fff;
  font:inherit;font-size:12px;}

.admin-table-wrap{max-height:66vh;overflow:auto;border:1px solid var(--line);border-radius:8px;}

.admin-data-table{min-width:1040px;width:100%;border-collapse:collapse;font-size:12px;line-height:1.35;}

.admin-data-table th,
.admin-data-table td{padding:6px;border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);vertical-align:middle;white-space:nowrap;}

.admin-data-table th{position:sticky;top:0;z-index:1;background:#eef6ff;color:#17324d;text-align:left;}

.admin-data-table td:last-child,
.admin-data-table th:last-child{border-right:0;}

.admin-actions{display:flex;gap:6px;}

.page-post-table{min-width:1280px;}

.modal-body form{display:grid;gap:12px;}

.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--line);
  border-radius:8px;background:#fff;color:var(--ink);font-size:22px;line-height:1;}

.empty{margin:0;padding:14px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;
  color:var(--muted);}

.empty.small{padding:10px;font-size:13px;}

.auth-panel{width:min(100%, 520px);margin:20px auto 0;}

.auth-panel h1{font-size:34px;}

.mail-preview{display:grid;gap:6px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:8px;
  background:#f8fafc;overflow-wrap:anywhere;}

.note{color:var(--muted);font-size:13px;}

.social-login{display:grid;gap:12px;margin-top:20px;text-align:center;color:#64748b;}

.social-login span{display:flex;align-items:center;gap:10px;font-size:13px;}

.social-login span::before,
.social-login span::after{content:"";height:1px;background:#dbe3ec;flex:1;}

.btn.google{background:#fff;color:#253046;border:1px solid #cbd5e1;}

.btn.google:hover{background:#f8fafc;}

.social-auth-buttons{display:grid;gap:12px;margin:18px 0;}
.social-auth-buttons .btn:disabled{cursor:wait;opacity:.65;}

.login-method-choice{margin:14px 0;padding:14px;border:1px solid #d9dde5;border-radius:8px;}

.login-method-choice legend{padding:0 6px;font-weight:700;}

.login-method-choice label{display:flex;align-items:center;gap:8px;margin:8px 0;}

.login-method-choice input{width:auto;}

[data-password-signup-fields][hidden]{display:none!important;}

.summary-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;margin-bottom:14px;}

.summary-grid article{padding:16px;}

.summary-grid strong{display:block;overflow-wrap:anywhere;font-size:24px;}

.summary-grid span{color:var(--muted);font-size:13px;font-weight:800;}

.admin-panel{padding:0;overflow:hidden;}

.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:14px;border-bottom:1px solid var(--line);
  background:#f8fafc;}

.admin-body{padding:16px;}

.admin-help{display:flex;flex-wrap:wrap;gap:8px 14px;padding:14px;border-radius:8px;background:#172033;
  color:#fff;}

.table-wrap{width:100%;overflow-x:auto;}

table{width:100%;min-width:760px;border-collapse:collapse;}

th,
td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;
  font-size:14px;}

th{background:#f8fafc;color:#56657a;font-size:12px;text-transform:uppercase;}

.permission-list{display:grid;grid-template-columns:repeat(2, minmax(120px, 1fr));gap:6px;}

.permission-list label,
.check-inline{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;}

.permission-list input,
.check-inline input{width:auto;min-height:auto;}

.page-form{margin-bottom:12px;}

.page-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}

.page-form h3{margin:0;}

.site-footer{padding:26px 0 36px;background:#172033;color:rgba(255, 255, 255, 0.78);}

.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:18px;}

.site-footer p{margin:0;font-size:13px;}

.toast{position:fixed;right:18px;bottom:18px;z-index:80;max-width:min(360px, calc(100vw - 36px));
  padding:13px 15px;border-radius:8px;background:#172033;color:#fff;box-shadow:var(--shadow);font-weight:800;}

@media (max-width: 960px) {
  .masthead{grid-template-columns:1fr;gap:10px;padding:12px 0;}

  .auth-links{justify-content:flex-start;}

  .app-shell{grid-template-columns:1fr;}

  .quick-grid,
  .latest-grid,
  .summary-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}

  .admin-add-member{grid-template-columns:repeat(3, minmax(0, 1fr));}

  .hero-panel{align-items:flex-start;flex-direction:column;}

  .hero-visual{width:100%;flex-basis:auto;}
}

@media (max-width: 620px) {
  .container{width:min(calc(100% - 24px), var(--max));}

  .topbar-inner,
  .site-footer .container{align-items:flex-start;flex-direction:column;padding:8px 0;}

  .brand strong{font-size:23px;}

  .global-search,
  .board-search,
  .form-grid,
  .profile-password-fields,
  .comment-form,
  .quick-grid,
  .latest-grid,
  .summary-grid{
    grid-template-columns:1fr;}

  .main-nav .container{padding:6px 0;}

  .hero-panel{padding:16px;}

  .hero-panel h1{font-size:27px;line-height:1.08;}

  .latest-row,
  .search-result{grid-template-columns:1fr;gap:4px;}

  .post-row,
  .post-row-main{grid-template-columns:1fr;}

  .post-row-actions,
  .detail-actions{justify-content:flex-start;}

  .permission-list{grid-template-columns:1fr;}

  .admin-add-member{grid-template-columns:1fr;}
}

/*2026-08 professional compact homepage refresh*/

:root{--ink:#20242b;--muted:#68717d;--line:#d7dbe0;--paper:#ffffff;--soft:#f5f6f7;--blue:#1769aa;
  --shadow:none;--max:1180px;}

html,
body,
body *,
button,
input,
select,
textarea,
option{
  font-family:"Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif!important;}

html{scrollbar-gutter:stable;}

body{background:#fff;color:var(--ink);line-height:1.5;}

.container{width:min(calc(100% - 32px), var(--max));}

.site-header{position:static;background:#fff;backdrop-filter:none;border-bottom:0;}

.topbar{background:#fff;color:#4f5966;border-bottom:1px solid #e4e6e9;font-size:12px;}

.topbar-inner{min-height:30px;}

.masthead{min-height:68px;grid-template-columns:300px minmax(280px, 1fr) auto;gap:24px;}

.brand img{width:54px;height:54px;border:0;border-radius:0;}

.brand small{color:#626b76;font-size:10px;letter-spacing:0.03em;}

.brand strong{color:#24282e;font-size:29px;font-weight:800;}

.global-search{grid-template-columns:1fr 74px;gap:6px;}

.global-search input,
.global-search button,
.board-search input,
.board-search select,
.board-search button{
  min-height:40px;}

.global-search input,
.board-search input,
.board-search select,
input,
select,
textarea{border-color:#c9cdd2;
  border-radius:2px;}

.global-search button,
.board-search button,
.btn,
.comment-form button,
.auth-links button{border-radius:2px;}

.global-search button,
.btn.primary{border-color:#4a535d;background:#4a535d;}

.auth-links a,
.auth-links button,
.auth-chip{min-height:34px;border:1px solid #d9dde1;border-radius:2px;
  background:#f5f6f7;}

.main-nav{border-top:1px solid #d8dce0;border-bottom:1px solid #c9cdd2;background:#f3f3f3;}

.main-nav .container{min-height:46px;gap:0;}

.main-nav a{padding:12px 15px;border-radius:0;color:#22272d;font-size:14px;}

.main-nav a:hover{background:#eef0f2;color:#111;}

.main-nav a.active{background:#dce9fc;color:#111;}

.page-bg{min-height:calc(100vh - 164px);padding:10px 0 15px;background:#fff;}

.app-shell{grid-template-columns:225px minmax(0, 1fr);gap:14px;}

.sidebar{gap:12px;}

.panel,
.hero-panel,
.latest-box,
.post-card,
.auth-panel,
.summary-grid article,
.page-form,
.quick-card{
  border:1px solid #d2d6da;border-radius:2px;box-shadow:none;}

.panel,
.auth-panel,
.page-form{padding:15px;}

.panel h2,
.side-links h2,
.latest-box h2,
.post-section h2,
.auth-panel h1,
.admin-panel h2{font-size:18px;}

.side-btn{min-height:32px;border-radius:2px;background:#f0f1f2;}

.side-links a{padding:8px 6px;color:#3d4650;font-size:13px;}

.hero-panel,
.home-hero{min-height:160px;}

.board-hero{min-height:auto;margin-bottom:10px;padding:18px 20px;}

.board-hero h1{font-size:26px;}

.board-hero p{margin-bottom:0;}

.board-tools{padding:0;overflow:hidden;}

.board-tools > h2{margin:0;padding:11px 14px;border-bottom:1px solid #d2d6da;background:#f7f7f7;
  font-size:18px;}

.board-tools .chips{margin:0;padding:9px 10px;border-bottom:1px solid #d8dce0;}

.board-tools .board-search{padding:10px;}

.post-section{overflow:hidden;border:1px solid #c9cdd2;background:#fff;}

.post-section .compact-list{gap:0;margin:0;padding:0;}

.post-section .post-row{border:0;border-bottom:1px solid #e0e2e4;border-radius:0;}

.post-section > .empty{padding:34px 16px;}

.hero-panel{padding:20px;margin-bottom:12px;background:#fff;}

.eyebrow{color:#b45d20;}

.hero-panel h1{font-size:30px;}

.hero-visual{flex-basis:250px;gap:6px;}

.hero-visual span{min-height:61px;border-radius:2px;box-shadow:none;font-size:13px;}

.hero-visual span:nth-child(1){background:#6f9872;}

.hero-visual span:nth-child(2){background:linear-gradient(135deg, #fff4bf, #ffe0a6);color:#6f4b12;}

.hero-visual span:nth-child(3){background:#bd7537;}

.hero-visual span:nth-child(4){background:#ae514b;}

.quick-grid{gap:8px;margin-bottom:12px;}

.quick-card{min-height:98px;padding:14px;}

.quick-card:hover{transform:none;background:#f8f9fa;}

.quick-card strong{font-size:17px;}

.latest-grid{gap:10px;}

.latest-box header,
.post-section header{min-height:45px;padding:0 13px;background:#f7f7f7;}

.latest-row,
.search-result{min-height:39px;padding:7px 12px;}

.tag,
.chips button,
.admin-tabs button,
.post-row,
.comment,
.modal-panel,
.toast{border-radius:2px;}

.site-footer{padding:22px 0 28px;border-top:1px solid #cfd3d7;background:#f3f4f5;color:#4c5560;}

@media (max-width: 960px) {
  .masthead{grid-template-columns:1fr;}

  .app-shell{grid-template-columns:1fr;}

  .app-shell .content{order:1;}

  .app-shell .sidebar{order:2;}
}

@media (max-width: 620px) {
  .container{width:min(calc(100% - 20px), var(--max));}

  .main-nav .container{width:100%;max-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;
    overflow-y:hidden;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:thin;}

  .page-bg{padding-top:12px;}

  .main-nav a{flex:0 0 auto;padding:9px 11px;white-space:nowrap;}

  .app-shell .sidebar{display:none;}

  .app-shell{grid-template-columns:minmax(0, 1fr);}

  .hero-panel,
  .home-hero{min-height:auto;}
}

/*Home latest-information tab board*/

.home-hero{min-height:auto;margin-bottom:10px;padding:18px 20px;}

.home-hero > div{width:100%;}

.home-hero p{margin-bottom:0;}

.home-latest-board{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #c9cdd2;
  background:#fff;}

body[data-view="home"] .page-bg > .app-shell{min-height:calc(100vh - 250px);}

body[data-view="home"] .app-shell > .content{display:flex;flex-direction:column;}

.home-latest-board > header{min-height:46px;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:0 14px;border-bottom:1px solid #c9cdd2;background:#f7f7f7;}

.home-latest-board > header h2{margin:0;font-size:18px;}

.home-latest-board > header span{color:#6b737c;font-size:12px;}

.home-latest-tabs{display:flex;align-items:flex-end;gap:3px;padding:6px 8px 0;border-bottom:1px solid #9da3aa;
  overflow-x:auto;overflow-y:hidden;background:#fff;scrollbar-width:none;}

.home-latest-tabs::-webkit-scrollbar{display:none;}

/*Shared board-page presentation*/

.board-hero{min-height:auto;margin-bottom:10px;padding:18px 20px;}

.board-hero h1{font-size:26px;}

.board-hero p{margin-bottom:0;}

@media (max-width: 620px) {
  .board-hero{padding:14px;}

  .board-hero h1{font-size:23px;}
}

.home-latest-tab{flex:0 0 auto;min-width:72px;min-height:34px;padding:0 12px;border:1px solid #d0d4d8;
  border-bottom:0;border-radius:2px 2px 0 0;background:#fff;color:#353b42;font-weight:700;font-size:14px;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}

.home-latest-tab:hover{background:#f3f4f5;}

.home-latest-tab.active{position:relative;background:#e5e7e9;color:#111;}

.home-latest-tab.active::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:4px;
  background:#1769aa;}

.home-latest-table-wrap{width:100%;margin-top:14px;overflow-x:auto;overflow-y:hidden;}

.home-latest-card-view{flex:0 0 auto;}

.home-latest-cards{margin:0;padding:8px;gap:8px;background:#f4f5f6;}

.home-latest-cards .latest-box{background:#fff;border:1px solid #d7dade;scroll-margin-top:10px;}

.home-latest-cards .latest-box header{min-height:34px;padding:0 10px;}

.home-latest-cards .latest-box header h2{margin:0;font-size:14px;}

.home-latest-cards .latest-box header a{font-size:11px;}

.home-latest-cards .latest-row{min-height:28px;padding:3px 8px;gap:6px;font-size:11px;}

.home-latest-cards .latest-row .tag{min-height:18px;max-width:118px;padding:0 5px;overflow:hidden;
  border-radius:2px;font-size:10px;text-overflow:ellipsis;}

.home-latest-cards .latest-row time{font-size:10px;}

.home-latest-cards .home-rated-row{grid-template-columns:minmax(105px, auto) minmax(0, 1fr) 68px auto;}

.home-rated-author{overflow:hidden;color:#626c76;font-size:10px;text-align:center;text-overflow:ellipsis;
  white-space:nowrap;}

.home-rated-box > header select{width:50px;max-width:52px;height:24px;padding:0 1px;border:1px solid #ffff;
  border-radius:4px;background-color:#ffff;color:inherit;font-family:inherit;font-size:13px;}

html[lang="en"] .home-rated-box > header select{width:7.5em;max-width:none;flex-shrink:0;}

.support-shortcut-content{display:grid;align-content:center;min-height:132px;gap:8px;padding:16px;
  text-align:center;}

.support-shortcut-content p{margin:0;color:#626c76;font-size:11px;line-height:1.6;}

.support-shortcut-content .btn{justify-self:center;}

.home-popular-line{background:#fff8df;border-bottom:1px solid #eadca5;}

.home-popular-line .popular-row{font-weight:700;}

.home-card-empty-row{pointer-events:none;background:#fff;}

.home-room-list{overflow:visible;}

.home-room-list > header{min-height:40px;padding:0 10px;}

.home-room-list > header h2{font-size:16px;}

.home-room-list > header button{padding:5px 11px;border:1px solid #cfd3d7;border-radius:2px;
  background:linear-gradient(#fff, #eceeef);color:#38414a;font-size:11px;font-weight:700;}

.home-room-titlebar{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;height:40px;min-height:40px;
  padding:0 10px;overflow:hidden;border-bottom:1px solid #cfd3d7;background:#f7f7f7;}

.home-room-titlebar h3{flex:0 0 auto;margin:0;font-size:14px;white-space:nowrap;}

.home-room-titlebar > .chips{flex:1 1 auto;flex-wrap:nowrap;min-width:0;gap:4px;margin:0;overflow-x:auto;
  scrollbar-width:thin;}

.home-room-titlebar .apple-filter-bar{width:auto;flex:0 0 auto;gap:4px;}

.home-room-titlebar .apple-filter-bar label,
.home-room-titlebar .inquiry-filter-bar label{gap:3px;
  margin-bottom:0;font-size:11px;}

.home-room-titlebar .apple-filter-bar select,
.home-room-titlebar .inquiry-filter-bar select{min-height:26px;
  height:26px;padding-top:1px;padding-bottom:1px;font-size:12px;}

.home-room-titlebar .banana-toggle-groups,
.home-room-titlebar .banana-toggle-row{width:auto;flex-wrap:nowrap;
  gap:4px;}

.home-room-titlebar .chips button{min-width:auto;min-height:26px;height:26px;padding:0 8px;font-size:11px;
  white-space:nowrap;}

.home-room-section{margin:5px 7px 0;border:1px solid #d6d9dc;background:#fff;}

.home-room-section > header{min-height:28px;display:flex;align-items:center;justify-content:space-between;
  padding:0 9px;border-bottom:1px solid #d6d9dc;background:#f7f7f7;}

.home-room-section > header h3{margin:0;font-size:12px;}

.home-room-section > header span{color:#68727d;font-size:11px;}

.home-room-section .board-post-table th,
.home-room-section .board-post-table td{height:27px;padding:2px 6px;
  font-size:11px;}

.home-rated-section{margin-bottom:7px;}

.home-room-pagination-wrap{padding:6px;border-top:1px solid #d6d9dc;background:#fafafa;}

.home-room-pagination,
.home-room-pagination > span{display:flex;align-items:center;justify-content:center;
  gap:3px;}

.home-room-pagination button{min-width:27px;min-height:25px;padding:0 6px;border:1px solid #d0d4d8;
  border-radius:2px;background:linear-gradient(#fff, #f0f1f2);color:#535c65;font-size:10px;}

.home-room-pagination button.active{border-color:#1769aa;background:#1769aa;color:#fff;font-weight:800;}

.home-room-pagination button:disabled{cursor:default;opacity:.4;}

.home-latest-table{min-width:720px;table-layout:fixed;}

.home-latest-table th,
.home-latest-table td{height:34px;padding:4px 8px;border-bottom:1px solid #e0e2e4;
  vertical-align:middle;font-size:13px;}

.board-post-table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;}

.board-post-table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed;}

.board-post-table th,
.board-post-table td{height:34px;padding:4px 8px;border-bottom:1px solid #e0e2e4;
  vertical-align:middle;font-size:13px;}

.board-post-table th{height:32px;background:linear-gradient(#fff, #eee);color:#3e454d;text-align:center;}

.board-post-table th:nth-child(1),
.board-post-number{width:58px;text-align:center;color:#67717c;}

.board-post-table th:nth-child(3),
.board-post-author{width:130px;text-align:center;}

.board-post-table th:nth-child(4),
.board-post-views{width:62px;text-align:center;}

.board-post-table th:nth-child(5),
.board-post-date{width:76px;text-align:center;}

.board-post-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.board-post-title a{color:#1e2935;font-weight:700;}

.board-post-title a:hover{color:#1769aa;text-decoration:underline;}

.board-post-category{display:inline-block;min-width:92px;margin-right:9px;padding-right:9px;
  border-right:1px solid #dfe3e7;color:#65707b;text-align:center;}

.board-post-category.apple-platform-only{min-width:24px;padding-right:7px;}

.board-post-category.apple-platform-only .platform-icon{margin-right:0;}

.board-post-actions{display:inline-flex;gap:4px;margin-left:8px;}

.board-post-empty td{height:34px;}

.home-latest-table th{height:32px;padding-top:5px;padding-bottom:5px;
  background:linear-gradient(#fff, #eeeeee);color:#3e454d;text-align:center;text-transform:none;}

.home-latest-table th:nth-child(1),
.home-post-number{width:58px;text-align:center;color:#67717c;}

.home-latest-table th:nth-child(3),
.home-post-author{width:130px;text-align:center;}

.home-latest-table th:nth-child(4),
.home-post-views{width:62px;text-align:center;}

.home-latest-table th:nth-child(5),
.home-post-date{width:76px;text-align:center;}

.home-post-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.home-post-title a{color:#1e2935;font-weight:700;}

.home-post-title a:hover{color:#1769aa;text-decoration:underline;}

.home-post-room{display:inline-block;min-width:72px;margin-right:9px;padding-right:9px;
  border-right:1px solid #d5d8db;color:#77808a;font-size:12px;text-align:center;}

.home-latest-empty{height:110px!important;color:#7a838d;text-align:center;}

.home-list-footer{flex:0 0 auto;min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;
  align-items:end;gap:14px;padding:18px 12px 10px;border:0;background:transparent;}

.home-pagination{grid-column:2;display:flex;align-items:center;justify-content:center;gap:3px;}

.home-pagination button,
.home-scroll-tabs{min-height:31px;padding:0 9px;border:1px solid #d0d4d8;
  border-radius:2px;background:linear-gradient(#fff, #f1f1f1);color:#4a5159;font-size:12px;}

.home-pagination button:hover:not(:disabled),
.home-scroll-tabs:hover{border-color:#9ea5ac;background:#e9ebed;
  color:#111;}

.home-pagination button:disabled{cursor:default;opacity:0.42;}

.home-page-numbers{display:flex;align-items:center;gap:2px;}

.home-pagination .home-page-number{min-width:31px;padding:0 6px;}

.home-pagination .home-page-number.active{border-color:#1769aa;background:#1769aa;color:#fff;font-weight:800;}

.home-scroll-tabs{position:fixed;right:24px;bottom:24px;z-index:45;min-width:54px;min-height:38px;
  box-shadow:0 5px 16px rgba(32, 36, 43, 0.18);}

.home-radio-link{display:inline-block;margin:8px 0 4px;color:#aeb5bf;font-size:15px;font-weight:700;
  text-decoration:none;animation:home-radio-blink 2.8s ease-in-out infinite;}

.home-radio-link:hover,
.home-radio-link:focus-visible{color:#747d89;animation-play-state:paused;}

@keyframes home-radio-blink {
  0%, 100%{opacity:0.35;}

  50%{opacity:1;}
}

@media (prefers-reduced-motion: reduce) {
  .home-radio-link{animation:none;opacity:1;}
}

@media (max-width: 620px) {
  .home-hero{padding:14px;}

  .home-hero h1{font-size:24px;}

  .home-latest-board > header{min-height:42px;}

  .home-latest-tab{min-width:64px;min-height:33px;padding:0 10px;}

  .home-latest-cards{grid-template-columns:1fr;}

  .home-latest-cards .home-rated-row{grid-template-columns:minmax(90px, auto) minmax(0, 1fr) 58px;}

  .home-latest-cards .home-rated-row time{display:none;}

  .home-room-pagination{justify-content:flex-start;overflow-x:auto;}

  .home-room-pagination > button:first-child,
  .home-room-pagination > button:nth-child(2),
  .home-room-pagination > button:nth-last-child(2),
  .home-room-pagination > button:last-child{
    display:none;}

  .home-list-footer{grid-template-columns:1fr;gap:8px;overflow-x:auto;}

  .home-pagination{grid-column:1;justify-content:flex-start;min-width:max-content;}

  .home-pagination > button:first-child,
  .home-pagination > button:nth-child(2),
  .home-pagination > button:nth-last-child(2),
  .home-pagination > button:last-child{
    display:none;}

  .home-scroll-tabs{right:14px;bottom:14px;}
}

/*Board pagination and sample-style post detail*/

.post-section .post-row{min-height:45px;}

.post-section .post-row-empty{display:block;min-height:45px;padding:0;}

.board-list-footer{min-height:74px;display:flex;align-items:flex-end;justify-content:center;
  padding:18px 10px 10px;}

.board-pagination,
.board-pagination > span{display:flex;align-items:center;justify-content:center;gap:3px;}

.board-pagination button,
.board-scroll-top{min-height:31px;padding:0 9px;border:1px solid #d0d4d8;
  border-radius:2px;background:linear-gradient(#fff, #f1f1f1);color:#4a5159;font-size:12px;}

.board-pagination button:hover:not(:disabled),
.board-scroll-top:hover{border-color:#9ea5ac;
  background:#e9ebed;color:#111;}

.board-pagination button:disabled{cursor:default;opacity:0.42;}

.board-pagination .board-page-number{min-width:31px;padding:0 6px;}

.board-pagination .board-page-number.active{border-color:#1769aa;background:#1769aa;color:#fff;
  font-weight:800;}

.board-scroll-top{position:fixed;right:24px;bottom:24px;z-index:45;min-width:54px;min-height:38px;
  box-shadow:0 5px 16px rgba(32, 36, 43, 0.18);}

.post-page-hero{margin-bottom:10px;}

.post-detail{padding:0;overflow:hidden;}

.post-detail-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:8px 14px;border-bottom:1px solid #bfc4c9;background:#f7f7f7;}

.post-detail-head > div{min-width:0;display:flex;align-items:center;gap:10px;}

.post-detail-head h2{margin:0;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap;}

.post-detail-head > div > span,
.post-detail-head time{color:#69727d;font-size:12px;white-space:nowrap;}

.post-detail-author{min-height:34px;display:flex;align-items:center;justify-content:flex-end;gap:14px;
  padding:6px 14px;border-bottom:1px solid #d9dde1;color:#626b75;font-size:12px;}

.post-content{min-height:360px;padding:30px 22px 38px;color:#20242b;font-size:15px;line-height:1.85;}

.post-content p{margin:0 0 20px;white-space:normal;}

.post-content h2,
.post-content h3,
.post-content h4{margin:32px 0 14px;line-height:1.35;}

.post-content h2{font-size:28px;font-weight:500;}

.post-content h3{font-size:21px;}

.post-content h4{font-size:17px;}

.post-content ul{margin:0 0 22px;padding-left:28px;}

.post-content li{margin:6px 0;}

.post-policy-box{display:grid;gap:12px;margin:14px 0;padding:14px;border:1px solid #d4dadd;border-radius:10px;
  background:#f8fafb;}

.post-policy-box legend{padding:0 6px;font-weight:800;}

.post-policy-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;}

.post-policy-group strong{flex:0 0 100%;font-size:13px;}

.post-policy-group label{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;}

.post-policy-group input{width:16px;height:16px;margin:0;}

.post-policy-summary,
.post-tag-list{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px;
  border-bottom:1px solid #e1e5e8;}

.post-policy-summary span,
.post-tag-list span,
.post-mini-tag{padding:2px 7px;border-radius:999px;
  background:#eef3f6;color:#56616b;font-size:11px;}

.post-mini-tag{margin-left:5px;white-space:nowrap;}

.post-content.no-copy{user-select:none;-webkit-user-select:none;}

.tag.access{background:#edf4ff;color:#315d96;}

.post-content figure{margin:28px 0;}

.post-content figure img{width:auto;max-width:100%;margin:0 auto;border:1px solid #d6dade;}

.post-detail > .file-line,
.post-detail > p:has(.inline-link),
.post-detail > .post-actions{margin-right:22px;
  margin-left:22px;}

.post-detail > .post-actions{margin-bottom:20px;}

@media (max-width: 620px) {
  .board-pagination > button:first-child,
  .board-pagination > button:nth-child(2),
  .board-pagination > button:nth-last-child(2),
  .board-pagination > button:last-child{
    display:none;}

  .board-scroll-top{right:14px;bottom:14px;}

  .post-detail-head,
  .post-detail-head > div{align-items:flex-start;flex-direction:column;gap:5px;}

  .post-detail-head h2{white-space:normal;}

  .post-detail-author{justify-content:flex-start;}

  .post-content{min-height:260px;padding:22px 15px 28px;}
}

/*최종 게시판 컴팩트 UI 오버라이드*/

.apple-filter-bar{width:100%;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;overflow-x:auto;
  padding-bottom:1px;}

.apple-filter-bar label{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;color:#4b5560;
  font-size:12px;font-weight:700;}

.apple-filter-bar select{width:auto;min-width:92px;min-height:28px;padding:2px 22px 2px 7px;font-size:13px;
  line-height:1.2;}

.apple-filter-bar label:first-child select{min-width:112px;}

.apple-filter-bar select:disabled{color:#8b9299;background:#f2f3f4;}

.board-tools > h2{padding:6px 8px;font-size:14px;line-height:1.25;}

.board-tools .chips{gap:4px;padding:5px;}

.board-tools .chips button{min-height:28px;padding:0 7px;font-size:12px;line-height:1.2;}

.board-tools .board-search{gap:4px;padding:5px;}

.board-tools .board-search input,
.board-tools .board-search select,
.board-tools .board-search button{
  min-height:28px;padding-top:2px;padding-bottom:2px;font-size:12px;line-height:1.2;}

.member-panel{box-sizing:border-box;height:139px;min-height:139px;max-height:139px;padding:9px 12px;
  overflow:hidden;}

.member-panel h2{margin:0 0 4px;font-size:15px;line-height:1.25;}

.member-panel p{margin:0 0 3px;font-size:10px;line-height:1.35;}

.member-panel .side-btn{min-height:25px;margin-top:3px;padding:0 8px;font-size:11px;line-height:1.2;}

/*게시판 안에서 여는 공유 글쓰기 팝업*/

.writer-modal-backdrop{z-index:10000;padding:12px;}

.writer-modal-panel{width:min(900px, calc(100vw - 24px));max-width:none;height:calc(100vh - 24px);
  max-height:none;padding:0;overflow:hidden;}

.writer-modal-panel > header{flex:0 0 46px;}

.writer-modal-body{height:calc(100% - 46px);padding:0;overflow:hidden;}

.writer-popup-frame{display:block;width:100%;height:100%;border:0;background:#fff;}

/*한글 가독성: 작은 보조 문구와 표 글씨도 읽을 수 있는 크기를 유지합니다.*/

.site-header,
.site-main,
.site-footer,
.auth-panel,
.modal-panel{color:#172033;font-weight:400;}

.main-nav a,
.member-panel a,
.quick-links a,
button,
input,
select,
textarea,
th,
td,
label{
  font-size:max(13px, 0.8125rem);line-height:1.5;}

small,
time,
.note,
.brand-kicker,
.privacy-version,
.rich-editor-note,
.post-meta,
.latest-row time,
.member-panel p{
  font-size:max(12px, 0.75rem)!important;line-height:1.55!important;}

p,
li,
.post-content,
.comment p,
.hero-panel p{line-height:1.7;}

body.site-font-active[data-readable-size="large"]{font-size:16px;}

@media (max-width: 620px) {
  .writer-modal-backdrop{padding:0;}

  .writer-modal-panel{width:100vw;height:100dvh;border-radius:0;}
}