.app-hadithi{--hadithi-paper: #f3ead9;--hadithi-ink: #171512;--hadithi-gold: #cba45f;--hadithi-copper: #b96e4c;--hadithi-green: #647c67;--hadithi-panel: rgba(13, 14, 13, 0.94);--hadithi-panel-soft: rgba(21, 21, 19, 0.91);--hadithi-line: rgba(241, 228, 205, 0.17);--imp-app-color: var(--hadithi-gold);background-color:#080908;background-image:image-set(url("../../media/hadithi-writing-room.avif") type("image/avif"), url("../../media/hadithi-writing-room.webp") type("image/webp"));background-position:center;color:#efe7d9}.app-hadithi::before{background:rgba(7,8,7,.82)}.app-hadithi.hadithi-home::before{background:rgba(7,8,7,.64)}.app-hadithi .topbar{background:rgba(8,9,8,.97)}.hadithi-main{min-height:calc(100svh - var(--imp-header-height))}.hadithi-main>.flash-stack{width:min(92vw,78rem);margin:.8rem auto 0}.app-hadithi .eyebrow{margin:0 0 .55rem;color:#d19a72;font-size:.72rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.app-hadithi h1,.app-hadithi h2,.app-hadithi h3{color:#f6edde;font-family:var(--imp-font-serif);font-weight:430;letter-spacing:-0.025em}.app-hadithi .primary-action,.app-hadithi .quiet-action,.app-hadithi button{display:inline-flex;width:auto;min-height:2.7rem;align-items:center;justify-content:center;margin:0;padding:.65rem 1rem;border-radius:.45rem;text-decoration:none}.app-hadithi .primary-action,.app-hadithi button:not(.quiet-action,.more-button,.danger-action){border-color:#bd9654;background:#bd9654;color:#17130d;font-weight:760}.app-hadithi .quiet-action,.app-hadithi .more-button{border:1px solid var(--hadithi-line);background:rgba(17,18,16,.76);color:#e7ddce}.app-hadithi .button-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem}.app-hadithi .back-link{color:#c9bcaa;text-decoration:none}.app-hadithi .section-heading,.app-hadithi .workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:1.25rem}.app-hadithi .section-heading h2,.app-hadithi .workspace-heading h1{margin:0}.app-hadithi .section-heading>p,.app-hadithi .workspace-heading p{color:#b9ae9e}.hadithi-hero{display:grid;min-height:min(78svh,48rem);grid-template-columns:minmax(0, 1.5fr) minmax(17rem, 0.62fr);gap:clamp(2rem,7vw,7rem);align-items:end;width:min(92vw,78rem);margin:0 auto;padding:clamp(5rem,12vw,10rem) 0 clamp(3rem,6vw,5rem)}.hadithi-masthead{max-width:49rem}.hadithi-masthead h1{max-width:12ch;margin:0;font-size:clamp(4rem,9vw,7.8rem);line-height:.84;text-wrap:balance;text-shadow:0 .18rem 1.6rem #000}.hadithi-masthead>p:not(.eyebrow){max-width:39rem;margin:1.25rem 0 0;color:#d6cbbb;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6}.topic-rail{display:grid;gap:0;border-top:1px solid var(--hadithi-line);background:rgba(9,10,9,.58);backdrop-filter:blur(10px)}.topic-rail>.eyebrow{padding:1rem 1rem .35rem}.topic-rail>a{display:grid;gap:.2rem;padding:.9rem 1rem;border-top:1px solid var(--hadithi-line);color:#eee4d4;text-decoration:none}.topic-rail>a:hover{background:rgba(203,164,95,.09)}.topic-rail small{color:#a99f91;line-height:1.4}.latest-stories,.related-stories{width:min(92vw,78rem);margin:0 auto;padding:clamp(3rem,6vw,5rem) 0}.latest-stories{border-top:1px solid var(--hadithi-line);background:rgba(8,9,8,.82);box-shadow:50vw 0 rgba(8,9,8,.82),-50vw 0 rgba(8,9,8,.82)}.story-search{display:flex;width:min(100%,25rem);gap:.4rem;margin:0}.story-search input{min-width:0;margin:0;background:rgba(9,10,9,.84)}.story-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0;margin-top:1.8rem;border-top:1px solid var(--hadithi-line);border-left:1px solid var(--hadithi-line)}.story-card{display:grid;min-height:20rem;grid-template-rows:1fr auto;margin:0;padding:1.3rem;border:0;border-right:1px solid var(--hadithi-line);border-bottom:1px solid var(--hadithi-line);border-radius:0;background:rgba(18,19,17,.85);box-shadow:none}.story-card:hover{background:rgba(26,26,23,.94)}.story-card-main{color:inherit;text-decoration:none}.story-card h3{margin:.55rem 0 .75rem;font-size:clamp(1.65rem,2.3vw,2.35rem);line-height:1.05}.story-card-main>p:last-child{color:#b7ad9e;line-height:1.55}.story-topics{margin:0;color:#cf9b74;font-size:.72rem;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.story-card footer{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding-top:1rem;border-top:1px solid var(--hadithi-line);color:#8f887e;font-size:.75rem}.story-card footer a{color:#cfc4b4;text-decoration:none}.story-empty{min-height:13rem;padding:1.5rem;border:1px solid var(--hadithi-line);background:var(--hadithi-panel-soft)}.publication-hero,.archive-hero,.author-hero{width:min(92vw,78rem);margin:0 auto;padding:clamp(5rem,10vw,9rem) 0 clamp(2.5rem,5vw,4rem)}.publication-hero h1,.archive-hero h1{max-width:14ch;margin:0;font-size:clamp(3.5rem,8vw,7rem);line-height:.9}.publication-hero>p:not(.eyebrow),.archive-hero>p:not(.eyebrow){max-width:45rem;color:#c9beae;font-size:1.2rem}.topic-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.topic-nav a,.topic-chip{padding:.42rem .7rem;border:1px solid var(--hadithi-line);border-radius:999px;color:#dfd4c4;font-size:.8rem;text-decoration:none}.author-hero{display:flex;align-items:center;gap:1.5rem}.author-avatar{display:grid;width:7rem;height:7rem;place-items:center;border:1px solid rgba(203,164,95,.5);border-radius:50%;background:#20231d;color:#ddbd83;font-family:var(--imp-font-serif);font-size:3rem}.author-hero h1{margin:0;font-size:clamp(3rem,6vw,5rem)}.article-shell{width:min(92vw,78rem);margin:0 auto;padding:clamp(4rem,9vw,8rem) 0}.article-header{max-width:58rem;margin:0 auto clamp(3rem,6vw,5rem)}.publication-kicker{color:#d5ad69;font-size:.8rem;font-weight:760;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.article-header h1{margin:.75rem 0 1rem;font-size:clamp(3.2rem,7vw,6.7rem);line-height:.92;text-wrap:balance}.article-dek{max-width:46rem;color:#c9beae;font-family:var(--imp-font-serif);font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.5}.article-byline a{display:inline-flex;align-items:center;gap:.7rem;color:#e7ddce;text-decoration:none}.person-avatar{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--hadithi-line);border-radius:50%;background:#22241f;color:#d8b779}.article-byline span:last-child{display:grid}.article-byline small{color:#968e82}.source-badge{display:inline-block;margin-top:1rem;padding:.4rem .65rem;border:1px solid var(--hadithi-line);border-radius:999px;color:#aaa094;font-size:.74rem}.article-layout{display:grid;grid-template-columns:minmax(0, 46rem) 17rem;gap:clamp(2rem,7vw,7rem);justify-content:center}.prose{color:#e3d9ca;font-family:var(--imp-font-serif);font-size:clamp(1.08rem,1.8vw,1.27rem);line-height:1.78}.prose h2,.prose h3{margin:2.2em 0 .65em;line-height:1.1}.prose h2{font-size:2.25em}.prose h3{font-size:1.45em}.prose a{color:#ddba79}.prose blockquote{margin-inline:0;padding:.5rem 0 .5rem 1.4rem;border-left:2px solid #b98e50;color:#cfc2b2;font-size:1.12em}.prose pre{overflow:auto;padding:1rem;border:1px solid var(--hadithi-line);background:#090a09;font-size:.82em}.prose table{width:100%;font-family:var(--imp-font-sans);font-size:.86em}.article-aside{position:sticky;top:6rem;height:fit-content;padding-left:1rem;border-left:1px solid var(--hadithi-line);color:#a9a093;font-size:.86rem;line-height:1.55}.article-aside .topic-chip{display:inline-flex;margin:0 .25rem .35rem 0}.hadithi-dashboard{display:grid;min-height:calc(100svh - 4rem);grid-template-columns:15rem minmax(0, 1fr);width:min(100%,86rem);margin:0 auto;border-inline:1px solid var(--hadithi-line);background:rgba(9,10,9,.92)}.dashboard-sidebar{padding:1.4rem 1rem;border-right:1px solid var(--hadithi-line)}.dashboard-sidebar nav,.publication-switcher{display:grid;gap:.25rem}.dashboard-sidebar nav a,.publication-switcher>a{padding:.65rem .75rem;border-radius:.35rem;color:#bcb2a4;text-decoration:none}.dashboard-sidebar nav a:hover,.dashboard-sidebar nav a.active{background:rgba(203,164,95,.12);color:#f2e8d9}.publication-switcher{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--hadithi-line)}.publication-switcher>a{display:flex;align-items:center;gap:.6rem}.publication-switcher>a span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border:1px solid var(--hadithi-line);border-radius:50%}.dashboard-posts{padding:clamp(1rem,3vw,2.4rem)}.post-table{margin-top:1.4rem;border-top:1px solid var(--hadithi-line)}.post-row{display:grid;grid-template-columns:minmax(16rem, 1fr) minmax(8rem, 0.3fr) 6rem 7rem 1rem;gap:1rem;align-items:center;padding:.9rem .7rem;border-bottom:1px solid var(--hadithi-line);color:#e9dfd0;text-decoration:none}.post-row:hover{background:rgba(203,164,95,.06)}.post-row>span:first-child{display:grid;min-width:0}.post-row small{overflow:hidden;color:#8f887d;text-overflow:ellipsis;white-space:nowrap}.post-row time{color:#8f887d;font-size:.75rem}.status-pill{display:inline-flex;width:fit-content;padding:.28rem .55rem;border:1px solid var(--hadithi-line);border-radius:999px;color:#c7bcad;font-size:.7rem;text-transform:capitalize}.status-pill.published,.status-pill.connected{border-color:rgba(100,124,103,.7);color:#a9c5ac}.status-pill.draft,.status-pill.pending{border-color:rgba(203,164,95,.5);color:#d9b97f}.editor-shell{display:grid;min-height:calc(100svh - 4rem);grid-template-columns:minmax(0, 1fr) minmax(0, 0.88fr);grid-template-rows:auto minmax(0, 1fr);background:rgba(8,9,8,.97)}.editor-topline{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--hadithi-line)}.editor-topline>div{display:flex;align-items:center;gap:.6rem}.editor-actions{justify-content:end}#save-state{color:#989084;font-size:.75rem}.editor-form{min-width:0;margin:0}.editor-compose{max-width:48rem;margin:0 auto;padding:clamp(1.2rem,4vw,3.25rem)}.editor-compose>textarea[name=title]{min-height:2.1em;height:auto;margin:.5rem 0;padding:0;overflow:hidden;border:0;background:rgba(0,0,0,0);color:#f4ebdc;font-family:var(--imp-font-serif);font-size:clamp(2.4rem,4vw,3.8rem);font-weight:430;line-height:1;box-shadow:none;resize:none}.editor-compose>textarea[name=summary]{min-height:4.5rem;margin:.5rem 0 1rem;padding:0;border:0;background:rgba(0,0,0,0);color:#bcb1a1;font-family:var(--imp-font-serif);font-size:1.15rem;box-shadow:none;resize:vertical}.markdown-toolbar{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-block:1px solid var(--hadithi-line);color:#827c73;font-size:.72rem}.editor-compose textarea[name=body_markdown]{min-height:46svh;margin:0;padding:1.2rem 0;border:0;background:rgba(0,0,0,0);color:#e4dacb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.96rem;line-height:1.75;box-shadow:none;resize:vertical}.topic-picker{margin-top:1rem;padding:1rem;border-color:var(--hadithi-line)}.topic-picker #id_topics{display:flex;flex-wrap:wrap;gap:.55rem}.topic-picker #id_topics>div{margin:0}.topic-picker label{display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.42rem .62rem;border:1px solid var(--hadithi-line);border-radius:999px;color:#cfc5b6;font-size:.78rem;cursor:pointer}.topic-picker input{width:1rem;min-height:1rem;height:1rem;margin:0}.editor-advanced{margin-top:1rem;padding:.8rem 0;border-top:1px solid var(--hadithi-line);color:#aaa194}.editor-preview-panel{min-width:0;padding:clamp(1.2rem,3vw,2.4rem);border-left:1px solid var(--hadithi-line);background:#ebe2d3;color:var(--hadithi-ink)}.editor-preview-panel>header{display:flex;justify-content:space-between;color:#6f685e}.editor-preview{max-width:40rem;margin:2rem auto}.editor-preview h1,.editor-preview h2,.editor-preview h3{color:#1d1914}.editor-preview>header h1{margin:.4rem 0;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.96}.editor-preview>header>p:last-child{color:#61584d;font-family:var(--imp-font-serif);font-size:1.2rem}.editor-preview .prose,.editor-preview .prose p,.editor-preview .prose li{color:#302a23}.editor-preview .prose a{color:#795521}.editor-preview .prose pre{border-color:#c9bdab;background:#ded4c4}.imp-modal.hadithi-dialog{width:min(92vw,34rem);padding:1.3rem;border:1px solid rgba(203,164,95,.36);border-radius:.65rem;background:#11120f;color:#e9dfd0;box-shadow:0 2rem 6rem #000}.imp-modal.hadithi-dialog::backdrop{background:rgba(2,3,2,.8);backdrop-filter:blur(5px)}.hadithi-dialog .dialog-close{display:flex;justify-content:end;margin:0}.hadithi-dialog .dialog-close button{min-height:2rem;padding:.2rem .6rem;border:0;background:rgba(0,0,0,0);color:#aaa196;font-size:1.4rem}.hadithi-dialog form:last-child{display:grid;gap:.8rem}.danger-action{border-color:rgba(185,79,69,.55);background:rgba(110,36,31,.25);color:#efaaa3}@media(max-width: 860px){.hadithi-hero{min-height:auto;grid-template-columns:1fr;gap:2.5rem;padding-top:5rem}.hadithi-masthead h1{font-size:clamp(3.6rem,17vw,6rem)}.story-grid{grid-template-columns:1fr}.story-card{min-height:15rem}.section-heading,.workspace-heading{align-items:start !important;flex-direction:column}.story-search{width:100%}.article-layout{grid-template-columns:1fr}.article-aside{position:static;padding:1rem 0 0;border-top:1px solid var(--hadithi-line);border-left:0}.hadithi-dashboard{grid-template-columns:1fr;border-inline:0}.dashboard-sidebar{display:grid;grid-template-columns:1fr;padding:.8rem 1rem;border-right:0;border-bottom:1px solid var(--hadithi-line)}.dashboard-sidebar nav{display:flex;overflow-x:auto}.publication-switcher{display:none}.post-row{grid-template-columns:minmax(0, 1fr) auto;gap:.4rem .8rem}.post-row>span:nth-child(2),.post-row time{display:none}.post-row>span:last-child{grid-column:2;grid-row:1/span 2}.editor-shell{display:block}.editor-topline{position:sticky;top:4rem;z-index:8}.editor-topline>div:nth-child(2){display:flex}.editor-topline>div:nth-child(2) .status-pill{display:none}.editor-actions .quiet-action{display:none}.editor-compose{padding-inline:1rem}.editor-preview-panel{border-top:1px solid var(--hadithi-line);border-left:0}.markdown-toolbar span:last-child{display:none}}@media(max-width: 520px){.article-header h1{font-size:3.25rem}.article-shell{padding-top:3rem}.author-hero{align-items:start;flex-direction:column}.author-avatar{width:5rem;height:5rem}.story-card footer{align-items:start;flex-direction:column}.editor-topline{gap:.4rem;padding-inline:.6rem}.editor-actions{gap:.3rem !important}.editor-actions button{padding-inline:.7rem}}