*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#fff;color:#151a17;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #718846;outline-offset:4px}.site-header{border-bottom:1px solid #dfe3de}.header-inner{max-width:1180px;margin:auto;padding:21px 30px;display:flex;align-items:center;gap:54px}.brand{font-size:27px;font-weight:700;letter-spacing:-.045em;white-space:nowrap}.desktop-nav{display:flex;gap:32px;font-size:15px}.header-search{margin-left:auto;background:none;border:0;padding:9px}.icon-search{width:18px;height:18px;display:inline-block;border:1.5px solid currentColor;border-radius:50%;position:relative;vertical-align:middle}.icon-search:after{content:'';position:absolute;width:7px;height:1.5px;right:-5px;bottom:-3px;transform:rotate(45deg);background:currentColor}.menu-button{display:none;margin-left:auto;border:0;background:none;font-size:25px;padding:2px 8px}.mobile-nav{padding:12px 24px;border-top:1px solid #e5e8e2}.mobile-nav a{display:inline-block;margin-right:24px}main{max-width:1180px;margin:auto;padding:25px 30px 60px}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px}.heading-row h1{font-size:22px;font-weight:650;margin:0}.search-form{display:flex;align-items:center;border:1px solid #d1d8ce;border-radius:30px;width:365px;padding:0 16px}.search-form input{min-width:0;width:100%;border:0;outline:0;background:transparent;padding:9px 0;font-size:14px;color:#243226}.search-form button{background:none;border:0;padding:9px}.tabs{display:flex;overflow-x:auto;gap:28px;border-bottom:1px solid #d5dcd1;margin-bottom:30px}.tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:11px 16px;font-size:15px;white-space:nowrap}.tabs button[aria-selected=true]{color:#4d651e;border-bottom-color:#526928;font-weight:700}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px}.feature{min-width:0}.article-image{margin:0 0 15px}.article-image img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}.article-image figcaption{font-size:12px;color:#7b827b;text-align:right;margin-top:4px}.category{color:#50631e;font-size:14px;margin:0 0 10px}.feature h2{font-size:clamp(28px,3.3vw,40px);line-height:1.5;letter-spacing:-.035em;margin:0 0 14px;max-width:820px}.summary{color:#687168;font-size:18px;margin:0 0 18px}.read-link{color:#516820;font-size:17px}.meta{color:#818980;font-size:13px;margin-top:18px}.feature.text-only{padding:15px 12px 25px}.topics{border-left:1px solid #d4dbcf;padding-left:30px}.topics h2{font-size:20px;margin:0 0 14px}.topic-link{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #e0e6dc;font-size:16px}.topic-link span:last-child{color:#6f786b}.recent{border-top:1px solid #d5dcd1;margin-top:30px;padding-top:22px}.recent h2{font-size:22px;margin:0 0 10px}.list-row{padding:24px 0;border-bottom:1px solid #e0e6dc;display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:22px;align-items:start}.list-row h2,.list-row h3{font-size:22px;line-height:1.55;margin:0 0 6px}.list-row p{margin:0}.list-row .summary{font-size:16px}.list-row .read-link{align-self:center;white-space:nowrap}.list-row.has-image{grid-template-columns:170px minmax(0,1fr) auto}.list-row .article-image img{aspect-ratio:4/3}.list-row .article-image{margin:0}.result-label{font-size:15px;color:#697365;margin:4px 0 20px}.empty{padding:45px 20px;text-align:center;border:1px solid #e0e6dc;background:#fafbf8}.empty h2{font-size:22px;margin:0 0 10px}.empty p{color:#697365}.reset{border:1px solid #d2daca;background:#fff;border-radius:6px;padding:8px 20px;color:#465d1d}.footer{max-width:1120px;margin:auto;border-top:1px solid #e0e6dc;color:#7d8579;padding:24px 0 35px;font-size:13px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 230px;gap:50px;padding-top:30px}.article-layout article{min-width:0;font-size:18px}.back{font-size:14px;color:#637154;display:inline-block;margin-bottom:24px}.article-layout h1{font-size:clamp(28px,3.6vw,40px);line-height:1.5;letter-spacing:-.035em;margin:0 0 24px}.article-body p{margin:0 0 24px}.article-body h2{font-size:25px;margin:42px 0 16px;line-height:1.5}.article-body h3{font-size:22px}.article-body a{color:#506726;text-decoration:underline}.article-body li{margin:8px 0}.article-body ul,.article-body ol{padding-left:1.4em}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px}th,td{border:1px solid #d5ddce;padding:12px;text-align:left;vertical-align:top}th{background:#f0f4eb}[hidden]{display:none!important}@media(max-width:760px){.header-inner{padding:16px 22px}.brand{font-size:25px}.desktop-nav,.header-search{display:none}.menu-button{display:block}main{padding:22px 22px 40px}.heading-row{display:block}.heading-row h1{display:none}.search-form{width:100%;margin-bottom:14px}.tabs{gap:0;justify-content:space-between;margin-bottom:24px}.tabs button{padding:10px 9px;font-size:13px}.main-grid,.article-layout{display:block}.topics{display:none}.feature.text-only{padding:15px 0 18px}.feature h2{font-size:29px}.summary{font-size:17px}.article-image img{aspect-ratio:4/3}.list-row,.list-row.has-image{grid-template-columns:1fr;gap:8px;padding:20px 0}.list-row.has-image{grid-template-columns:110px minmax(0,1fr)}.list-row .read-link{justify-self:start}.list-row.has-image>.read-link{grid-column:2}.list-row h2,.list-row h3{font-size:20px}.list-row .category{font-size:13px}.list-row .meta{margin-top:10px}.list-row .article-image{grid-row:span 2}.list-row .article-image figcaption{font-size:10px}.footer{margin:0 22px;padding-top:20px}.article-layout{padding-top:0}.article-layout article{font-size:17px}.article-layout h1{font-size:29px}.article-body h2{font-size:23px}.article-body th,.article-body td{padding:9px;font-size:14px}}

