/* CLIONIC JOURNAL — shared design for current and future WordPress posts */
.single-post { --cj-ink:#183c46; --cj-muted:#61767b; --cj-line:#dce6e3; background:#fafbf9; }
.single-post main.site-main { width:calc(100% - 48px); max-width:1100px; margin:40px auto 80px; padding:0; }
.single-post main.site-main > .page-header { position:relative; overflow:hidden; margin:0 0 48px; padding:58px 60px 52px; border:1px solid #e0e9e4; border-radius:12px; background:radial-gradient(circle at 100% 0%,#dae9df 0,transparent 42%),linear-gradient(120deg,#edf3f0,#f4f7f3); }
.single-post main.site-main > .page-header::before { content:"CLIONIC  /  SLEEP JOURNAL"; display:block; color:#557b77; font-size:12px; font-weight:700; letter-spacing:.2em; margin-bottom:26px; }
.single-post main.site-main .page-header h1.entry-title { max-width:890px; margin:0; font-size:clamp(30px,3.8vw,46px); font-weight:700; line-height:1.42; letter-spacing:-.05em; color:var(--cj-ink); word-break:keep-all; overflow-wrap:anywhere; }
.single-post main.site-main > .page-header::after { content:"클리오닉 수면 이야기"; display:block; width:fit-content; margin-top:26px; padding-top:18px; border-top:1px solid #bacec4; color:#55716f; font-size:13px; letter-spacing:.015em; }
.single-post main.site-main > .page-content { max-width:800px; margin:0 auto; padding:0 24px; color:#344c52; font-size:17px; line-height:1.95; letter-spacing:-.015em; overflow-wrap:break-word; counter-reset:cj-section; }
.single-post main.site-main .page-content p { margin:0 0 25px; font-size:inherit; line-height:1.95; color:inherit; }
.single-post main.site-main .page-content > p:first-of-type { font-size:18px; line-height:1.95; color:#274c54; background:#f0f5f2; border-left:3px solid #83a99b; padding:25px 28px; margin-bottom:30px; border-radius:0 8px 8px 0; }
.single-post main.site-main .page-content > h2 { counter-increment:cj-section; display:block; position:relative; margin:56px 0 24px; padding:26px 0 0; border-top:1px solid var(--cj-line); font-size:28px; line-height:1.5; font-weight:700; letter-spacing:-.04em; color:var(--cj-ink); word-break:keep-all; scroll-margin-top:100px; }
.single-post main.site-main .page-content > h2::before { content:counter(cj-section,decimal-leading-zero); display:block; margin:0 0 10px; font-size:12px; line-height:1.4; font-weight:600; color:#70958b; letter-spacing:.12em; }
.single-post main.site-main .page-content > h3 { margin:36px 0 16px; padding-left:15px; border-left:3px solid #adc5ba; color:#254d56; font-size:21px; font-weight:650; line-height:1.6; letter-spacing:-.025em; word-break:keep-all; }
.single-post main.site-main .page-content > h4 { color:#254d56; font-size:19px; margin:28px 0 14px; line-height:1.6; }
.single-post main.site-main .page-content a { color:#256c76; text-decoration:underline; text-decoration-color:#b0cbc9; text-underline-offset:4px; text-decoration-thickness:1px; transition:color .15s; }
.single-post main.site-main .page-content a:hover { color:#123d46; text-decoration-color:#256c76; }
.single-post main.site-main .page-content a:focus-visible { outline:2px solid #256c76; outline-offset:4px; }
.single-post main.site-main .page-content strong { color:#204650; font-weight:700; }
.single-post main.site-main .page-content ul,.single-post main.site-main .page-content ol { padding-left:26px; margin:20px 0 28px; }
.single-post main.site-main .page-content li { margin-bottom:10px; padding-left:5px; }
.single-post main.site-main .page-content li::marker { color:#6d9588; }
.single-post main.site-main .page-content blockquote { margin:30px 0; padding:24px 28px; background:#edf3f0; border-left:3px solid #6e9788; border-radius:0 8px 8px 0; font-size:18px; color:#315b59; }
.single-post main.site-main .page-content blockquote p:last-child { margin-bottom:0; }
.single-post main.site-main .page-content img { max-width:100%; height:auto; border-radius:10px; }
.single-post main.site-main .page-content figure { max-width:100%; margin:30px 0; }
.single-post main.site-main .page-content figcaption { color:#71827f; font-size:13px; text-align:center; margin-top:12px; }
.single-post main.site-main .page-content .wp-block-table { overflow-x:auto; }
.single-post main.site-main .page-content table { width:100%; border-collapse:collapse; font-size:15px; margin:28px 0; }
.single-post main.site-main .page-content th { background:#edf3f0; color:#234b52; font-weight:650; }
.single-post main.site-main .page-content th,.single-post main.site-main .page-content td { border:1px solid #dce6e3; padding:14px 16px; text-align:left; }
.single-post main.site-main .page-content hr { border:0; border-top:1px solid var(--cj-line); margin:40px 0; }
.single-post main.site-main .page-content .sharedaddy { margin-top:44px; padding-top:24px; border-top:1px solid var(--cj-line); }
.single-post main.site-main .page-content .sharedaddy h3 { color:#61767b; font-size:14px; }
.single-post main.site-main #comments { max-width:800px; margin:48px auto 0; padding:32px 24px 0; border-top:1px solid var(--cj-line); }
.single-post main.site-main #reply-title { font-size:24px; color:#254d56; margin-bottom:22px; }
.single-post main.site-main textarea { border:1px solid #cfddd7; border-radius:8px; background:#fff; padding:16px; font-size:16px; }
.single-post main.site-main input[type=submit] { border-radius:6px; background:#254d56; color:#fff; border:0; padding:12px 24px; }
@media(max-width:767px) {
 .single-post main.site-main { width:calc(100% - 32px); margin:24px auto 48px; }
 .single-post main.site-main > .page-header { padding:34px 25px; margin-bottom:32px; border-radius:9px; }
 .single-post main.site-main > .page-header::before { font-size:10px; letter-spacing:.15em; margin-bottom:20px; }
 .single-post main.site-main .page-header h1.entry-title { font-size:30px; line-height:1.48; }
 .single-post main.site-main > .page-content { padding:0 6px; font-size:16px; line-height:1.9; }
 .single-post main.site-main .page-content p { line-height:1.9; margin-bottom:23px; }
 .single-post main.site-main .page-content > p:first-of-type { font-size:16px; padding:20px; }
 .single-post main.site-main .page-content > h2 { margin-top:42px; font-size:24px; padding-top:22px; }
 .single-post main.site-main .page-content > h3 { font-size:20px; }
 .single-post main.site-main .page-content blockquote { padding:20px; font-size:16px; }
 .single-post main.site-main #comments { padding:26px 6px 0; }
}
@media print { .single-post main.site-main { max-width:none; width:100%; margin:0; } .single-post main.site-main > .page-header { padding:20px; } .single-post main.site-main .page-content { max-width:none; } }
/* End CLIONIC JOURNAL */
.single-post main.site-main .page-header h1.entry-title { text-wrap:balance; }
.single-post main.site-main .page-content > h2 { text-wrap:balance; }