/* 피스테라 메인 페이지 + 연재 목차 상자 */

/* 연재 목차 (글 안) */
.pc-series { background: #fbfaf5; border: 1px solid #e6e0c8; border-left: 4px solid #c9a227; border-radius: 10px; padding: 14px 18px; margin: 1.2em 0 1.8em; }
.pc-series-title { font-weight: 700; color: #7a5f0f; margin: 0 0 6px; }
.pc-series ol { list-style: none; margin: 0; padding: 0; }
.pc-series li { margin: 4px 0; font-size: 0.95em; }
.pc-series a { color: #2f7d6d; }
.pc-series-soon { color: #8a8a8a; font-size: 0.9em; }

/* 메인: 페이지 제목 숨김, 여백 */
.pch-front .entry-header, .pch-front .page-header, .pch-front .wp-block-post-title { display: none; }
.pch-front .inside-article { padding-top: 24px; }
.pch { --g: #2f7d6d; --g2: #e9f4f0; --ink: #1c2420; --mute: #66706b; --line: #dfe7e3; color: var(--ink); }
.pch a { text-decoration: none; }
.pch-sec { margin: 40px 0 0; }
.pch-h2 { font-size: 1.3rem; margin: 0 0 14px; padding-left: 10px; border-left: 4px solid var(--g); line-height: 1.3; }

/* 1. 머리말 */
.pch-hero { background: var(--g2); border-radius: 14px; overflow: hidden; }
.pch-hero-text { padding: 28px 28px 18px; }
.pch-hero-title { font-size: 1.75rem; line-height: 1.35; margin: 0 0 10px; color: #1d4f45; }
.pch-hero-sub { margin: 0 0 16px; color: #3f4b46; }
.pch-search form { display: flex; gap: 8px; max-width: 520px; }
.pch-search input[type="search"], .pch-search input[type="text"] { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid #b9d3ca; border-radius: 8px; background: #fff; }
.pch-search button, .pch-search input[type="submit"] { padding: 10px 16px; border: 0; border-radius: 8px; background: var(--g); color: #fff; font-weight: 700; cursor: pointer; }
.pch-hero-img { display: block; width: 100%; height: auto; }

/* 2. 분야 바로가기 */
.pch-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pch-tile { display: grid; grid-template-columns: 48px 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); transition: border-color .15s, box-shadow .15s; }
.pch-tile:hover { border-color: var(--g); box-shadow: 0 2px 10px rgba(47,125,109,.12); }
.pch-tile .pch-icon { grid-row: 1 / 3; }
.pch-tile-name { font-weight: 700; font-size: 1.05rem; line-height: 1.3; }
.pch-tile-desc { font-size: .85rem; line-height: 1.4; color: var(--mute); }
.pch-icon { width: 48px; height: 48px; flex: none; }
.pch-icon-sm { width: 28px; height: 28px; vertical-align: -7px; margin-right: 8px; }

/* 3·4. 카드 */
.pch-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pch-card { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); }
.pch-card:hover { border-color: var(--g); }
.pch-card-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pch-card-cat { font-size: .78rem; font-weight: 700; color: var(--g); }
.pch-card-title { font-weight: 700; line-height: 1.45; font-size: 1rem; }
.pch-card-date { font-size: .8rem; color: var(--mute); }
.pch-season { background: #fff8ef; border-radius: 14px; padding: 18px; }
.pch-season .pch-h2 { border-left-color: #d9822b; }
.pch-more { margin: 10px 0 0; font-size: .92rem; }
.pch-more a { color: var(--g); font-weight: 700; }

/* 5. 연재 */
.pch-series-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pch-series { display: flex; gap: 12px; align-items: center; padding: 14px; border: 1px solid #e6e0c8; border-left: 4px solid #c9a227; border-radius: 12px; background: #fbfaf5; color: var(--ink); }
.pch-series-name { display: block; font-weight: 700; }
.pch-series-sub { display: block; font-size: .85rem; color: #7a5f0f; }

/* 6. 분야별 최신 글 */
.pch-boxes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.pch-box { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; background: #fff; }
.pch-box-title { font-size: 1.05rem; margin: 0 0 8px; }
.pch-box ul { list-style: none; margin: 0; padding: 0; }
.pch-box li { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-top: 1px dashed var(--line); font-size: .93rem; }
.pch-box li:first-child { border-top: 0; }
.pch-box li a { color: var(--ink); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pch-box li a:hover { color: var(--g); }
.pch-li-date { flex: none; font-size: .78rem; color: var(--mute); }

/* 휴대폰 */
@media (max-width: 768px) {
  .pch-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pch-cards, .pch-boxes, .pch-series-list { grid-template-columns: minmax(0, 1fr); }
  .pch-hero-text { padding: 22px 18px 14px; }
  .pch-hero-title { font-size: 1.4rem; }
  .pch-tile { grid-template-columns: 40px 1fr; padding: 12px; }
  .pch-tile .pch-icon { width: 40px; height: 40px; }
}
@media (max-width: 400px) {
  .pch-tiles { grid-template-columns: 1fr; }
}

/* 대표 이미지: 목록에서는 오른쪽 작은 썸네일, 글에서는 제목 아래 배너 */
.archive .post-image, .search .post-image, .blog .post-image, .archive .post-thumbnail, .blog .post-thumbnail { float: right; width: 168px; margin: 2px 0 6px 16px; }
.archive .post-image img, .search .post-image img, .blog .post-image img { width: 100%; height: auto; border-radius: 8px; display: block; }
.archive .inside-article::after, .search .inside-article::after, .blog .inside-article::after { content: ""; display: table; clear: both; }
.single .featured-image img, .single .post-image img, .single .wp-post-image { border-radius: 12px; }
@media (max-width: 600px) { .archive .post-image, .search .post-image, .blog .post-image { width: 104px; margin-left: 10px; } }