*{box-sizing:border-box}:root{color-scheme:light;--bg: #fff;--text: #202124;--muted: #6b7280;--line: #e5e7eb;--soft: #f8f9fa;--accent: #d97757;--accent-soft: #fff1eb;--max: 900px}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Malgun Gothic,sans-serif;font-size:16px;line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{opacity:.72}.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:20px;font-weight:750;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.nav a{color:var(--muted);font-size:14px;text-decoration:none;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}main{min-height:65vh}.hero{padding:68px 0 50px}.hero .eyebrow{color:var(--accent);font-weight:750;letter-spacing:.06em}.hero h1{text-decoration:underline;text-decoration-color:#f4c7b6;text-decoration-thickness:5px;text-underline-offset:8px}.eyebrow{color:var(--muted);font-size:13px;margin:0 0 10px}.hero h1{font-size:clamp(30px,5vw,42px);letter-spacing:-.055em;line-height:1.25;margin:0 0 16px}.hero p{color:var(--muted);max-width:640px;margin:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:0}.section-head h2{font-size:20px;letter-spacing:-.03em;margin:0}.section-head{border-bottom-color:#eadfd9}.section-head h2:before{content:"";display:inline-block;width:5px;height:1em;margin-right:10px;border-radius:5px;background:var(--accent);vertical-align:-2px}.section-head a{font-size:14px;color:var(--muted);text-decoration:none}.post-list{list-style:none;padding:0;margin:0}.post-item{display:grid;grid-template-columns:164px minmax(0,1fr);gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.post-thumb{display:block;align-self:start;overflow:hidden;aspect-ratio:16 / 10;border-radius:12px;background:#f4eee9}.post-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.post-thumb:hover img{transform:scale(1.04)}.post-content{min-width:0}.post-content h3{margin-top:8px}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.category{display:inline-block;color:#555;background:#f5f5f4;border:1px solid #e7e5e4;border-radius:999px;padding:1px 9px;text-decoration:none;font-weight:650}.category:hover{text-decoration:none;opacity:.85}.category-health{color:#a34f35}.category-life{color:#26745d}.category-news{color:#3f61a8}.category-etc{color:#8052a2}.post-item h3{font-size:21px;line-height:1.45;letter-spacing:-.035em;margin:9px 0 6px}.post-item h3 a{text-decoration:none}.post-item p{margin:0;color:var(--muted);font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tag{font-size:12px;color:var(--muted)}.page-intro{padding:48px 0 30px;border-bottom:1px solid var(--line)}.category-page .eyebrow{color:var(--category-accent, var(--accent));font-weight:750;letter-spacing:.08em}.category-page .page-intro h1{color:var(--category-accent, var(--text))}.category-page .category-nav a.active{background:var(--category-accent, var(--text));border-color:var(--category-accent, var(--text))}.category-health{--category-accent: #c45d3c}.category-life{--category-accent: #278364}.category-news{--category-accent: #496ec2}.category-etc{--category-accent: #8a5bb0}.page-intro h1{font-size:clamp(28px,4vw,36px);letter-spacing:-.05em;line-height:1.3;margin:0 0 10px}.page-intro p{color:var(--muted);margin:0}.category-nav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}.category-nav a{border:1px solid var(--line);padding:5px 12px;border-radius:999px;font-size:13px;text-decoration:none}.category-nav a.active{background:var(--text);border-color:var(--text);color:#fff}.article{padding:44px 0 72px}.article-header{padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:30px}.article h1{font-size:clamp(30px,5vw,42px);letter-spacing:-.05em;line-height:1.3;margin:14px 0}.article-description{color:var(--muted);font-size:18px;margin:0}.prose{font-size:17px;line-height:1.95;overflow-wrap:anywhere}.prose h2{font-size:25px;line-height:1.4;letter-spacing:-.035em;margin:2em 0 .7em}.prose h3{font-size:21px;margin:1.7em 0 .6em}.prose p{margin:0 0 1.25em}.prose ul,.prose ol{padding-left:1.4em;margin-bottom:1.4em}.prose blockquote{margin:1.5em 0;padding:4px 0 4px 18px;border-left:3px solid var(--line);color:var(--muted)}.prose img{max-width:100%;height:auto;border-radius:8px}.prose pre{overflow-x:auto;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.prose code{font-size:.9em}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}.related{margin-top:46px;padding-top:22px;border-top:1px solid var(--line)}.empty{color:var(--muted);padding:32px 0}.site-footer{border-top:1px solid var(--line);margin-top:60px}.footer-inner{padding:24px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.footer-links a{color:var(--muted);font-size:13px;text-decoration:none}.copyright{color:#9ca3af;font-size:12px;margin:0}.pagination{display:flex;justify-content:space-between;gap:16px;padding:24px 0;color:var(--muted);font-size:14px}.simple-content{padding:42px 0 10px}.simple-content h1{font-size:34px;letter-spacing:-.04em}.simple-content p{max-width:720px}@media(max-width:700px){.wrap{width:min(calc(100% - 32px),var(--max))}.header-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:9px;padding:15px 0}.nav{gap:15px}.nav a{font-size:13px}.hero{padding:48px 0 36px}.post-item{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:19px 0}.post-item h3{font-size:18px}.post-content p{font-size:14px}.post-thumb{border-radius:9px}.prose{font-size:16px}.footer-inner{align-items:flex-start;flex-direction:column}}.youtube-container{position:relative;width:100%;aspect-ratio:16 / 9;margin:24px 0;overflow:hidden;border-radius:12px}.youtube-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
