:root{--ink:#071a2c;--blue:#0057d9;--cyan:#46d4ff;--paper:#f4f7fa;--line:#cbd6e2;--muted:#587084;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Malgun Gothic","Noto Sans KR",Arial,sans-serif;line-height:1.65}a{color:inherit}.masthead{height:84px;padding:0 max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:#061827;color:#fff;border-bottom:3px solid var(--cyan)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--cyan);color:#061827;font-weight:900}.brand strong{display:block;font-size:1.13rem;letter-spacing:.02em}.brand small{display:block;font-size:.69rem;letter-spacing:.13em;color:#a9c0d2}.masthead nav{display:flex;gap:28px}.masthead nav a{text-decoration:none;font-weight:700;padding:29px 0 24px;border-bottom:3px solid transparent}.masthead nav a:hover,.masthead nav .active{border-color:var(--cyan)}main{max-width:var(--max);margin:auto}.intro{position:relative;width:100%;aspect-ratio:1942/809;color:#fff;overflow:hidden;background:#061827}.hero-image{width:100%;height:100%;object-fit:contain;display:block}.intro:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,31,.78) 0%,rgba(3,18,31,.25) 43%,rgba(3,18,31,0) 72%)}.hero-title{position:absolute;z-index:1;left:54px;top:42px;max-width:760px}.hero-title h1{margin:0;color:#fff;font-size:clamp(1.44rem,3.6vw,2.88rem);line-height:1.12;letter-spacing:-.055em;text-shadow:0 3px 18px rgba(0,0,0,.55)}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.15em}.board-page-header{padding:52px 54px 28px;background:#dceafa;border-bottom:1px solid var(--line)}.board-page-header h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.05em}.board{padding:62px 54px 70px;background:#fff}.board-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.board h2{margin:0;font-size:2rem;letter-spacing:-.04em}.search input{width:280px;padding:13px 16px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit}.search input:focus{outline:3px solid #b6eaff;border-color:var(--blue)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 22px}.filters button{padding:9px 16px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.filters button:hover,.filters button.selected{border-color:var(--blue);background:var(--blue);color:#fff}.post-list{border-top:2px solid var(--ink)}.post{display:grid;grid-template-columns:220px 1fr 42px;gap:26px;align-items:center;padding:24px 8px;border-bottom:1px solid var(--line);text-decoration:none;transition:.15s}.post:hover{background:#f2f8ff;padding-left:18px}.post-thumb{display:block;width:220px;aspect-ratio:16/9;object-fit:cover;background:#dceafa}.post-meta{display:flex;gap:12px;align-items:center;margin-bottom:8px;color:var(--muted);font-size:.82rem}.post-meta strong{color:var(--blue);font-size:.76rem}.post h3{margin:0 0 7px;font-size:1.2rem;line-height:1.4}.post p{margin:0;color:var(--muted);font-size:.92rem}.post .arrow{font-size:1.7rem;color:var(--blue)}.empty{padding:30px;text-align:center;color:var(--muted)}footer{max-width:var(--max);margin:auto;padding:25px 54px;display:flex;justify-content:space-between;background:#061827;color:#9eb5c5;font-size:.78rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.masthead{height:auto;padding:18px 22px}.masthead nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}.masthead nav a{padding:10px 0}.hero-title{left:20px;top:18px}.hero-title h1{font-size:clamp(.93rem,4.8vw,1.44rem)}.board-page-header{padding:36px 24px 20px}.board{padding:45px 24px}.board-heading{align-items:stretch;flex-direction:column}.search input{width:100%}.post{grid-template-columns:110px 1fr;gap:14px;padding:18px 0}.post-thumb{width:110px}.post .arrow{display:none}.post p{display:none}.post h3{font-size:1rem}.post-meta{font-size:.75rem;flex-wrap:wrap;gap:6px}footer{padding:24px;gap:8px;flex-direction:column}}

@media(max-width:520px){.masthead{flex-wrap:wrap;row-gap:6px}.masthead nav{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:4px 18px}.masthead nav a{white-space:nowrap;font-size:.95rem;padding:8px 0}}

.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:28px}.pagination[hidden]{display:none}.pagination button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;cursor:pointer}.pagination button[aria-current="page"]{background:var(--blue);border-color:var(--blue);color:#fff}.pagination button:disabled{opacity:.45;cursor:default}.pagination button:focus-visible,.browse-all a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.page-status{width:100%;text-align:center;color:var(--muted);font-size:.85rem}.browse-all{text-align:center;margin:28px 0 0}.browse-all a{color:var(--blue);font-weight:700}

.browse-all{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}.browse-all a,#selected-board-link{display:inline-block;padding:8px 4px}#selected-board-link{color:var(--blue);font-weight:700}#selected-board-link[hidden]{display:none}

/* Reactor data navigation */
.masthead{height:auto;min-height:84px;gap:20px}.masthead nav{gap:18px;flex-wrap:wrap;justify-content:flex-end}.masthead nav a{font-size:.9rem;white-space:nowrap}@media(max-width:1100px){.masthead{flex-wrap:wrap;padding-top:16px;padding-bottom:10px}.masthead nav{justify-content:flex-start}.masthead nav a{padding:10px 0}}