:root{--navy:#071a2f;--navy2:#0c2948;--gold:#c7a45a;--paper:#f5f3ee;--ink:#16202a;--muted:#66717c;--line:#d9dde0}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"Noto Sans KR",Arial,sans-serif;line-height:1.7}.container{width:min(calc(100% - 40px),1180px);margin:auto}.board-header{height:76px;background:var(--navy);color:#fff}.board-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.board-logo{font-family:Georgia,serif;letter-spacing:.08em}.board-logo small{display:block;font:10px Arial,sans-serif;opacity:.65}.board-header .container>a:last-child{padding:9px 16px;border:1px solid var(--gold);color:#e3c783}.board-hero{padding:110px 0 80px;background:linear-gradient(130deg,var(--navy),var(--navy2));color:#fff}.board-hero p,.admin-title p{color:var(--gold);font-size:12px;letter-spacing:.2em}.board-hero h1{margin:10px 0 0;font-size:clamp(36px,5vw,58px);line-height:1.25}.board-section{padding:70px 0 110px}.board-filter{display:flex;gap:8px;margin-bottom:40px;flex-wrap:wrap}.board-filter a{padding:10px 16px;border:1px solid var(--line)}.board-filter a.active{background:var(--navy);color:#fff}.post-list{display:grid;gap:18px}.post-list-card{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:25px;border:1px solid var(--line);color:inherit;text-decoration:none;transition:.2s}.post-list-card:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(7,26,47,.1)}.post-list-card img{width:240px;height:160px;object-fit:cover}.post-list-card span{color:#8e6d31;font-size:12px}.post-list-card h2{margin:10px 0;font-size:24px}.post-list-card p{margin:0;color:var(--muted)}.post-list-card time{display:block;margin-top:15px;color:#929aa1;font-size:12px}.empty{text-align:center;padding:70px;background:var(--paper)}.article-wrap{width:min(calc(100% - 40px),860px);margin:80px auto}.article-head{padding-bottom:35px;border-bottom:1px solid var(--line)}.article-head span{color:#8e6d31;font-size:13px}.article-head h1{font-size:clamp(32px,5vw,48px);line-height:1.3;margin:15px 0}.article-head p{font-size:18px;color:var(--muted)}.article-head time{font-size:12px;color:#8d969e}.article-image{width:100%;max-height:500px;object-fit:cover;margin:45px 0}.article-content{padding:50px 0;font-size:17px;line-height:2;white-space:normal}.article-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px}.article-actions a:last-child{color:#8e6d31;font-weight:700}.admin-body{background:#eef1f4}.setup-card{width:min(calc(100% - 30px),520px);margin:70px auto;padding:40px;background:#fff;box-shadow:0 15px 50px rgba(7,26,47,.12)}.setup-card h1{margin-top:0}.setup-card label,.editor-form label{display:block;margin:15px 0;font-size:13px;font-weight:700}.setup-card input,.editor-form input,.editor-form select,.editor-form textarea{width:100%;margin-top:7px;padding:12px;border:1px solid #cfd5da;font:inherit}.admin-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:0;background:var(--gold);color:var(--navy);font-weight:700;text-decoration:none;cursor:pointer}.setup-card .admin-btn{width:100%;margin-top:12px}.notice{padding:12px;background:#eaf7ef;color:#237044}.error{padding:12px;background:#fff0ef;color:#ae302a}.back-link{display:block;margin-top:20px;text-align:center;color:var(--muted)}.admin-header{padding:18px 30px;background:var(--navy);color:#fff;display:flex;justify-content:space-between}.admin-header nav{display:flex;gap:20px}.admin-header a{color:#fff;text-decoration:none}.admin-main{width:min(calc(100% - 40px),1100px);margin:45px auto}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-title h1{margin:0}.admin-table-wrap,.editor-form{background:#fff;padding:28px;box-shadow:0 12px 35px rgba(7,26,47,.08)}table{width:100%;border-collapse:collapse}th,td{padding:15px;border-bottom:1px solid #e1e4e7;text-align:left}td small{display:block;color:var(--muted)}td form{display:inline}td button{border:0;background:none;color:#b33a32;cursor:pointer}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-form .check{display:flex;align-items:center;gap:8px;margin-top:42px}.editor-form .check input{width:auto;margin:0}@media(max-width:700px){.post-list-card{grid-template-columns:1fr}.post-list-card img{width:100%;height:190px}.editor-grid{grid-template-columns:1fr}.admin-table-wrap{overflow:auto;padding:15px}.admin-header{padding:15px}.setup-card{padding:25px}.article-wrap{margin:45px auto}}
