/* Index end spacing and the archive folder only. Approved article cards,
   the search/filter design, and article bodies retain their own styles. */
.paper-site .blog-index[data-blog-index]{padding-bottom:112px}
.paper-site .blog-index .blog-archive{padding:0;margin:48px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.paper-site .blog-index .blog-archive>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px;padding:20px 25px;border:1px solid #c5b18e;border-left:5px solid #8a7251;border-radius:1px;background:#ebe0ca;color:#423525;font-size:22px;font-weight:600;line-height:1.5;list-style:none;cursor:pointer;word-break:keep-all;overflow-wrap:anywhere}
.paper-site .blog-index .blog-archive>summary::-webkit-details-marker{display:none}
.paper-site .blog-index .blog-archive>summary::after{content:'+';display:flex;justify-content:center;align-items:center;flex:0 0 26px;width:26px;height:30px;margin:0;font-size:25px;font-weight:400;font-family:var(--font-body,Pretendard,sans-serif);line-height:1;color:#796244}
.paper-site .blog-index .blog-archive[open]>summary::after{content:'−'}
.paper-site .blog-index .blog-archive>p{padding:0 25px;margin:24px 0 28px;max-width:840px;color:#79674d;font-size:13px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}
.paper-site .blog-index .blog-archive>.blog-grid{padding:0 0 6px}
.paper-site .blog-index .blog-empty:not([hidden]){min-height:136px;padding:40px 0;margin:0;color:#716047;font-size:16px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:760px){
 .paper-site .blog-index[data-blog-index]{padding-bottom:84px}
 .paper-site .blog-index .blog-archive{margin-top:34px}
 .paper-site .blog-index .blog-archive>summary{min-height:68px;padding:19px 20px;gap:18px;font-size:19px;border-left-width:4px}
 .paper-site .blog-index .blog-archive>summary::after{flex-basis:23px;width:23px;height:27px;font-size:23px}
 .paper-site .blog-index .blog-archive>p{padding:0 15px;margin:20px 0 24px;font-size:13px;line-height:1.9}
 .paper-site .blog-index .blog-empty:not([hidden]){min-height:132px;padding:32px 0;font-size:15px}
}
@media(max-width:360px){
 .paper-site .blog-index .blog-archive>summary{padding:18px 17px;font-size:18px}
 .paper-site .blog-index .blog-archive>p{padding:0 10px}
}