@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;600;700&display=swap');

:root{--primary:#183848;--line:#e4e6df;color:#2b3f48;background:#fafbf8}
body{font-size:14px}button,a{transition:background .15s,color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b59b65;outline-offset:3px}button:disabled{cursor:default;opacity:.5}
.sidebar{width:240px;background:#fff;padding:29px 20px 0;border-right:1px solid #e4e7df;overflow-y:auto}.brand.custom-brand{width:100%;padding:0 3px}.brand.custom-brand .logo-wordmark{width:100%;display:block}.brand.custom-brand .brand-compact{display:none}#main-nav{margin-top:38px}.nav-label.category-label{display:block;margin:29px 12px 11px;color:#9ca496;font-size:10px;font-weight:400;letter-spacing:.7px}.nav-item{font-size:12px;line-height:1.7;color:#6f7d73;padding:12px;border-radius:4px;gap:10px;margin-bottom:3px}.nav-item:hover{background:#f6f7f2;color:#213d42}.nav-item.active{background:#f3f3eb;color:#354d40;border-left:2px solid #b59b65;padding-left:10px;font-weight:600}.nav-item svg{width:17px;height:17px;color:#879280}.nav-item.active svg{color:#7b8059}.nav-count{background:none;color:#8c967b;font-size:10px;padding:0;margin-left:auto;font-weight:400}.sidebar-colophon{margin-top:auto;padding:45px 12px 25px;font-family:'Noto Serif KR',serif;font-size:14px;color:#b4af91;letter-spacing:3px}.sidebar-colophon span{display:block;font:9px 'Noto Sans KR',sans-serif;color:#a3ad9c;letter-spacing:.5px;margin-top:9px}
.main-shell{margin-left:240px}.topbar{height:65px;padding:0 45px;background:#fff;border-color:#e6e9e1}.breadcrumb{font-size:11px;color:#899483;gap:10px}.breadcrumb svg{width:14px;height:14px}.local-badge{font-size:9px;color:#a2ac98}.topbar-actions{gap:18px}.remote-button{color:#65795d;background:#f4f6ef;border:1px solid #e1e7da;border-radius:4px;font-size:10px;padding:8px 11px}.remote-button:hover{background:#eaf0e2}.remote-button svg{width:15px;height:15px}main{max-width:1200px;margin:auto;padding:43px 48px 0}.page-heading{margin-bottom:37px;align-items:center}.eyebrow{font-family:serif;color:#b3a071;font-size:11px;letter-spacing:3.5px;font-weight:400}h1{font-family:'Noto Serif KR',serif;font-size:38px;font-weight:600;letter-spacing:-1.6px;line-height:1.5;color:#1d3d49;margin:8px 0 6px}.page-heading p{font-size:12px;color:#7e8c7b;margin:0;line-height:1.8}.button{border-radius:4px;font-size:12px;padding:11px 16px;gap:7px}.primary{background:#203f4c;box-shadow:none}.primary:hover{background:#335463}.secondary{background:#f0f3e9;color:#637856}
.board{border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.collection-search{display:flex;gap:10px}.search-box{display:flex;flex:1;background:#fff;border:1px solid #dce2d5;border-radius:5px;padding:15px 17px;gap:11px;box-shadow:none}.search-box:focus-within{border-color:#a8ac8c}.search-box svg{width:18px;height:18px;color:#8a987e}.search-box input{width:100%;font-size:13px;line-height:1.6;color:#3b5443}.search-box input::placeholder{color:#a0ac95}.search-box kbd{border-color:#e7ebe0;background:#fbfcf7;color:#a9b29c;font-size:10px;padding:0 5px}.mobile-category-label{display:none}.first-guide{display:flex;align-items:center;gap:8px;padding:14px 1px 28px;font-size:10px;color:#9ba78e;line-height:1.8}.first-guide button{display:inline-flex;align-items:center;gap:7px;padding:0;color:#8d8059;font-size:10px}.first-guide button:hover{color:#3b5847}.first-guide svg{width:12px;height:12px}.board-heading{padding:0 0 17px;align-items:center}.board-heading h2{font-size:16px;font-weight:600;color:#3a5144;letter-spacing:-.4px}.board-heading>div:first-child{gap:9px}#result-count{color:#99a285;font-size:12px;font-weight:400}.view-switch{border:0;gap:3px;border-radius:0}.view-switch button{padding:6px;border-radius:3px;color:#bec6b4}.view-switch button.selected{background:#eff2e9;color:#7b8b69}.view-switch svg{width:15px;height:15px}.board-toolbar{padding:0 0 12px;flex-direction:row;gap:12px}.filter-tabs{gap:4px}.filter-tabs button{padding:6px 11px;font-size:11px;color:#98a28a}.filter-tabs button.active{background:#eef1e6;color:#78855b;border-radius:3px;font-weight:500}.search-tools{gap:0}.search-tools select{background:none;font-size:10px;color:#8c9980;padding:6px 0 6px 8px}.list-header{display:grid;grid-template-columns:97px minmax(0,1fr) 85px 27px;padding:12px 14px;gap:14px;border-top:1px solid #d6decb;border-bottom:1px solid #e0e6d7;background:#f4f6ee;color:#9aa88b;font-size:10px}.post-row{display:grid;grid-template-columns:97px minmax(0,1fr) 85px 27px;gap:14px;align-items:center;padding:23px 14px;border-bottom:1px solid #e5eadc;background:transparent}.post-row:hover{background:#f5f8ef}.post-title{font-size:14px;line-height:1.8;font-weight:500;letter-spacing:-.3px;color:#425b48;align-items:baseline;gap:7px;flex-wrap:wrap}.post-title:hover{color:#a3884e}.post-summary{font-size:12px;line-height:1.8;color:#8a9c80;margin-top:5px}.essential-tag{font-size:8px;font-weight:400;color:#aa9864;border-color:#e5ddc1;line-height:1.7;padding:0 4px}.category-badge{font-size:10px;padding:4px 7px;color:#859974;background:#edf3e5;border-radius:3px;max-width:100%}.post-date{font-size:10px;color:#a1af91}.bookmark-button{color:#bfcbb2;padding:6px}.bookmark-button.saved{color:#a38f53}.bookmark-button.saved svg{fill:#f2ebd5}.bookmark-button svg{width:16px;height:16px}.board-footer{padding:18px 1px;color:#a1ad91;font-size:10px}.board-footer>span:last-child{font-size:9px;gap:5px}.board-footer svg{width:11px;height:11px}.post-list.grid{padding:0;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid .post-row{background:#fff;border:1px solid #e1e8d7;border-radius:5px;padding:20px;grid-template-columns:1fr 25px;gap:12px}.grid .post-title{font-size:13px}.grid .post-summary{font-size:11px;white-space:normal}.grid .post-date{grid-row:3;grid-column:1;text-align:left}.grid .bookmark-button{grid-row:1;grid-column:2}.empty-state{padding:50px 15px;border-top:1px solid #dde4d2;color:#96a986}.empty-state h3{font-size:15px;color:#667e57}.empty-state p{font-size:12px}.bottom-note{margin-top:10px;color:#a5b096;gap:7px}.bottom-note p{font-size:9px;line-height:1.9}.bottom-note svg{width:12px;height:12px}.page-footer{margin-top:27px;padding:22px 0 27px;border-top:1px solid #e2e7d9;font-size:9px;color:#aab399}.page-footer>span:first-child{font-family:'Noto Serif KR',serif;font-size:12px;font-weight:500;color:#95a47f}.toast{left:calc(50% + 120px);background:#345042}
dialog{border-color:#dde6d2;border-radius:9px;color:#415c40;box-shadow:0 20px 80px #183e2825}dialog::backdrop{background:#16354760}.reader-title{color:#244838}.reader-summary{background:#f2f5ec;color:#7a8f6b}.reader-body{font-size:14px;line-height:2;color:#526b4b}.reader-tags{color:#8ca178}.sample-notice{background:#f9f5e9;color:#a99765}.dialog-actions{border-color:#e4ebda}.dialog-top .eyebrow{letter-spacing:.3px}.field input,.field select,.field textarea{border-color:#dfe8d4;color:#576f4c}.field input::placeholder,.field textarea::placeholder{color:#a5b59a}.checkbox-label{color:#839775}.storage-note,.form-intro{color:#9cad91}.remote-illustration{background:#eff4e7;color:#8ca47a;border-radius:10px}.remote-intro h2{color:#3f6148}.remote-method{border-color:#e3ebd8}.remote-roles{background:#f1f5e9}.remote-roles button.selected{color:#718951}.remote-steps strong{color:#647d54}.remote-steps p{color:#91a480}.remote-consent{background:#f5f8ef;color:#91a57e}.remote-fallback{border-color:#e2ebd5}.remote-fallback a{color:#829d68}
@media(min-width:1600px){main{padding-top:51px}.page-heading{margin-bottom:42px}.post-row{padding-top:25px;padding-bottom:25px}}
@media(max-width:1200px){.sidebar{width:217px;padding-left:16px;padding-right:16px}.main-shell{margin-left:217px}main{padding:35px 34px 0}.topbar{padding:0 34px}.post-row,.list-header{grid-template-columns:85px minmax(0,1fr) 75px 25px;gap:10px;padding-left:10px;padding-right:10px}.post-title{font-size:13px}.post-summary{font-size:11px}.nav-item{font-size:11px}.toast{left:calc(50% + 108px)}}
@media(max-width:900px) and (min-width:651px){.sidebar{width:74px;padding:25px 10px 0}.brand.custom-brand{padding:0}.brand.custom-brand .logo-wordmark{display:none}.brand.custom-brand .brand-compact{display:block;text-align:center;background:#244332;color:#d8cba2;font-family:serif;letter-spacing:3px;line-height:1.3;font-size:16px;padding:8px 3px 8px 6px;border-radius:3px}.sidebar .nav-label.category-label,.sidebar-colophon{display:none}#main-nav{margin-top:29px}#category-nav{margin-top:18px;border-top:1px solid #e4e9dc;padding-top:17px}.nav-item{font-size:0;padding:13px 0;justify-content:center}.nav-item.active{padding-left:0;border-left:0;box-shadow:inset 2px 0 #b59b65}.nav-item svg{width:20px;height:20px}.nav-count{display:none}.main-shell{margin-left:74px}main{padding-left:31px;padding-right:31px}.toast{left:calc(50% + 37px)}}
@media(max-width:650px){.sidebar{position:static;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:75px;padding:0 18px;overflow:visible;border:0;border-bottom:1px solid #e4e9db}.brand.custom-brand{width:148px;padding:0}.brand.custom-brand .logo-wordmark{display:block;width:148px}.brand.custom-brand .brand-compact,.sidebar .nav-label.category-label,#category-nav,.sidebar-colophon{display:none}#main-nav{display:flex;gap:5px;margin:0}.nav-item{font-size:0;width:35px;height:35px;padding:8px;gap:0;margin:0}.nav-item.active{padding:8px;border-left:0}.nav-count{display:none}.nav-item svg{width:18px;height:18px}.main-shell{margin-left:0}.topbar{height:44px;padding:0 18px}.breadcrumb{font-size:9px;gap:7px}.topbar .local-badge{display:none}.topbar-actions{gap:0}.remote-button{font-size:9px;padding:6px 8px}.remote-button svg{width:13px;height:13px}main{padding:29px 19px 0}.page-heading{margin-bottom:27px;align-items:center;gap:10px}.eyebrow{font-size:9px;letter-spacing:3px}h1{font-size:32px;letter-spacing:-1.5px;margin:6px 0}.page-heading p{font-size:10px;line-height:1.7;max-width:none}.page-heading>.button{margin:0;font-size:10px;padding:9px 10px;gap:4px}.page-heading>.button svg{width:13px;height:13px}.collection-search{flex-direction:column;gap:9px}.search-box{padding:12px 13px;gap:9px}.search-box input{font-size:12px}.search-box svg{width:16px;height:16px}.mobile-category-label{display:block}.mobile-category-label select{width:100%;border:1px solid #e0e7d4;border-radius:4px;background:#fff;color:#7b9365;font-size:11px;padding:10px 12px}.first-guide{display:flex;flex-wrap:wrap;gap:2px 7px;font-size:9px;padding:13px 0 24px;line-height:1.8}.first-guide button{font-size:9px;gap:5px}.first-guide svg{width:11px;height:11px}.board-heading{padding:0 0 14px}.board-heading h2{font-size:15px}#result-count{font-size:11px}.board-toolbar{flex-direction:row;align-items:center;padding:0 0 12px}.filter-tabs button{font-size:10px;padding:6px 10px}.search-tools select{font-size:9px}.list-header{display:none}.post-row{grid-template-columns:minmax(0,1fr) 24px;grid-template-rows:auto auto auto;gap:9px;padding:18px 0;border-top:0;border-bottom:1px solid #e0e8d5}.post-list{border-top:1px solid #d3dfc4}.post-row>.category-badge{grid-column:1;grid-row:1}.post-content{grid-column:1/-1;grid-row:2}.post-row>.post-date{display:block;grid-column:1;grid-row:3;text-align:left;font-size:9px}.bookmark-button{grid-column:2;grid-row:1}.post-title{font-size:13px;line-height:1.7}.post-summary{font-size:11px;line-height:1.8;margin-top:5px}.category-badge{font-size:9px;padding:3px 6px}.essential-tag{font-size:8px}.board-footer{padding:17px 0;font-size:9px}.board-footer>span:last-child{font-size:8px}.post-list.grid{grid-template-columns:1fr;border-top:0;gap:11px}.grid .post-row{padding:17px}.bottom-note{align-items:flex-start;gap:6px;margin-top:6px}.bottom-note>span{margin-top:3px}.bottom-note p{font-size:8px}.page-footer{margin-top:24px;font-size:8px;gap:12px;padding-bottom:23px}.page-footer>span:first-child{font-size:11px}.toast{left:50%}.reader-body{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Quiet navy text and neutral paper tones; color is reserved for emphasis. */
.nav-item{color:#6a777b}.nav-item.active{color:#344d53}.nav-item svg{color:#87918d}
.category-badge{color:#7c8980;background:#eef1ec}
.post-title{color:#354d56}.post-summary{color:#7c8987}.post-date{color:#9ca7a0}
.board-heading h2{color:#354c51}.list-header{background:#f3f5ef;color:#8e9b91}
.search-box input{color:#3b5258}.search-box input::placeholder{color:#9aa69c}
.page-heading p{color:#7a8985}.reader-body{color:#4f6263}.reader-title{color:#2b4652}