/* Pretendard Webfont & Human Editorial Styles */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif !important;
  letter-spacing: -0.015em;
}

.article-hero-image {
  margin: 0 0 32px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07);
}
.article-hero-image img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.article-hero-image figcaption {
  font-size: 13px;
  color: #838e7d;
  text-align: center;
  margin-top: 10px;
  font-style: normal;
}

.editor-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid #edf1eb;
}
.editor-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #3e5927;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
  flex-shrink: 0;
}
.editor-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.editor-name {
  font-weight: 650;
  color: #1a2214;
  font-size: 14px;
}
.editor-meta {
  font-size: 12px;
  color: #808c79;
}
.reading-badge {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 12px;
  background: #f2f5ef;
  color: #475a34;
  font-size: 12px;
  font-weight: 600;
}

.tip-box {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-left: 4px solid #16a34a;
  padding: 18px 22px;
  border-radius: 0 12px 12px 0;
  margin: 32px 0;
  font-size: 16px;
  color: #14532d;
  line-height: 1.75;
}
.tip-box strong {
  color: #166534;
  font-weight: 750;
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
}

.callout-box {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-left: 4px solid #2563eb;
  padding: 18px 22px;
  border-radius: 0 12px 12px 0;
  margin: 32px 0;
  font-size: 16px;
  color: #1e3a8a;
  line-height: 1.75;
}
.callout-box strong {
  color: #1d4ed8;
  font-weight: 750;
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
}

.summary-card {
  background: #fcfbf9;
  border: 1px solid #e8e4dc;
  border-radius: 14px;
  padding: 24px 26px;
  margin: 36px 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}
.summary-card h3 {
  margin: 0 0 14px;
  font-size: 18px;
  color: #26331a;
  font-weight: 700;
}
.summary-card ul {
  margin: 0;
  padding-left: 20px;
}
.summary-card li {
  margin: 8px 0;
  color: #47543d;
  font-size: 15px;
  line-height: 1.65;
}

.editor-footer-card {
  margin-top: 55px;
  padding: 24px 26px;
  border-radius: 14px;
  background: #f7f9f5;
  border: 1px solid #e2e8df;
  display: flex;
  gap: 18px;
  align-items: center;
}
.editor-footer-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #3e5927;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  flex-shrink: 0;
}
.editor-footer-text h4 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 700;
  color: #1c2712;
}
.editor-footer-text p {
  margin: 0;
  font-size: 14px;
  color: #5d6b53;
  line-height: 1.6;
}

/* Warm Cream Background & Magazine Home Layout */
body {
  background: #faf8f5 !important;
  color: #1e281b !important;
}

.site-header {
  background: #faf8f5;
  border-bottom: 1px solid #ebe6dc;
}

.brand-hero {
  padding: 16px 0 14px;
  text-align: center;
}
.brand-hero p {
  font-size: 15px;
  color: #727e6d;
  margin: 0;
  letter-spacing: -0.015em;
  font-weight: 500;
}

.featured-story {
  background: #ffffff;
  border: 1px solid #eae4d8;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 24px;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.035);
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  max-height: 200px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.featured-story:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}
.featured-story-img-wrap {
  width: 100%;
  height: 100%;
  max-height: 200px;
  overflow: hidden;
  position: relative;
}
.featured-story-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.featured-story-content {
  padding: 20px 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.featured-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #3b5624;
  margin-bottom: 6px;
}
.featured-story-content h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 6px;
  letter-spacing: -0.025em;
}
.featured-story-content p {
  font-size: 13.5px;
  color: #636d5e;
  line-height: 1.5;
  margin: 0 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.featured-story-content .read-more {
  font-size: 13.5px;
  font-weight: 700;
  color: #3b5624;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.list-row, .feature.text-only {
  background: #ffffff;
  border: 1px solid #eae4d8;
  border-radius: 14px;
  padding: 22px 26px;
  margin-bottom: 18px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.025);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  border-bottom: 1px solid #eae4d8;
}
.list-row:hover, .feature.text-only:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  border-color: #ded6c8;
}

.topics {
  background: #ffffff;
  border: 1px solid #eae4d8 !important;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.025);
}

.search-form {
  background: #ffffff;
  border: 1px solid #ded6c8;
}

.tabs button[aria-selected=true] {
  color: #354e20;
  border-bottom-color: #3b5624;
}

.footer {
  border-top: 1px solid #ebe5da;
}

@media (max-width: 760px) {
  .brand-hero {
    padding: 10px 0 10px;
  }
  .brand-hero p {
    font-size: 13px;
  }
  .featured-story {
    grid-template-columns: 1fr;
    max-height: none;
  }
  .featured-story-img-wrap {
    min-height: 160px;
    max-height: 180px;
  }
  .featured-story-content {
    padding: 16px 18px;
  }
  .featured-story-content h2 {
    font-size: 16px;
  }
  .featured-story-content p {
    font-size: 13px;
    -webkit-line-clamp: 2;
  }
}