/* blog.css — generated chrome + article/index styles (nursemagic) */
:root{--nm-pink:#FF218C; --nm-pink-2:#F63CA0; --nm-deep:#A80057; --nm-peach:#FFE9DC; --nm-rose:#FFD6E6; --nm-gold:#FBAA5A; --nm-ink:#111F27; --nm-muted:#5B6A73; --nm-paper:#FCF7F9; --nm-border:#EEDDE7; --nm-white:#fff; --nm-ok:#5C9A3F;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:74px;}
body{margin:0; font-family:'Montserrat',system-ui,sans-serif; color:var(--nm-ink); background:var(--nm-paper); font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased;}
img{max-width:100%;}
a{color:var(--nm-deep); text-decoration:none;} a:hover{text-decoration:underline;}
.wrap{max-width:1080px; margin:0 auto; padding:0 28px;}
.kicker{font-size:.75rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--nm-deep); margin:0 0 12px;}
.btn{display:inline-flex; align-items:center; gap:8px; font-family:inherit; font-size:.9375rem; font-weight:700; border-radius:999px; padding:12px 22px; cursor:pointer; border:1px solid transparent;}
.btn-primary{background:var(--nm-pink); color:#fff;} .btn-primary:hover{background:var(--nm-deep); color:#fff; text-decoration:none;}
.btn-dark{background:var(--nm-ink); color:#fff; border-color:var(--nm-ink);} .btn-dark:hover{background:#26333B; color:#fff; text-decoration:none;}
/* header */
.util{background:var(--nm-ink); color:#fff;}
.util .wrap{display:flex; justify-content:flex-end; align-items:center; padding-top:7px; padding-bottom:7px;}
.util a{font-size:.75rem; font-weight:600; letter-spacing:.02em; color:#fff; opacity:.86; display:inline-flex; align-items:center; gap:6px;}
.util a:hover{opacity:1; text-decoration:none;} .util .amst{font-weight:700; color:var(--nm-rose);}
header{position:sticky; top:0; z-index:40; background:rgba(252,247,249,.92); backdrop-filter:saturate(1.4) blur(8px); border-bottom:1px solid var(--nm-border);}
.bar{display:flex; align-items:center; justify-content:space-between; padding:14px 0;}
.logo{display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:1.15rem; letter-spacing:-.01em; color:var(--nm-ink);}
.logo:hover{text-decoration:none;} .logo img{width:30px; height:30px; display:block;}
.logo .tm{font-size:.62em; font-weight:600; vertical-align:super; color:var(--nm-muted);}
.nav{display:flex; align-items:center; gap:14px;}
.bar .btn{padding:10px 18px; font-size:.875rem;}
.nav-links{display:flex; align-items:center; gap:22px;}
.nav-links a{font-size:.9375rem; font-weight:600; color:var(--nm-ink);}
.nav-links a:hover{color:var(--nm-deep); text-decoration:none;}
.nav-links .m-only{display:none;}
.nav-toggle{display:none; background:none; border:0; cursor:pointer; padding:4px;}
@media (max-width:900px){
  .nav-links{display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:flex-start; gap:0; background:var(--nm-paper); border-bottom:1px solid var(--nm-border); padding:8px 28px 16px;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:11px 0; width:100%; border-bottom:1px solid var(--nm-border);}
  .nav-toggle{display:block;} .nav .btn{display:none;} .nav-links .m-only{display:block; color:var(--nm-deep);}
}
/* footer */
footer{background:var(--nm-paper); border-top:1px solid var(--nm-border); padding:40px 0 30px; margin-top:60px;}
.foot-grid{display:flex; flex-wrap:wrap; gap:26px 46px; align-items:flex-start; justify-content:space-between;}
.foot-links{display:flex; flex-wrap:wrap; gap:8px 20px;}
.foot-links a{font-size:.875rem; color:var(--nm-muted); font-weight:600;} .foot-links a:hover{color:var(--nm-deep);}
.foot-legal{margin-top:22px; font-size:.75rem; color:var(--nm-muted); line-height:1.6;} .foot-legal .amst{font-weight:700; color:var(--nm-deep);}
/* article */
.reading{max-width:760px; margin:0 auto; padding:0 28px;}
.post{padding-top:48px; padding-bottom:20px;}
.post-cats{display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap;}
.post-cat{font-size:.6875rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--nm-deep); background:var(--nm-rose); padding:4px 10px; border-radius:999px;}
.post h1{font-size:2.4rem; line-height:1.12; font-weight:700; letter-spacing:-.02em; margin:0 0 12px;}
.post-meta{color:var(--nm-muted); font-size:.9rem; margin:0 0 8px;}
.post h2{font-size:1.6rem; margin:34px 0 12px; font-weight:700;}
.post h3{font-size:1.25rem; margin:26px 0 10px; font-weight:700;}
.post p{font-size:1.0625rem; line-height:1.7; margin:0 0 20px;}
.post ul,.post ol{font-size:1.0625rem; line-height:1.7; margin:0 0 20px; padding-left:24px;} .post li{margin:6px 0;}
.post a{color:var(--nm-deep); text-decoration:underline;}
.post img{height:auto; border-radius:14px; display:block;}
.post figure.post-img{margin:24px 0;} .post figure.post-img img{margin:0 auto;}
.post blockquote{margin:24px 0; padding:4px 0 4px 20px; border-left:3px solid var(--nm-pink); color:var(--nm-muted); font-style:italic;}
.post pre{background:#111F27; color:#f4eef7; padding:16px; border-radius:12px; overflow:auto; font-size:.9rem; margin:0 0 20px;}
.post code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9em;}
.post :not(pre)>code{background:var(--nm-rose); padding:2px 6px; border-radius:5px;}
.post table{width:100%; border-collapse:collapse; margin:0 0 24px; font-size:.95rem;}
.post th,.post td{border:1px solid var(--nm-border); padding:9px 12px; text-align:left; vertical-align:top;}
.post th{background:var(--nm-paper); font-weight:700;}
.post hr{border:0; border-top:1px solid var(--nm-border); margin:32px 0;}
.post-foot{margin-top:36px; padding-top:20px; border-top:1px solid var(--nm-border);} .post-foot .back{font-weight:700; color:var(--nm-deep);}
/* index */
.blog-hero{padding:48px 0 8px;} .blog-hero h1{font-size:2.4rem; font-weight:700; letter-spacing:-.02em; margin:0;}
.blog-list{padding:24px 0 60px;}
.bgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
@media (max-width:900px){ .bgrid{grid-template-columns:1fr 1fr;} } @media (max-width:600px){ .bgrid{grid-template-columns:1fr;} }
.bcard{border:1px solid var(--nm-border); border-radius:16px; overflow:hidden; background:#fff; display:flex; flex-direction:column;}
.bc-img img{width:100%; aspect-ratio:16/9; object-fit:cover; display:block;}
.bc-body{padding:18px; display:flex; flex-direction:column; gap:8px; flex:1;}
.bc-date{font-size:.75rem; color:var(--nm-muted); margin:0; font-weight:600;}
.bcard h2{font-size:1.15rem; line-height:1.3; margin:0;} .bcard h2 a{color:var(--nm-ink);}
.bc-ex{font-size:.9rem; color:var(--nm-muted); margin:0; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.bc-more{font-size:.85rem; font-weight:700; color:var(--nm-deep); margin-top:auto;}
.post-video{margin:24px 0;} .post-video video{width:100%; border-radius:12px; display:block; background:#000;}
.bfilters{display:flex; gap:8px; margin:0 0 22px; flex-wrap:wrap;} .bfilters button{font:inherit; font-size:.85rem; font-weight:700; padding:8px 16px; border-radius:999px; border:1px solid var(--nm-border); background:#fff; color:var(--nm-ink); cursor:pointer;} .bfilters button:hover{border-color:var(--nm-pink);} .bfilters button.on{background:var(--nm-pink); color:#fff; border-color:var(--nm-pink);}
@media (max-width:600px){ .post h1,.blog-hero h1{font-size:1.9rem;} .post{padding-top:32px;} .reading{padding:0 22px;} .bgrid{gap:18px;} }