:root{--navy:#1a2060;--blue:#2563eb;--pale:#edf1fb;--line:#dbe3f5;--ink:#17204d;--muted:#657099;--ok:#12784b;--warn:#a85d00;--danger:#b42318;--white:#fff;--radius:16px}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:'Noto Sans KR',sans-serif;background:var(--pale);color:var(--ink);word-break:keep-all}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.hidden{display:none!important}.site-header{min-height:76px;padding:12px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:900;font-size:21px}.brand img{width:42px;height:42px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:18px;font-weight:700}.community-hero{padding:68px 20px 44px;text-align:center;background:linear-gradient(145deg,#fff 0%,#e5edff 100%)}.community-hero h1{font-size:clamp(36px,6vw,64px);margin:5px 0 10px;color:var(--navy);letter-spacing:-.04em}.community-hero p:last-child{font-size:18px;color:var(--muted)}.eyebrow{margin:0;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.13em}.board-tabs{display:flex;overflow-x:auto;gap:6px;padding:14px max(16px,calc((100vw - 1160px)/2));background:#fff;border-block:1px solid var(--line);scrollbar-width:thin}.board-tabs a{flex:0 0 auto;padding:11px 16px;border-radius:999px;font-weight:700;color:#4e5b89}.board-tabs a.active{background:var(--navy);color:#fff}.board-shell,.admin-view{width:min(1120px,calc(100% - 32px));margin:34px auto 70px}.board-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.board-heading h2{font-size:clamp(28px,4vw,40px);margin:5px 0 6px;color:var(--navy)}.muted{color:var(--muted);line-height:1.65}.button{border:0;border-radius:10px;background:var(--navy);color:#fff;padding:13px 20px;font-weight:800;cursor:pointer;box-shadow:0 5px 18px rgba(26,32,96,.16)}.button:hover{background:var(--blue)}.button:disabled{opacity:.6;cursor:wait}.button-small{padding:9px 14px;font-size:14px}.button-secondary{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:none}.button-danger{background:var(--danger)}.full{width:100%}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.toolbar form{display:flex;gap:8px;flex:1;max-width:520px}.toolbar input{flex:1;min-width:0}.state-panel,.faq-box,.panel-card,.detail-view,.editor-view,.admin-view{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 35px rgba(28,42,94,.06)}.state-panel{width:min(1120px,calc(100% - 32px));margin:24px auto;padding:32px;text-align:center;color:var(--muted)}.board-shell>.state-panel{width:100%;margin:0}.state-panel.error{color:var(--danger);background:#fff6f5}.state-panel.warning{color:var(--warn);background:#fffaf1}.board-list{display:grid;gap:10px}.board-card{display:grid;grid-template-columns:1fr auto;gap:10px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;transition:.15s}.board-card:hover{transform:translateY(-1px);border-color:#aabbe9}.board-card h3{font-size:20px;margin:5px 0 8px;overflow-wrap:anywhere}.board-card .excerpt{margin:0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 13px;font-size:14px;color:var(--muted)}.badge{display:inline-flex;border-radius:999px;background:#e9efff;color:#1f50b7;padding:4px 9px;font-size:12px;font-weight:800}.badge.member{background:#fff4d8;color:#8a5700}.badge.success{background:#e2f7ec;color:var(--ok)}.badge.pending{background:#fff2dd;color:var(--warn)}.pinned{color:var(--blue);font-size:13px;font-weight:900}.pagination{display:flex;justify-content:center;gap:6px;margin-top:24px}.pagination button{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:8px}.pagination button.active{background:var(--navy);color:#fff}.detail-view,.editor-view{padding:clamp(20px,5vw,48px)}.detail-view h2{font-size:clamp(26px,4vw,38px);overflow-wrap:anywhere;margin:10px 0}.detail-body{white-space:pre-wrap;line-height:1.9;font-size:17px;margin:30px 0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#f7f9ff;padding:16px;border-radius:12px;margin:18px 0}.attachments{display:grid;gap:8px;margin:22px 0}.attachment{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#f7f9ff;border-radius:10px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.editor-view h2{margin-top:0}.editor-form{display:grid;gap:18px}.editor-form .two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;font-weight:700}input,textarea,select{width:100%;border:1px solid #bac7e6;border-radius:10px;padding:12px 13px;color:var(--ink);background:#fff}textarea{min-height:150px;resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid rgba(37,99,235,.16);border-color:var(--blue)}.help{font-size:13px;color:var(--muted);font-weight:400}.check{display:flex;align-items:flex-start;gap:9px}.check input{width:18px;height:18px;margin-top:3px}.form-message{min-height:24px;color:var(--danger)}.auth-panel{position:fixed;inset:0;background:rgba(13,20,55,.72);z-index:50;display:grid;place-items:center;padding:18px}.panel-card{position:relative;padding:34px}.panel-card.narrow{width:min(480px,100%)}.panel-card form{display:grid;gap:14px;margin-top:22px}.icon-button{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;color:var(--muted);cursor:pointer}.text-button{border:0;background:none;color:var(--blue);font-weight:700;cursor:pointer}.faq-box{padding:22px;margin-bottom:20px}.faq-box h3{margin-top:0}.faq-box details{padding:11px 0;border-top:1px solid var(--line)}.faq-box summary{cursor:pointer;font-weight:700}.faq-box details p{color:var(--muted);padding-left:8px}.comments{margin-top:35px;border-top:1px solid var(--line);padding-top:24px}.comment{padding:14px 0;border-bottom:1px solid var(--line)}.comment p{white-space:pre-wrap}.comment-form{display:flex;gap:8px;margin-top:16px}.comment-form input{flex:1}.admin-view{padding:clamp(20px,5vw,42px)}.admin-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:24px}.admin-tabs button{border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:999px;white-space:nowrap;font-weight:700}.admin-tabs button.active{background:var(--navy);color:#fff}.admin-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.admin-row h3{margin:0 0 6px;overflow-wrap:anywhere}.empty{padding:36px;text-align:center;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:32px max(20px,calc((100vw - 1120px)/2));background:var(--navy);color:#fff}footer span{color:#c5cbea}
@media(max-width:680px){.site-header{min-height:64px}.brand{font-size:17px}.brand img{width:34px;height:34px}.header-actions{gap:9px;font-size:13px}.header-actions>a:not(#admin-link){display:none}.community-hero{padding:45px 18px 31px}.community-hero p:last-child{font-size:15px}.board-tabs{padding:10px 12px}.board-tabs a{font-size:14px;padding:9px 12px}.board-shell,.admin-view{width:min(100% - 24px,1120px);margin-top:24px}.board-heading{align-items:flex-start;flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}.toolbar form{max-width:none}.board-card{grid-template-columns:1fr;padding:17px}.board-card .meta.side{justify-content:flex-start}.detail-grid,.editor-form .two-col{grid-template-columns:1fr}.detail-view,.editor-view,.admin-view{padding:20px}.comment-form{flex-direction:column}.admin-row{grid-template-columns:1fr}.admin-row .actions{margin-top:0}footer{flex-direction:column;font-size:14px}}