:root{--bg: #f8faf7;--surface: #ffffff;--surface-soft: #edf7f4;--text: #17211f;--muted: #63716d;--line: #dce7e2;--accent: #0f766e;--accent-dark: #115e59;--accent-soft: #d8f3ed;--warm: #f59e0b;--shadow: 0 18px 48px rgba(23, 33, 31, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.8;color:var(--text);background:var(--bg)}a{color:inherit}.container{width:min(1080px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(20px,calc((100vw - 1080px)/2));background:#f8faf7eb;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;color:#fff;background:var(--accent);border-radius:8px}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;color:var(--muted);font-size:14px;font-weight:700}.site-nav a{text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible{color:var(--accent-dark)}.hero,.post-hero,.reading-hero{padding:72px 0 56px;background:linear-gradient(120deg,#0f766e1f,#f59e0b24),var(--surface-soft);border-bottom:1px solid var(--line)}.reading-hero{background:linear-gradient(120deg,#0f766e33,#10232114),#eef8f5}.hero-grid,.post-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:32px;align-items:center}.post-hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr)}.eyebrow{margin:0 0 10px;color:var(--accent-dark);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:22px;font-size:clamp(40px,6vw,68px);line-height:1.12;letter-spacing:0}.lead{max-width:700px;margin-bottom:26px;color:#3f4d49;font-size:19px}.hero-actions,.post-meta{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;font-weight:800;text-decoration:none}.button.primary{color:#fff;background:var(--accent)}.button.secondary{color:var(--accent-dark);background:#fff;border:1px solid var(--line)}.hero-panel,.note-panel{padding:24px;background:#ffffffc7;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.hero-panel dl{display:grid;gap:18px;margin:0}.hero-panel dt{color:var(--muted);font-size:13px;font-weight:800}.hero-panel dd{margin:4px 0 0;font-weight:700}.section{padding:56px 0}.section-heading{margin-bottom:20px}h2{margin-bottom:0;font-size:clamp(26px,4vw,38px);line-height:1.25;letter-spacing:0}.article-grid,.category-grid,.section-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.section-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-card-grid.system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-card,.section-card{min-height:240px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #17211f0f}.article-card a,.section-card{display:grid;height:100%;text-decoration:none}.article-card:hover,.section-card:hover{transform:translateY(-2px);border-color:#bdd8d2;transition:transform .18s ease,border-color .18s ease}.article-card h3,.section-card h3{margin:14px 0 10px;font-size:21px;line-height:1.45;letter-spacing:0}.article-card p,.section-card p{color:var(--muted)}.article-card time{align-self:end;color:var(--muted);font-size:14px;font-weight:700}.reading-card{border-color:#b8dcd4;background:linear-gradient(180deg,#fff,#f3fbf8)}.tag{display:inline-flex;width:fit-content;align-items:center;min-height:28px;padding:0 10px;color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;font-size:13px;font-weight:800}.grouped-articles{display:grid;gap:34px}.article-group{padding-top:10px}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.group-heading h3{margin:0;font-size:24px}.group-heading span{color:var(--muted);font-size:14px;font-weight:800}.post-meta span,.post-meta time{display:inline-flex;min-height:30px;align-items:center;padding:0 10px;color:var(--muted);background:#ffffffb8;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:800}.post-visual{display:grid;min-height:260px;place-items:center;overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:8px;box-shadow:var(--shadow)}.post-visual span{display:inline-flex;min-height:48px;align-items:center;padding:0 18px;background:#102321b8;border-radius:8px;font-size:24px;font-weight:900}.medical-visual{background:radial-gradient(circle at 48% 48%,rgba(255,255,255,.9) 0 18%,transparent 19%),radial-gradient(circle at 48% 48%,transparent 0 36%,rgba(255,255,255,.5) 37% 39%,transparent 40%),linear-gradient(135deg,#0f766e,#102321)}.food-visual{background:linear-gradient(135deg,#f59e0bd9,#0f766ed1),repeating-linear-gradient(65deg,#f8fafc 0 7px,#fde68a 8px 12px)}.post-body{max-width:780px;padding:46px 0 64px}.post-body p,.post-body li{color:#33413e;font-size:18px}.post-body h2{margin:34px 0 12px;font-size:28px}.post-body ol,.post-body ul{padding-left:1.4em}.post-body li{margin:8px 0}.comments-section{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.comments-heading p{color:var(--muted)}.comments-placeholder{padding:20px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.comments-placeholder p{margin-bottom:0}.about-section{padding:56px 0;background:#102321;color:#fff}.about-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:32px}.about-section .eyebrow,.about-copy{color:#cce8e2}.about-copy p{margin-bottom:16px;font-size:18px}.footer{padding:28px 20px;color:var(--muted);text-align:center;font-size:14px}@media(max-width:820px){.site-header,.hero-grid,.about-grid,.post-hero-grid{display:block}.site-nav{justify-content:flex-start;margin-top:12px}.hero,.post-hero,.reading-hero{padding:48px 0 36px}.hero-panel,.post-visual{margin-top:28px}.article-grid,.category-grid,.section-card-grid,.section-card-grid.system-grid{grid-template-columns:1fr}}@media(max-width:520px){.container{width:min(100% - 28px,1080px)}.site-header{padding:12px 14px}.hero-actions .button{width:100%}.article-card,.section-card,.hero-panel{padding:20px}}