/* Heyimusa Editorial — custom WriteFreely template styles. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:wght@400;500;600;700&display=swap');

:root { --ink:#242424; --muted:#6b6b6b; --line:#e8e8e8; --soft:#f7f7f5; --accent:#0f6c5b; --ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --reading:Lora,Georgia,"Times New Roman",serif; }
* { box-sizing:border-box; }
body.heyimusa-editorial { margin:0; color:var(--ink); background:#fff; font-family:var(--reading); }
.site-header { width:min(100%,72rem); min-height:64px; margin:0 auto; padding:0 1.5rem; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:1rem; font-family:var(--ui); }
.site-wordmark { color:var(--ink); font-size:1.08rem; font-weight:700; letter-spacing:-.035em; text-decoration:none; }
.site-nav { display:flex; gap:1.1rem; align-items:center; }
.site-nav a { color:#4c4c4c; font-size:.84rem; font-weight:500; text-decoration:none; }
.site-nav a:hover { color:var(--ink); text-decoration:underline; text-underline-offset:.2em; }

/* Feed */
.publication-feed { width:min(100%,44rem); margin:0 auto; padding:4.5rem 1.5rem 0; }
.publication-intro { margin-bottom:3.25rem; }
.eyebrow { margin:0 0 .8rem; color:var(--accent); font-family:var(--ui); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.publication-intro h1 { margin:0 0 .8rem; font-size:clamp(2.35rem,6vw,4.5rem); font-weight:600; line-height:1; letter-spacing:-.055em; }
.publication-intro p:last-child { margin:0; color:var(--muted); font-family:var(--ui); font-size:1rem; line-height:1.55; }
.feed-post { padding:0 0 2.8rem; margin:0 0 2.8rem; border-bottom:1px solid var(--line); }
.feed-post-meta { display:flex; gap:.45rem; margin-bottom:.9rem; color:var(--muted); font-family:var(--ui); font-size:.78rem; }
.feed-post .post-title { margin:0 0 .7rem; font-size:clamp(1.8rem,4.2vw,2.6rem); font-weight:600; line-height:1.12; letter-spacing:-.04em; }
.feed-post .post-title a { color:var(--ink); text-decoration:none; }
.feed-post .post-title a:hover { text-decoration:underline; text-decoration-color:#a8d0c7; text-underline-offset:.15em; }
.feed-excerpt { display:-webkit-box; max-height:8.6em; overflow:hidden; color:#454545; font-size:1.02rem; line-height:1.72; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.feed-excerpt h1,.feed-excerpt h2,.feed-excerpt h3,.feed-excerpt img,.feed-excerpt pre,.feed-excerpt hr { display:none; }
.feed-excerpt p { margin:0 0 .8rem; }
.read-story { display:inline-block; margin-top:1rem; color:var(--accent); font-family:var(--ui); font-size:.88rem; font-weight:600; text-decoration:none; }
.read-story:hover { text-decoration:underline; }
.feed-paging { display:flex; justify-content:space-between; margin:0 0 3rem; font-family:var(--ui); }
.feed-paging a { color:var(--accent); text-decoration:none; }
.empty-feed { padding:3rem 0; color:var(--muted); }

/* Story */
.story-shell { width:min(100%,44rem); margin:0 auto; padding:0 1.5rem; }
.story { padding:4.5rem 0 2.25rem; }
.story-header { margin-bottom:2.5rem; }
.story h1#title { margin:0 0 1.15rem; color:#171717; font-size:clamp(2.45rem,6.4vw,4.3rem); font-weight:600; line-height:1.06; letter-spacing:-.058em; overflow-wrap:normal; hyphens:none; }
.story-byline { display:flex; flex-wrap:wrap; gap:.45rem; color:var(--muted); font-family:var(--ui); font-size:.82rem; line-height:1.5; }
.story-author { color:#3c3c3c; font-weight:600; }
.story-content { font-size:1.09rem; line-height:1.78; }
.story-content > p:first-child { color:#3f3f3f; font-size:1.2em; line-height:1.6; }
.story-content p { margin:0 0 1.4rem; }
.story-content h1,.story-content h2,.story-content h3 { margin:3rem 0 1rem; color:#202020; font-family:var(--ui); font-weight:700; line-height:1.2; letter-spacing:-.03em; }
.story-content h1 { font-size:2rem; }.story-content h2 { font-size:1.58rem; }.story-content h3 { font-size:1.25rem; }
.story-content a { color:var(--accent); text-decoration:underline; text-decoration-color:#a8d0c7; text-decoration-thickness:.08em; text-underline-offset:.14em; }
.story-content code:not(pre code) { padding:.12em .32em; border:1px solid #e6e6e3; border-radius:.28rem; background:var(--soft); color:#333; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.84em; white-space:nowrap; }
.story-content pre { overflow-x:auto; margin:1.7rem 0; padding:1.1rem 1.2rem; border:1px solid #e5e5e2; border-radius:.5rem; background:#f8f8f7; color:#252525; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.84rem; line-height:1.6; white-space:pre; -webkit-overflow-scrolling:touch; }
.story-content pre code { padding:0; border:0; background:transparent; font-size:inherit; white-space:pre; }
.story-content img { display:block; width:100%; height:auto; margin:2rem auto; border:1px solid var(--line); border-radius:.45rem; }
.story-content img + em { display:block; margin:-1.2rem 0 2rem; color:var(--muted); font-family:var(--ui); font-size:.78rem; line-height:1.5; }
.story-content ol,.story-content ul { margin:0 0 1.5rem; padding-left:1.4rem; }.story-content li { margin-bottom:.55rem; }
.story-content hr { height:1px; margin:3rem 0 1.4rem; border:0; background:var(--line); }
.story-content hr + p,.story-content hr + p + p { color:var(--muted); font-family:var(--ui); font-size:.85rem; line-height:1.6; }.story-content hr + p + p { margin-top:1.2rem; }
.story-end { display:flex; justify-content:space-between; gap:1rem; margin-top:3.5rem; padding-top:1.5rem; border-top:1px solid var(--line); color:var(--muted); font-family:var(--ui); font-size:.84rem; }.story-end a { color:var(--accent); text-decoration:none; }.story-end a:hover{text-decoration:underline;}
.site-footer { display:flex; justify-content:space-between; width:min(100%,44rem); margin:2.5rem auto 0; padding:1.3rem 1.5rem 2.5rem; border-top:1px solid var(--line); color:var(--muted); font-family:var(--ui); font-size:.76rem; }.site-footer a{color:inherit;}
#manage { display:none; }

@media (max-width:600px) { html,body.heyimusa-editorial{max-width:100%;overflow-x:hidden}.site-header{min-height:58px;padding:0 1.25rem}.site-nav{gap:.8rem}.site-nav a{font-size:.78rem}.publication-feed{padding:3rem 1.25rem 0}.publication-intro{margin-bottom:2.5rem}.publication-intro h1{font-size:clamp(2.2rem,12vw,3.4rem)}.feed-post{margin-bottom:2.25rem;padding-bottom:2.25rem}.feed-post .post-title{font-size:clamp(1.75rem,8.5vw,2.3rem)}.story-shell{width:100%;padding:0 1.25rem}.story{padding:3rem 0 2rem}.story h1#title{font-size:clamp(2.05rem,9.4vw,2.75rem);line-height:1.1}.story-content{font-size:1rem;line-height:1.72}.story-content > p:first-child{font-size:1.12em}.story-content h2{font-size:1.42rem}.story-content h3{font-size:1.18rem}.story-content pre{margin:1.35rem 0;padding:.9rem 1rem;font-size:.8rem}.site-footer{width:100%;margin-top:2rem;padding:1.2rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));}.story-end{flex-direction:column;gap:.5rem;} }