/* Shared Hinshopia tokens and shell; rules limited to the blog document. */
body.hayaan-blog-body { margin:0; background:var(--color-bg,#FAF8F4); }
.hayaan-blog { font-family:'Heebo',system-ui,sans-serif; color:var(--text,#33251D); }
.hayaan-blog * { box-sizing:border-box; }
.hayaan-blog .page-head { flex-wrap:wrap; gap:16px; }
.hayaan-blog .page-nav { min-width:0; }
.hayaan-blog .head-ctas { flex-wrap:wrap; }
.hayaan-blog-skip { position:fixed; top:8px; inset-inline-start:8px; transform:translateY(-200%); z-index:10000; background:#fff; color:#33251D; padding:12px; }
.hayaan-blog-skip:focus { transform:none; }
.hayaan-blog a:focus-visible,.hayaan-blog button:focus-visible { outline:3px solid var(--primary-deep,#A84C0C); outline-offset:4px; }
.hayaan-blog-heading h1 { font-size:clamp(2rem,4vw,3.25rem); line-height:1.22; margin:12px 0; overflow-wrap:anywhere; }
.hayaan-blog-eyebrow { color:var(--primary-deep); font-weight:700; }
.hayaan-blog-meta { color:var(--muted); font-size:.875rem; line-height:1.6; }
.hayaan-blog-categories,.hayaan-blog-tags { display:flex; flex-wrap:wrap; gap:8px; }
.hayaan-blog-categories a,.hayaan-blog-tags a { display:inline-flex; align-items:center; min-height:44px; padding:6px 16px; border:2px solid var(--text,#1F1914); border-radius:4px; box-shadow:-2px 2px 0 var(--text,#1F1914); color:var(--text); background:var(--surface); text-decoration:none; }
.hayaan-blog-categories a[aria-current="page"] { color:var(--primary-deep); border-color:currentColor; }
.hayaan-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.hayaan-blog-card { min-width:0; overflow:hidden; border:2px solid var(--text,#1F1914); border-radius:4px; box-shadow:-5px 5px 0 #F0EAE3; background:var(--surface); display:flex; flex-direction:column; }
.hayaan-blog-card-image { display:block; aspect-ratio:16/10; overflow:hidden; }
.hayaan-blog-card-image img { display:block; width:100%; height:100%; object-fit:cover; }
.hayaan-blog-card-copy { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:24px; flex:1; }
.hayaan-blog-card h2 { font-size:1.3rem; line-height:1.45; margin:0; overflow-wrap:anywhere; }
.hayaan-blog-card h2 a { color:var(--text); text-decoration:none; }
.hayaan-blog-card p { color:var(--muted); line-height:1.8; margin:0; }
.hayaan-blog-read { margin-top:auto; min-height:44px; display:inline-flex; align-items:center; gap:8px; color:var(--primary-deep); font-weight:700; }
.hayaan-blog-post { width:100%; max-width:820px; margin-inline:auto; }
.hayaan-blog-back { display:inline-flex; align-items:center; min-height:44px; color:var(--primary-deep); }
.hayaan-blog-cover { margin:28px 0; }
.hayaan-blog-cover img { display:block; width:100%; height:auto; border-radius:4px; }
.hayaan-blog .hayaan-blog-content { max-width:100%; padding:32px; margin:28px 0; border:2px solid var(--text,#1F1914); border-radius:4px; box-shadow:-5px 5px 0 #F0EAE3; background:var(--surface); font-size:1.0625rem; line-height:1.9; overflow-wrap:anywhere; }
.hayaan-blog-content img,.hayaan-blog-content video,.hayaan-blog-content iframe { max-width:100%; }
.hayaan-blog-content img,.hayaan-blog-content video { height:auto; }
.hayaan-blog-content figure { max-width:100%; margin-inline:0; }
.hayaan-blog-content pre,.hayaan-blog-content .wp-block-table { overflow-x:auto; }
.hayaan-blog-content pre,.hayaan-blog-content code { direction:ltr; text-align:start; }
.hayaan-blog .navigation,.hayaan-blog-pages { margin-block:28px; }
.hayaan-blog .nav-links { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; }
.hayaan-blog .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:8px; border-radius:4px; border:2px solid var(--text,#1F1914); box-shadow:-2px 2px 0 var(--text,#1F1914); }
.hayaan-blog .page-numbers.current { color:var(--primary-deep); background:var(--surface); }
.hayaan-blog .comments-area { margin-top:32px; padding-top:24px; border-top:1px solid var(--line-soft); }
.hayaan-blog .comment-form textarea,.hayaan-blog .comment-form input:not([type="checkbox"]):not([type="submit"]) { max-width:100%; background:var(--surface); color:var(--text); border:2px solid var(--text,#1F1914); border-radius:4px; padding:12px; }
@media(max-width:900px) { .hayaan-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
 .hayaan-blog-grid { grid-template-columns:minmax(0,1fr); }
 .hayaan-blog .page-head { padding:16px; gap:12px; }
 .hayaan-blog .page-nav { width:100%; order:3; }
 .hayaan-blog .wrap { padding-inline:16px; }
 .hayaan-blog .hayaan-blog-content { padding:20px; border-radius:4px; }
 .hayaan-blog-card-copy { padding:20px; }
 .hayaan-blog .foot-grid { gap:24px; }
}

.hayaan-blog .post-navigation .nav-previous,.hayaan-blog .post-navigation .nav-next { flex:1 1 240px; min-width:0; }
.hayaan-blog .post-navigation a { display:block; min-height:64px; padding:16px; border:2px solid var(--text,#1F1914); border-radius:4px; box-shadow:-3px 3px 0 #F0EAE3; background:var(--surface); overflow-wrap:anywhere; }
.hayaan-blog .post-navigation a span { color:var(--primary-deep); font-weight:700; }
.hayaan-blog-card:focus-within { outline:2px solid var(--primary-deep); outline-offset:4px; }

/* Per-paragraph first-strong direction; preserve authored direction and code. */
.hayaan-blog-content :is(p,h1,h2,h3,h4,h5,h6,li,blockquote,figcaption):not([dir]):not([style*="direction"]):not(.hayaan-blog-content [dir] *):not(.hayaan-blog-content [style*="direction"] *):not(pre *):not(code *) { unicode-bidi:plaintext; text-align:start; }
.hayaan-blog-card p[dir="auto"] { text-align:start; }
#hayaan-blog-companion[hidden] { display:none; }
@media(max-width:600px) {
 #hayaan-blog-companion { padding-block:8px; }
 #hayaan-blog-companion .shufi-pet { position:relative!important; left:0!important; top:0!important; bottom:auto!important; margin-inline-start:auto; margin-inline-end:8px; min-height:108px; }
 #hayaan-blog-companion .shufi-launcher { cursor:pointer; touch-action:pan-y; }
 #hayaan-blog-companion .shufi-restore { position:relative!important; bottom:auto!important; left:auto!important; margin-inline-start:auto; width:fit-content; }
}

/* Desktop companion lane: follows document scroll, clear of header/content. */
@media(min-width:601px) {
 #hayaan-blog-companion { padding-block:8px; }
 #hayaan-blog-companion .shufi-core { position:relative; min-height:132px; }
 #hayaan-blog-companion .shufi-core.is-dismissed { min-height:42px; }
 #hayaan-blog-companion .shufi-pet { position:absolute!important; top:0!important; bottom:auto!important; left:clamp(0px,var(--hayaan-pet-x,18px),max(0px,calc(100% - 116px)))!important; }
 #hayaan-blog-companion .shufi-pet-label { right:0; }
 #hayaan-blog-companion .shufi-restore { position:relative!important; bottom:auto!important; left:auto!important; width:fit-content; }
}