/* Static, dependency-free design for the public index site. */
:root{--ink:#17231b;--muted:#5e6d63;--green:#167a4a;--green-dark:#0d5734;--mint:#eaf7ef;--paper:#fbfcf8;--line:#dbe4dd;--white:#fff;--shadow:0 14px 45px rgba(25,58,39,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;line-height:1.68}a{color:inherit}.shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(219,228,221,.9);background:rgba(251,252,248,.92);backdrop-filter:blur(14px)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--green);font-family:Georgia,serif}.source-link{font-size:.93rem;color:var(--green-dark);text-decoration:none;font-weight:700}.hero{background:radial-gradient(circle at 78% 12%,#cbeed7 0,transparent 32%),linear-gradient(145deg,#eff9f2,#fbfcf8 68%);border-bottom:1px solid var(--line)}.hero-inner{padding:86px 0 80px}.kicker,.eyebrow{margin:0;color:var(--green);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:760px;margin:12px 0 20px;font-size:clamp(2.35rem,6vw,4.9rem);line-height:1.08;letter-spacing:-.055em}.hero p:not(.kicker){max-width:670px;margin:0 0 30px;color:var(--muted);font-size:1.06rem}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:13px;color:#fff;background:var(--green);font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(22,122,74,.18)}.primary-button:hover{background:var(--green-dark)}.content-stack{padding:72px 0 92px}.section+.section{margin-top:78px}.section-heading{margin-bottom:24px}.section-heading h2{margin:5px 0 0;font-size:clamp(1.75rem,4vw,2.55rem);letter-spacing:-.035em}.featured-section{padding:32px;border:1px solid #cfe8d8;border-radius:25px;background:var(--mint)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:var(--shadow)}.card-image-link{display:block;height:190px;overflow:hidden;background:#dfece3;text-decoration:none}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.card-image-link:hover .card-image{transform:scale(1.025)}.image-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#53705e;font-weight:800;background:linear-gradient(135deg,#d8efdf,#f4f8f2)}.card-content{padding:21px}.card-content h3{margin:7px 0 11px;font-size:1.14rem;line-height:1.42;letter-spacing:-.025em}.card-content h3 a{text-decoration:none}.card-content>p:not(.eyebrow){display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:.93rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topics{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.topic{display:inline-flex;padding:5px 9px;border-radius:999px;color:#3d5c48;background:#edf4ef;font-size:.77rem}.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:42px;padding-top:24px;border-top:1px solid var(--line)}.pagination span:last-child{text-align:right}.pagination a{color:var(--green-dark);font-weight:800;text-decoration:none}.pagination strong{color:var(--muted);font-size:.9rem}.post-main{padding:55px 0 92px}.article-shell{max-width:860px}.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:42px;color:var(--muted);font-size:.9rem}.breadcrumb a{color:var(--green-dark);font-weight:700;text-decoration:none}.article-shell h1{margin:12px 0 22px;font-size:clamp(2rem,5vw,3.65rem);line-height:1.16;letter-spacing:-.045em}.article-summary{margin:0 0 34px;color:#405047;font-size:clamp(1.05rem,2.3vw,1.3rem);line-height:1.78}.article-image{display:block;width:100%;max-height:510px;object-fit:cover;border-radius:22px;background:#e3ece5}.highlights{margin:42px 0 0;padding:28px 30px;border:1px solid #cfe5d5;border-radius:20px;background:var(--mint)}.highlights h2{margin:0 0 14px;font-size:1.25rem}.highlights ul{margin:0;padding-left:1.25rem}.highlights li+li{margin-top:7px}.article-topics{margin-top:30px}.source-box{margin-top:46px;padding:28px;border-radius:22px;color:#e9f4ed;background:#173c28}.source-box p{margin:0 0 10px}.source-box p:nth-child(2){color:#c9d9cf}.source-box .primary-button{margin-top:12px;color:var(--green-dark);background:#fff;box-shadow:none}.site-footer{padding:34px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.87rem;background:#f3f6f2}.site-footer p{margin:3px 0}.not-found{min-height:60vh;display:grid;place-items:center;text-align:center}.not-found h1{margin:0;font-size:5rem}.not-found p{color:var(--muted)}
.destination-label{display:inline-block;margin-top:17px;color:var(--green-dark);font-size:.82rem;font-weight:800}.article-section{margin-top:46px}.article-section h2{margin:0 0 14px;font-size:clamp(1.35rem,3vw,1.75rem);letter-spacing:-.025em}.article-section p{color:#405047}.article-section ul{padding-left:1.25rem}.article-section li+li{margin-top:7px}.table-scroll{overflow-x:auto;margin-top:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.table-scroll table{width:100%;min-width:620px;border-collapse:collapse;font-size:.92rem}.table-scroll th,.table-scroll td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table-scroll th{color:var(--green-dark);background:#eff7f1}.table-scroll tbody tr:last-child td{border-bottom:0}
@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-section{padding:24px}}
@media(max-width:620px){.shell{width:min(100% - 28px,1120px)}.header-inner{min-height:64px}.brand span:last-child{max-width:180px;font-size:.9rem}.source-link{font-size:.8rem}.hero-inner{padding:62px 0 58px}.content-stack{padding:50px 0 70px}.post-grid{grid-template-columns:1fr}.featured-section{padding:19px;border-radius:20px}.card-image-link{height:210px}.post-main{padding-top:35px}.breadcrumb{margin-bottom:30px}.highlights,.source-box{padding:22px}.article-image{border-radius:16px}}