/* Theme Name: 40대 라이프스타일
Theme URI: https://ohealth.dailyvitalist.com/
Description: 온터낙산균 생활 정보 테마
Version: 1.0 */
:root{--cream:#f7f1e8;--paper:#fffdf9;--plum:#3f203a;--rose:#b66b78;--rose-pale:#e8c6c7;--ink:#2c2728;--muted:#6e6364;--line:#e6dad5;--shadow:0 14px 38px rgba(63,32,58,.10);--r:18px;--space:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;font-size:17px;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--rose);outline-offset:3px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,253,249,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.bar{max-width:1240px;margin:auto;min-height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em;color:var(--plum)}.brand-mark{width:34px;height:34px;border-radius:12px;background:radial-gradient(circle at 32% 30%,#e8c6c7 0 15%,transparent 16%),linear-gradient(145deg,var(--plum),var(--rose));box-shadow:inset 0 0 0 1px #ffffff88;display:block;flex:0 0 34px}.nav{display:flex;gap:22px;font-size:14px;font-weight:700}.nav a:hover{color:var(--rose)}.menu-button{display:none;border:0;background:none;font:inherit;color:var(--plum);min-height:44px}.hero{min-height:660px;display:grid;align-items:end;background:linear-gradient(90deg,rgba(31,18,29,.73),rgba(31,18,29,.12)),var(--hero) center/cover;padding:72px 24px}.hero-inner{width:min(1240px,100%);margin:auto;color:white;padding:60px 0}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.hero h1{font-family:"Noto Serif KR",serif;font-size:clamp(48px,8vw,108px);line-height:1.05;letter-spacing:-.07em;margin:14px 0}.hero p{max-width:550px;font-size:19px}.hero .button{margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--rose);color:white;font-size:14px;font-weight:800;transition:.2s transform,.2s background}.button:hover{background:var(--plum);transform:translateY(-2px)}.section{padding:112px 24px}.wrap{max-width:1240px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.kicker{color:var(--rose);font-size:13px;letter-spacing:.13em;font-weight:800}.display{font-family:"Noto Serif KR",serif;color:var(--plum);font-size:clamp(32px,4vw,56px);letter-spacing:-.06em;line-height:1.25;margin:12px 0 20px}.note{padding:28px;border-radius:var(--r);background:var(--cream);border-left:4px solid var(--rose)}.topic-flow{background:var(--cream)}.flow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);overflow:auto;gap:18px;padding:8px 0 18px}.topic{background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:var(--r);min-height:210px;box-shadow:0 4px 16px #3f203a08}.topic span{font-size:12px;color:var(--rose);font-weight:800}.topic h3{font-family:"Noto Serif KR",serif;font-size:25px;line-height:1.35;margin:28px 0 8px;color:var(--plum)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{border-radius:var(--r);overflow:hidden;background:white;border:1px solid var(--line);transition:.2s transform,.2s box-shadow}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.post-card img{height:210px;width:100%;object-fit:cover}.post-card div{padding:20px}.post-card small{color:var(--rose);font-weight:800}.post-card h2{font-family:"Noto Serif KR",serif;font-size:25px;margin:6px 0;color:var(--plum)}.essay{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.essay img{width:100%;height:480px;object-fit:cover;border-radius:var(--r)}.checklist{padding:0;list-style:none}.checklist li{padding:16px 0;border-bottom:1px solid var(--line)}.checklist li:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--rose);margin-right:12px}.site-footer{background:var(--plum);color:#f7f1e8;padding:64px 24px;font-size:14px}.footer-wrap{max-width:1240px;margin:auto}.site-footer .brand{color:#fffdf9}.footer-links{display:flex;gap:20px;margin:20px 0}.legal-notice{color:#5f5656!important;background:#f7f1e8!important;margin-top:30px!important}.site-footer .legal-notice{background:#fff8!important;color:#3f203a!important}.site-main{min-height:55vh}.article{max-width:820px;margin:0 auto;padding:70px 24px}.article-header{margin-bottom:36px}.article h1{font-family:"Noto Serif KR",serif;font-size:clamp(38px,6vw,66px);line-height:1.15;letter-spacing:-.06em;color:var(--plum)}.article h2{font-family:"Noto Serif KR",serif;color:var(--plum);font-size:31px;line-height:1.35;margin-top:72px}.article img{max-width:100%;height:auto;border-radius:var(--r);margin:22px 0}.article table{width:100%;border-collapse:collapse;margin:28px 0;display:block;overflow-x:auto;border:1px solid var(--line);border-radius:12px}.article th,.article td{padding:14px;text-align:left;border-bottom:1px solid var(--line);min-width:150px}.article th{background:var(--cream);color:var(--plum)}.toc,.related{background:var(--cream);padding:24px;border-radius:var(--r);margin:28px 0}.toc ol{margin:8px 0}.article blockquote{margin:30px 0;padding:20px 24px;border-left:4px solid var(--rose);background:#fbf5f3;color:var(--plum)}.article .chart{display:flex;gap:8px;height:70px;align-items:end;margin:26px 0}.article .chart i{display:block;flex:1;background:var(--rose);border-radius:8px 8px 0 0}.search-form{display:flex;max-width:520px;margin:0 auto 40px;gap:8px}.search-form input{min-height:48px;flex:1;border:1px solid var(--line);border-radius:999px;padding:0 16px;font:inherit}.search-form button{border:0}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:760px){.bar{min-height:64px;padding:0 16px}.brand{font-size:15px;gap:9px}.brand-mark{width:30px;height:30px;flex-basis:30px}.menu-button{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:16px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{min-height:560px}.section{padding:72px 20px}.intro,.essay{grid-template-columns:1fr;gap:32px}.cards{grid-template-columns:1fr}.essay img{height:300px}.article{padding:48px 18px}.footer-links{flex-wrap:wrap}.hero h1{font-size:56px}}
