:root{--hws-ui-ink:#294956;--hws-ui-teal:#0b8590;--hws-ui-line:#dce8ed;--hws-ui-soft:#f4f8fa;--hws-ui-radius:12px}
html body:not(#hws-a):not(#hws-b):not(#hws-c):not(#hws-d) :is(.hws-post-actions,.view-top-btn,.view-bottom-btn,.board-list-footer,#hws-shared-topbar,.board-pagination) :is(a,button,span,strong,small){font-family:HwsSitePretendard,Pretendard,'Malgun Gothic',sans-serif!important;letter-spacing:-.25px}
html body .wrapper :is(.board-view,.board-list) :is(.view-top-btn,.view-bottom-btn,.board-list-footer){background:#f7fafb!important;border:1px solid var(--hws-ui-line)!important;border-radius:16px!important;padding:16px!important;margin:16px 0 24px!important;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
html body .wrapper :is(.view-top-btn,.view-bottom-btn) ul{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0!important;padding:0!important;float:none!important}
html body .wrapper :is(.view-top-btn,.view-bottom-btn) li{margin:0!important;float:none!important}
html body .wrapper :is(.view-top-btn,.view-bottom-btn) .clearfix{display:none}
html body .wrapper :is(.board-view,.board-list) :is(.view-top-btn,.view-bottom-btn,.board-list-footer) .btn-e,html body .wrapper .board-view .hws-post-actions :is(a,button,.board-pin-btn){display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px!important;height:auto!important;padding:11px 16px!important;border-radius:12px!important;border:1px solid #d3e3e9!important;background:#fff!important;color:#315564!important;font-size:13px!important;line-height:1.4!important;font-weight:600!important;box-shadow:0 2px 4px #193e5005!important;text-decoration:none!important;transition:background .15s,border-color .15s}
html body .wrapper .board-view .hws-post-actions{padding:16px!important;background:#f7fafb!important;border:1px solid var(--hws-ui-line)!important;border-radius:16px!important;margin:18px 0 12px!important;gap:8px!important}
html body .wrapper :is(.board-view,.board-list) :is(.view-top-btn,.view-bottom-btn,.board-list-footer) .btn-e-red,html body .wrapper .board-view .hws-post-actions .hws-share-button{background:#0b8590!important;border-color:#0b8590!important;color:#fff!important}
html body .wrapper :is(.view-top-btn,.view-bottom-btn,.board-list-footer) .btn-e:hover{background:#eaf6f7!important;color:#176875!important;border-color:#9ccdd4!important}
html body .wrapper :is(.view-top-btn,.view-bottom-btn,.board-list-footer) .btn-e-red:hover{background:#086b76!important;color:#fff!important}
html body .wrapper :is(.view-top-btn,.view-bottom-btn,.board-list-footer) .hws-ui-danger{color:#a74450!important;background:#fff8f8!important;border-color:#eed9dd!important}
.hws-ui-icon{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body #hws-shared-topbar{background:#f5f9fa!important;border-bottom:1px solid #e0eaee!important}
html body #hws-shared-topbar.hws-admin-layout .member-menu>li+li{border-left:0!important;padding-left:0!important}
html body #hws-shared-topbar :is(.left-menu,.member-menu)>li>a{border-radius:10px!important;padding:8px 11px!important;font-size:12px!important;line-height:20px!important;animation:none!important;background:transparent!important;color:#486b78!important}
html body #hws-shared-topbar :is(.left-menu,.member-menu)>li>a:hover,html body #hws-shared-topbar .member-menu>li>a:focus-visible{background:#e5f2f4!important;color:#17616e!important;-webkit-text-fill-color:#17616e!important}
html body #hws-shared-topbar .member-menu>li>a:hover *{color:#17616e!important;-webkit-text-fill-color:#17616e!important}
html body #hws-shared-topbar a.hws-admin-logout{background:#e8f5f5!important;border:1px solid #c0dfe3!important;animation:none!important;box-shadow:none!important}
html body .wrapper .board-list :is(th,.board-list-head){background:#edf5f7!important;color:#426471!important;font-weight:600}
html body .wrapper .board-list td{border-color:#e8eef1!important}
html body .wrapper :is(.board-write,.board-list) :is(input[type=text],input[type=search],select,textarea){border-color:#d4e3e8;border-radius:10px;font-size:14px}
html body .wrapper .board-pagination .pagination>li>:is(a,span){border-radius:10px!important;min-width:38px!important;height:38px!important}
html body .wrapper .board-pagination .pagination>.active>:is(a,span){background:#0b8590!important;border-color:#0b8590!important;color:white!important}
html body .hws-board-metrics,html body .hws-program-stats{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px!important;padding:15px 18px!important;margin:16px 0!important;border:1px solid #dce8ed!important;border-radius:14px!important;background:#f5f9fa!important;color:#476674!important;font-size:13px!important}
.hws-board-metrics span{display:inline-flex;align-items:center;gap:7px}.hws-board-metrics strong{color:#176571;font-size:16px}.hws-board-metrics small{width:100%;font-size:11px;color:#70858e}
html body :is(.hws-post-actions,.view-top-btn,.view-bottom-btn) :focus-visible{outline:3px solid #81cdd4!important;outline-offset:3px}
@media(max-width:600px){html body .wrapper :is(.view-top-btn,.view-bottom-btn,.board-list-footer){padding:12px!important;gap:10px}html body .wrapper :is(.view-top-btn,.view-bottom-btn) ul{gap:6px}html body .wrapper :is(.view-top-btn,.view-bottom-btn) .btn-e{padding:10px 12px!important;min-height:42px!important}html body .wrapper .board-view .hws-post-actions{display:flex!important;justify-content:flex-start!important;padding:12px!important}html body .wrapper .board-view .hws-post-actions :is(a,button,.board-pin-btn){flex-direction:row!important;flex:1 1 110px;font-size:12px!important;padding:10px!important}html body #hws-shared-topbar :is(.left-menu,.member-menu)>li>a{padding:7px!important;font-size:11px!important}}
@media(prefers-reduced-motion:reduce){html body .wrapper :is(.hws-post-actions,.view-top-btn,.view-bottom-btn) *{transition:none!important}}

/* Compact metrics and actions share a row; editing actions align to the right. */
html body .wrapper .board-view .hws-post-actions .hws-inline-metrics{flex:0 1 auto;margin:0 auto 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;gap:8px 16px!important;min-width:120px}
html body .wrapper .board-view .hws-post-actions .hws-inline-metrics small{max-width:340px}
html body .wrapper .board-view :is(.view-top-btn,.view-bottom-btn){justify-content:flex-end!important}
html body .wrapper .board-view :is(.view-top-btn,.view-bottom-btn) .top-btn-left{margin-right:auto!important}
html body .wrapper .board-view :is(.view-top-btn,.view-bottom-btn) :is(.top-btn-right,.bottom-btn-right){margin-left:auto!important;justify-content:flex-end}
html body .wrapper .board-view .board-view-btn-wrap[hidden]{display:none!important}
@media(max-width:600px){html body .wrapper .board-view .hws-post-actions .hws-inline-metrics{flex:1 1 100%;min-width:0}html body .wrapper .board-view :is(.view-top-btn,.view-bottom-btn) ul{justify-content:flex-end}}

/* User-approved order: metrics, copy/move, sharing, saved items; left aligned. */
html body .wrapper .board-view .hws-post-actions{justify-content:flex-start!important}
html body .wrapper .board-view .hws-post-actions .hws-inline-metrics{margin:0 12px 0 0!important;min-width:0;flex:0 1 auto}
@media(max-width:600px){html body .wrapper .board-view .hws-post-actions .hws-inline-metrics{flex:0 1 auto!important}html body .wrapper .board-view .hws-post-actions :is(a,button,.board-pin-btn){flex:0 0 auto!important}}

/* One shared toolbar: utility actions left, editing actions right. */
html body .wrapper .board-view .hws-post-actions{gap:6px!important;padding:12px!important;background:#fafcfd!important;border-color:#e1e9ed!important;border-radius:14px!important}
html body .wrapper .board-view .hws-post-actions .hws-edit-actions{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;float:none!important;margin:0 0 0 auto!important;padding:0!important;list-style:none}
html body .wrapper .board-view .hws-post-actions .hws-edit-actions li{float:none!important;margin:0!important;padding:0!important;list-style:none}
html body .wrapper .board-view .hws-post-actions :is(a,button,.board-pin-btn){min-height:36px!important;padding:8px 10px!important;border-radius:10px!important;gap:5px!important;font-size:12px!important;white-space:nowrap;box-shadow:none!important}
html body .wrapper .board-view .hws-post-actions svg{width:15px!important;height:15px!important;stroke-width:1.7}
html body .wrapper .board-view .hws-post-actions .hws-inline-metrics{margin-right:8px!important;font-size:12px!important;gap:6px!important}
html body .wrapper .board-view .hws-post-actions .hws-inline-metrics strong{font-size:14px}
html body .wrapper .board-view .hws-post-actions .hws-edit-actions .btn-e-red{background:#0b8590!important;border-color:#0b8590!important;color:white!important}
html body .wrapper .board-view .hws-post-actions .hws-edit-actions .hws-ui-danger{color:#a74450!important;background:#fff8f8!important;border-color:#eed9dd!important}
html body .wrapper .board-view .view-top-btn[hidden]{display:none!important}
@media(max-width:600px){html body .wrapper .board-view .hws-post-actions .hws-edit-actions{flex-basis:100%;margin-top:4px!important;padding-top:10px!important;border-top:1px solid #e5edef}}

/* Smaller secondary actions; keep the editing group at its existing size. */
html body .wrapper .board-view .hws-post-actions > :is(a,button,.board-pin-btn){min-height:30px!important;padding:6px 8px!important;border-radius:8px!important;gap:4px!important;font-size:11px!important}
html body .wrapper .board-view .hws-post-actions > :is(a,button,.board-pin-btn) svg{width:13px!important;height:13px!important}
html body .wrapper .board-view .hws-post-actions > .hws-inline-metrics{font-size:11px!important;gap:4px!important;margin-right:6px!important}
html body .wrapper .board-view .hws-post-actions > .hws-inline-metrics strong{font-size:12px!important}
html body .wrapper .board-view .hws-post-actions > .hws-action-divider{height:18px;margin:0 2px}
@media(pointer:coarse){html body .wrapper .board-view .hws-post-actions > :is(a,button,.board-pin-btn){min-height:40px!important}}

/* Separate reading statistics from the adjacent post actions. */
html body .wrapper .board-view .hws-post-actions > .hws-inline-metrics{border-right:1px solid #cfdee4!important;padding-right:12px!important;margin-right:4px!important;min-height:18px}

/* Explicit action roles shared by every board skin. */
html body .wrapper .board-view .hws-post-actions .hws-secondary-action{box-sizing:border-box!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:5px 7px!important;font-size:11px!important;line-height:18px!important;border-radius:8px!important;gap:4px!important}
html body .wrapper .board-view .hws-post-actions .hws-secondary-action svg{width:13px!important;height:13px!important}
html body .wrapper .board-view .hws-post-actions .hws-edit-actions .hws-primary-action{box-sizing:border-box!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:9px 12px!important;font-size:13px!important;line-height:20px!important;border-radius:10px!important;gap:6px!important}
html body .wrapper .board-view .hws-post-actions .hws-edit-actions .hws-primary-action svg{width:16px!important;height:16px!important}
@media(pointer:coarse){html body .wrapper .board-view .hws-post-actions .hws-secondary-action{height:40px!important;min-height:40px!important;max-height:40px!important}}