/* 독자 사이트 기본 CSS(스펙 §6.3, R §5). 블록 모양은 각 섹션 html_code의 <style>이 정한다. */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.5}
img{max-width:100%;height:auto}
.layout-container{min-height:100vh;display:flex;flex-direction:column}
.layout-body{flex:1 0 auto}
.layout-main.constrained,.layout-section-boxed>.layout-section-inner{width:100%;max-width:1260px;margin:0 auto}
.mobile-layout-wrapper .layout-main.constrained,
.mobile-layout-wrapper .layout-section-boxed>.layout-section-inner{padding-left:16px;padding-right:16px}
.grid-masonry-layout{display:grid;grid-template-columns:repeat(24,1fr);gap:1rem;width:100%;max-width:100%;
  position:relative;min-height:0;margin:0 auto}
.section-wrapper{width:100%;max-width:100%;box-sizing:border-box;position:relative;min-width:0}
.mobile-layout-wrapper .grid-masonry-layout{gap:.75rem}
.reader-message{padding:80px 16px;text-align:center;font-size:18px}
.reader-list{list-style:none;margin:0;padding:0}
.reader-list li{padding:12px 0;border-bottom:1px solid #e5e5e5}
.reader-list a{color:inherit;text-decoration:none}
.reader-pagination{display:flex;gap:8px;justify-content:center;padding:24px 0}
.reader-default-header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 0}
.reader-default-header a{color:inherit;text-decoration:none;font-weight:700;font-size:22px}
.reader-default-header form{display:flex;gap:4px}
.reader-article h1{font-size:28px;margin:24px 0 8px}
.reader-article .reader-meta{color:#737373;font-size:14px}
.reader-popups{position:relative;z-index:1000}