/* blog.css — generated chrome + article/index styles (amesite) */
*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:74px;}
body{margin:0; font-family:var(--am-font-sans,'Montserrat',system-ui,sans-serif); color:var(--am-ink,#11000F); background:var(--am-gray-050,#F9F6F8); font-size:1rem; line-height:1.5; -webkit-font-smoothing:antialiased;}
img{max-width:100%;}
a{color:var(--am-purple-600,#7A2A8F); 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:.08em; text-transform:uppercase; color:var(--am-text-muted,#6B5B66); margin:0 0 12px;}
.btn{display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.9375rem; padding:10px 20px; border-radius:var(--am-radius-pill,999px); border:1.5px solid transparent; background:var(--am-purple-600,#7A2A8F); color:#fff; cursor:pointer;}
.btn:hover{background:var(--am-purple-900,#4A1257); color:#fff; text-decoration:none;}
/* header */
header.nav{position:sticky; top:0; z-index:50; background:rgba(249,246,248,.94); backdrop-filter:saturate(1.2) blur(8px); border-bottom:1px solid var(--am-border,#E7DEE4);}
.nav-inner{display:flex; align-items:center; justify-content:space-between; height:62px; gap:20px;}
.brand{display:inline-flex; align-items:center;} .brand img{height:26px; width:auto; display:block;}
.nav-links{display:flex; align-items:center; gap:22px;}
.nav-links a{color:var(--am-ink,#11000F); font-size:.875rem; font-weight:600;} .nav-links a:hover{color:var(--am-purple-600,#7A2A8F); text-decoration:none;} .nav-links a.active{color:var(--am-purple-900,#4A1257);}
.nav-links .m-only{display:none;}
.nav-actions{display:flex; align-items:center; gap:12px;}
.nav-toggle{display:none; background:none; border:0; cursor:pointer; padding:6px;}
@media (max-width:820px){
  .nav-links{display:none; position:absolute; top:62px; left:0; right:0; flex-direction:column; align-items:flex-start; background:#fff; border-bottom:1px solid var(--am-border,#E7DEE4); padding:16px 28px; gap:15px;}
  .nav-links.open{display:flex;}
  .nav-toggle{display:inline-flex;} .nav-actions .btn{display:none;} .nav-links .m-only{display:block;}
}
/* footer */
footer.foot{background:var(--am-ink,#11000F); color:#D8CFD5; padding:34px 0 30px; margin-top:60px;}
footer.foot a{color:#D8CFD5;} footer.foot a:hover{color:#fff;}
.foot-top{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:24px; padding-bottom:20px; border-bottom:1px solid #3A2A37;}
.foot-brand{display:flex; flex-direction:column; align-items:flex-start; gap:12px;} .foot img{height:22px; width:auto;}
.foot-addr{margin:0; font-size:.8125rem; color:#A08B9C; line-height:1.7;} .foot-addr a{color:#A08B9C; text-decoration:underline;}
.foot-right{display:flex; flex-direction:column; align-items:flex-end; gap:14px;}
.foot-links{display:flex; gap:20px; flex-wrap:wrap; font-size:.8125rem;}
.foot-legal{margin-top:18px; font-size:.75rem; color:#A08B9C; max-width:90ch; line-height:1.45;} .foot-legal .tm{display:block; margin-top:4px;}
@media (max-width:620px){ .foot-right{align-items:flex-start;} }
/* 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(--am-purple-600,#7A2A8F); background:var(--am-purple-050,#F4E9F7); padding:4px 10px; border-radius:999px;}
.post h1{font-size:2.2rem; line-height:1.15; font-weight:700; letter-spacing:-.01em; margin:0 0 12px;}
.post-meta{color:var(--am-text-muted,#6B5B66); font-size:.9rem; margin:0 0 8px;}
.post h2{font-size:1.5rem; margin:34px 0 12px; font-weight:700;}
.post h3{font-size:1.2rem; 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(--am-purple-600,#7A2A8F); text-decoration:underline;}
.post img{height:auto; border-radius:10px; 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(--am-purple-400,#C79AD6); color:var(--am-text-muted,#6B5B66); font-style:italic;}
.post pre{background:#1b1420; color:#f4eef7; padding:16px; border-radius:10px; 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(--am-purple-050,#F4E9F7); 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(--am-border,#E7DEE4); padding:9px 12px; text-align:left; vertical-align:top;}
.post th{background:var(--am-gray-050,#F9F6F8); font-weight:700;}
.post hr{border:0; border-top:1px solid var(--am-border,#E7DEE4); margin:32px 0;}
.post-foot{margin-top:36px; padding-top:20px; border-top:1px solid var(--am-border,#E7DEE4);}
.post-foot .back{font-weight:700; color:var(--am-purple-600,#7A2A8F);}
/* index */
.blog-hero{padding:48px 0 8px;} .blog-hero h1{font-size:2.2rem; font-weight:700; 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(--am-border,#E7DEE4); border-radius:14px; 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(--am-text-muted,#6B5B66); margin:0; font-weight:600;}
.bcard h2{font-size:1.15rem; line-height:1.3; margin:0;} .bcard h2 a{color:var(--am-ink,#11000F);}
.bc-ex{font-size:.9rem; color:var(--am-text-muted,#6B5B66); 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(--am-purple-600,#7A2A8F); 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(--am-border,#E7DEE4); background:#fff; color:var(--am-ink,#11000F); cursor:pointer;} .bfilters button:hover{border-color:var(--am-purple-600,#7A2A8F);} .bfilters button.on{background:var(--am-purple-600,#7A2A8F); color:#fff; border-color:var(--am-purple-600,#7A2A8F);}
@media (max-width:600px){ .post h1,.blog-hero h1{font-size:1.9rem;} .post{padding-top:32px;} .reading{padding:0 22px;} .bgrid{gap:18px;} }