:root{--ink:#202522;--muted:#788079;--line:#e9ece9;--soft:#f4f6f3}
body{font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.025em}
button, a, input, textarea{transition:background-color .16s,color .16s,border-color .16s}
.avatar{font-family:inherit;font-weight:700;background:#eeeeee;font-size:16px;width:34px;height:34px}
main{width:100%;max-width:1024px;margin:0 auto;padding:28px 24px 64px}
.crumb{font-size:12px;color:#858d85}
main.compact-board>.crumb{margin-bottom:26px;min-height:32px}
.crumb-link:last-child{color:#343d33;font-weight:600}
.toolbar{border-bottom:0;gap:16px;margin-bottom:22px}
.tabs{gap:4px;background:#f2f4f1;border-radius:10px;padding:4px}
.tabs button{padding:9px 15px;border:0!important;border-radius:7px;font-size:12px;color:#737c70}
.tabs button.active{background:white;color:#222222;box-shadow:0 1px 4px #0000000c}
.search-actions{margin:0;gap:8px}
.search-actions .search{height:36px;border:0;border-radius:8px;background:#f3f5f2;padding:10px 13px;font-size:12px;width:200px}
.search:focus{outline:2px solid #11111130}
.primary{border-radius:0;font-size:12px;box-shadow:none}
.search-actions #write{height:36px;padding:8px 14px;font-size:12px}
.memo{background:#f5f5f5;border:0;border-radius:12px;padding:18px;margin-bottom:28px}
.memo-title{font-size:12px;margin-bottom:12px;color:#444444}
.memo-title span{display:none}
.memo textarea{border:0;background:transparent;padding:8px 2px;min-height:58px;line-height:1.7;font-size:14px}
.memo textarea::placeholder{color:#929a8c}
.memo-row button{align-self:flex-end;height:36px;padding:0 17px}
.list-meta{font-size:11px;margin-bottom:12px}
th{background:white;border-top:0;font-size:11px;color:#8b9288;height:38px}
td{height:76px;font-size:12px;color:#91988e}
td.title{font-size:14px;line-height:1.5;padding:13px 8px 13px 0}
tbody tr:hover{background:#fafbf9}
.pinned{background:#fafcf8}
.badge{font-size:10px;padding:3px 7px;background:#eeeeee;border-radius:5px;margin-right:9px;font-weight:600}
.type{font-size:13px;color:#8b9784;width:23px}
.tag{font-size:10px;color:#98a08f;margin-top:5px}
.count{font-size:11px;color:#777777}
.author{color:#68715f;font-size:11px}
.pages button{border-radius:8px;width:32px;height:32px;font-size:12px}
main.with-sidebar{grid-template-columns:140px minmax(0,1fr);column-gap:32px}
#side-menu{border-right:0;padding-right:0;gap:3px}
#side-menu a{font-size:12px;padding:11px 13px;border-radius:8px}
#side-menu a.side-parent{font-size:11px;color:#8a9383;font-weight:500;margin-bottom:9px}
#side-menu a.selected{font-weight:650;background:#eeeeee}
.sections{gap:20px}
.section{border:0;border-radius:12px;background:#f6f8f4;padding:24px;min-height:150px}
.section h2{font-size:16px;font-weight:650;margin-bottom:18px}
.section button{border-bottom:0;color:#66765b;font-size:12px;padding:8px 0}
.section>.subtitle{display:none}
#page-title{font-size:27px;line-height:1.45;letter-spacing:-1px}
#detail .detail-content{font-size:15px;line-height:1.95;padding:24px 0 40px}
.preview-label{font-size:11px}
.comment-head time{font-size:11px}
.comment p{font-size:14px;line-height:1.8}
#comment-content, #compose input, #compose textarea{border-radius:9px;border-color:#e3e8df;font-size:14px}
.quiet{font-size:12px;border-radius:8px;color:#66725c}
.editor-placeholder{border-radius:9px 9px 0 0;background:#f5f5f5}
#compose textarea{border-radius:0 0 9px 9px}
@media(max-width:760px){
.avatar{width:30px;height:30px}
main{padding-top:22px;margin:0 auto}
main:not(.home-page){padding-left:0;padding-right:0}
main.home-page{padding-left:16px;padding-right:16px}
main.compact-board>.crumb{margin-bottom:20px}
.toolbar{gap:12px}
.tabs button{padding:9px 14px}
.search-actions{margin-top:0;width:100%}
.search-actions .search{height:40px;flex:1;width:auto}
.search-actions #write{height:40px}
.memo{border-radius:0;padding:17px 14px;margin-bottom:22px}
.memo textarea{font-size:14px}
#side-menu{padding-bottom:14px!important;border-bottom:1px solid var(--line);margin-bottom:20px;gap:4px}
#side-menu a{padding:10px 12px}
#side-menu a.side-parent{display:none}
td.title{font-size:13px}
td{height:76px}
.sections{padding:0 12px;gap:12px}
.section{min-height:120px;padding:20px}
#detail .detail-content{font-size:14px}
.heading h1{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
button, a, input, textarea{transition:none}
}
:root{--ink:#171717;--muted:#8a8a8a;--line:#ececec;--soft:#f4f4f4;--green:#111111}
body{font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;color:#171717;background:#fff}
.avatar{background:#f0f0f0;color:#222}
main{padding-top:24px;padding-bottom:80px}
.crumb{margin-bottom:26px;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#9a9a9a}
.crumb span{margin:0 8px;color:#c7c7c7}
.crumb-link:last-child{color:#262626}
.heading{margin-bottom:28px}
.heading h1, #page-title{font-size:24px;font-weight:500;letter-spacing:-.04em}
.toolbar{margin-bottom:18px}
.tabs{background:none;padding:0;gap:18px}
.tabs button{background:none;border-radius:0;padding:10px 0;color:#999;font-size:11px}
.tabs button.active{background:none;box-shadow:none;color:#111;border-bottom:1px solid #111!important}
.search-actions .search{height:34px;border-radius:0;background:#fff;border:1px solid #ddd;width:185px;font-size:11px}
.search-actions #write{height:34px;border-radius:0;background:#fff;color:#333;border:1px solid #ddd;font-size:11px}
.memo{border-radius:0;background:#fafafa;padding:15px 16px;border:1px solid #ededed;margin-bottom:24px}
.memo-title{color:#222;font-size:11px}
.memo textarea{font-size:13px;padding:7px 0}
.memo-row button{border-radius:0;height:34px;background:#555;border-color:#555}
th{font-size:10px;color:#999;height:34px;border-bottom:1px solid #ddd}
td{height:56px;color:#888;border-bottom:1px solid #eee;font-size:11px}
td.title{font-size:13px}
.type{font-size:11px;color:#aaa}
.badge{font-size:9px;background:#f0f0f0;color:#333;border-radius:0}
.tag{font-size:9px;color:#aaa}
.author{font-size:10px;color:#777}
main.with-sidebar{grid-template-columns:125px minmax(0,1fr);column-gap:34px}
#side-menu a{border-radius:0;padding:10px 8px;font-size:11px;color:#999}
#side-menu a.selected{background:#f3f3f3;color:#111;font-weight:600}
.sections{gap:14px}
.section{border-radius:0;background:#fafafa;border:1px solid #ededed;padding:22px}
.section h2{font-size:15px;font-weight:500}
.view-title{font-size:15px;font-weight:500}
.magazine-grid{gap:28px 18px}
.editorial-image{border-radius:0}
.product-image{border-radius:0}
.duck-post{border-bottom:1px solid #e7e7e7}
.duck-post-heading{padding:13px 0}
.duck-post-heading h2{font-weight:500}
.duck-post-heading time{font-size:10px;color:#999}
.duck-post-body{font-size:13px;line-height:2.05}
.duck-comment-input{border-radius:0;background:#fafafa}
.duck-comment-input button{border-radius:0;background:#555}
.calendar-day, .calendar-blank{border-top:1px solid #eee}
.calendar-day small{border-radius:0;background:#f1f1f1;color:#444}
#detail-list{border-top:1px solid #eee}
@media(max-width:760px){
.crumb{padding-left:12px!important}
.heading{padding-left:12px;padding-right:12px}
.tabs{gap:16px}
.search-actions .search{width:auto}
.memo{border-left:0;border-right:0}
.main.with-sidebar{grid-template-columns:1fr}
}
#board table, #detail-list table{table-layout:fixed}
#board th:nth-child(2){width:auto}
#detail-list th:nth-child(2){width:90px}
#detail-list th:nth-child(3){width:100px}
#board td, #detail-list td{height:52px}
#board td.title, #detail-list td.title{overflow:hidden;padding-top:10px;padding-bottom:10px}
#board td.title button, #detail-list td.title button{display:flex;align-items:center;width:100%;min-width:0;gap:0;white-space:nowrap}
.post-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-category{display:inline-block;flex:0 0 var(--post-category-width,auto);width:var(--post-category-width,auto);color:var(--green);font-size:11px;font-weight:500;margin-right:6px}
td.title .badge, td.title .type, td.title .count{flex:none}
@media(max-width:760px){
#board td, #detail-list td{height:50px}
#detail-list th:nth-child(2){width:72px}
.post-category{font-size:10px;margin-right:5px}
}
.memo-row{align-items:center}
.memo .memo-input{flex:1;min-width:0;height:36px;border:1px solid #e5e5e5;border-radius:0;background:#fff;padding:7px 10px;font:inherit;font-size:14px;line-height:1.4;outline-color:var(--green)}
.memo .memo-input::placeholder{color:#999}
.memo-row button{height:36px;align-self:center}
.toolbar{border-bottom:0}
#compose input, #compose textarea, #compose .editor-placeholder, #compose button{border-radius:0}
@media(min-width:1271px){
main.with-sidebar{display:block;position:relative;grid-template-columns:none}
main.with-sidebar> :not(#side-menu){grid-column:auto}
main.with-sidebar #side-menu{position:absolute;left:-123px;top:24px;width:123px;min-height:calc(100% - 24px);padding-left:12px;padding-right:4px}
}
@media(max-width:1270px){
main.with-sidebar{display:block;grid-template-columns:none}
main.with-sidebar> :not(#side-menu){grid-column:auto}
main.with-sidebar #side-menu{display:none!important}
}
.master-board #board th:nth-child(3), .master-board #board td:nth-child(3), .master-board #detail-list th:nth-child(2), .master-board #detail-list td:nth-child(2){display:none}
#comment-content, .duck-comment-input, .duck-comment-input textarea, .duck-comment-input button{border-radius:0}
td.title .count{position:relative;top:1px}
.new-mark{flex:none;display:inline-block;margin-left:6px;padding:1px 4px;background:#555;color:#fff;font-size:9px;font-weight:700;line-height:12px;letter-spacing:.02em;vertical-align:1px}
.post-memo-mark{flex:none;display:inline-block;margin-right:6px;padding:1px 5px;border:1px solid #ccc;color:#777;font-size:10px;font-weight:500;line-height:14px;vertical-align:1px}