.blog-header{display:flex;gap:35px;justify-content:space-between;align-items:center;padding:20px max(25px,5.5%);border-bottom:1px solid #607e9f70;background:#071426}.blog-header nav{display:flex;gap:22px;flex-wrap:wrap;font:14px 'Noto Serif KR',serif}.blog-main{max-width:1010px;margin:65px auto;padding:0 28px}.blog-main>h1{font-size:52px;letter-spacing:-2px}.blog-description{color:#a8bfdb;font-size:14px;line-height:1.9;margin:18px 0 40px}.blog-article{margin:35px 0 60px;border:1px solid #53779b70;background:#09182b;box-shadow:0 15px 50px #0003}.article-heading{padding:30px 32px;border-bottom:1px solid #48688a70}.article-heading p{font:10px Georgia,serif;letter-spacing:4px;color:#91badf}.article-heading h2{font:600 27px/1.6 'Noto Serif KR',serif;margin:10px 0 14px}.article-heading span{font-size:11px;color:#91a9c5}.article-image-link{display:block;line-height:0}.article-image{width:100%;height:auto;display:block}.article-body{padding:32px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;color:#c9d8ea;font-size:15px}.empty-blog{padding:32px;line-height:1.9}.empty-blog h2{font:600 24px 'Noto Serif KR',serif}.empty-blog p,.blog-error{color:#a7bcd4;font-size:13px}.blog-header nav a:hover{text-decoration:underline;text-underline-offset:6px}@media(max-width:1000px){.blog-header{flex-direction:column;align-items:flex-start;gap:18px}.blog-header nav{gap:15px;font-size:12px}.blog-main{margin-top:40px}}@media(max-width:600px){.blog-header .brand{transform:none}.blog-main{padding:0 15px}.blog-main>h1{font-size:38px}.article-heading{padding:22px}.article-heading h2{font-size:21px}.article-body{padding:22px;font-size:13px}.empty-blog{padding:22px}}

.blog-header nav a{font-family:"Noto Sans KR",sans-serif;font-size:26px;font-weight:700;letter-spacing:-1px;color:#a9dcff;text-shadow:0 0 12px #348ddd65}.blog-header nav{justify-content:flex-end;gap:14px 22px}@media(max-width:1000px){.blog-header nav{justify-content:flex-start}.blog-header nav a{font-size:22px}}@media(max-width:600px){.blog-header nav a{font-size:18px}}


@media(min-width:1001px){.blog-header{display:grid;grid-template-columns:clamp(180px,16vw,245px) minmax(0,1fr);gap:clamp(16px,2vw,34px);padding:24px 4%}.blog-header nav{flex-wrap:nowrap;min-width:0;gap:clamp(10px,1.2vw,23px)}.blog-header nav a{flex:0 0 auto;font-family:"Noto Serif KR",serif;font-size:clamp(20px,2vw,30px);font-weight:900;letter-spacing:-1.2px;white-space:nowrap;color:#c9efff;background:linear-gradient(180deg,#fff,#b9ebff 35%,#52b8f5 52%,#d9f7ff 65%,#78c9ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 3px #89d6ff90) drop-shadow(0 0 9px #168eea80)}.blog-header .brand b{font-size:clamp(25px,2vw,32px)}.blog-header .moon{font-size:clamp(52px,4vw,65px)}}@media(max-width:1000px){.blog-header nav{flex-wrap:nowrap;overflow-x:auto;width:100%}.blog-header nav a{flex:0 0 auto;font-family:"Noto Serif KR",serif;font-weight:900;white-space:nowrap;text-shadow:0 0 8px #3baaff}}


.blog-header nav a{font-family:"Noto Serif KR",serif;font-weight:900;background:linear-gradient(#fff 10%,#ddecff 30%,#829cbf 49%,#fff 53%,#adc8eb 75%,#56759b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;filter:drop-shadow(1px 2px 1px #020b19) drop-shadow(0 0 8px #80baff45)}


.blog-header nav a{font-family:"Noto Serif KR",serif;font-weight:600;background:none;background-clip:initial;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;color:#e5ecfa;text-shadow:0 2px 5px #010916;filter:none;letter-spacing:-.5px}.blog-header .fullmoon-brand{width:100%}@media(max-width:1000px){.blog-header .fullmoon-brand{width:190px}}


@media(min-width:1001px){.blog-header{position:relative;display:block;height:clamp(116px,8vw,144px);min-height:116px;padding:0 4%}.blog-header .fullmoon-brand{position:absolute;left:4%;top:4px;width:clamp(128px,12vw,172px)}.blog-header nav{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:max-content;max-width:94%;justify-content:center;flex-wrap:nowrap}}

/* Match the compact home masthead. */
.blog-header{height:72px;min-height:72px}
.blog-header .fullmoon-brand{top:2px;width:110px}
.blog-header .fullmoon-logo{max-height:43px}
.blog-header nav a,.blog-header nav button{font-size:clamp(17px,1.6vw,24px);line-height:1.25;padding:4px 0}
@media(min-width:1001px){.blog-header{height:72px;min-height:72px}.blog-header nav{bottom:5px}}
@media(min-width:1001px){.blog-header .fullmoon-brand{left:2%;top:0;width:144px;height:71px}.blog-header .fullmoon-logo{width:144px;height:71px;max-height:71px;object-fit:contain}}
.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;color:#a8bfdb}.page-toolbar button,.page-toolbar a,.page-pagination button,.page-edit{border:1px solid #547ba0;padding:9px 18px;background:#102b47;color:#d7ebff;border-radius:3px}.page-toolbar .page-primary{background:linear-gradient(#245a91,#102d50);color:#fff}.page-board{border:1px solid #45617d;background:#09182bd9}.board-head,.page-board-row{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:18px;padding:20px 24px;border-bottom:1px solid #334d68}.board-head{font-size:12px;color:#91adca;background:#10253b}.page-board-row:last-child{border-bottom:0}.page-board-row:hover{background:#193855}.page-board-row strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}.page-board-row span{font-size:12px;color:#91adca}.page-empty{padding:45px 24px;text-align:center;color:#a8bfdb}.page-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:28px 0}.page-pagination button:disabled{opacity:.35;cursor:default}.page-editor{padding:28px;background:#0b1d31;border:1px solid #45617d}.page-editor h2{margin-top:0;font-family:'Noto Serif KR',serif}.page-editor label{display:block;margin:20px 0}.page-editor input:not([type=hidden]),.page-editor textarea{display:block;width:100%;padding:13px;margin-top:10px;background:#061221;border:1px solid #527291;color:#e5ecfa;font:inherit;resize:vertical}.page-edit{margin-left:20px}.blog-header a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:7px}@media(max-width:600px){.board-head{display:none}.page-board-row{grid-template-columns:1fr;gap:9px;padding:18px}.page-toolbar{font-size:12px}.page-editor{padding:18px}}
