/* source: sf_footer.css */
/* Satanas Fidelis – site footer and shared shell utilities (final release) */

:root{
  --sf-accent: #dc2626;
  --sf-accent-soft: rgba(220,38,38,.22);
  --sf-badge-size: 32px;
}

.sf-site-footer{
  border-top: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(4,4,5,.08), rgba(4,4,5,.40));
  padding: 10px 12px;
}

.sf-site-footer-inner{
  max-width: 1100px;
  margin: 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap: 8px;
  color: rgba(255,255,255,.66);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
}

.sf-footer-social{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap: 8px;
  margin-left: 8px;
}

.sf-footer-social-btn{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  padding: 6px 9px;
  border-radius: 999px;
  border: 1px solid rgba(220,38,38,.35);
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.88);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-decoration:none;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.sf-footer-social-btn:hover{
  transform: translateY(-1px);
  background: rgba(220,38,38,.12);
  border-color: rgba(220,38,38,.55);
  color: #fff;
}


.sf-site-footnote{
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  margin-top: 10px;
  text-align:center;
}

.sf-primary-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  text-decoration:none;
  font-weight: 900;
  font-size: 13px;
}

.sf-primary-btn:hover{
  border-color: rgba(225,29,42,.45);
}

.sf-home-more-wrap{
  display:flex;
  justify-content:center;
  margin: 18px 0 0;
}


/* Global username styling */
.sf-profile-link{ color: #e11d2a !important; font-weight: 800; text-decoration: none; }
.sf-profile-link:hover{ color: #ffffff !important; text-decoration: underline; }

/* Badge next to username (visibility tuned) */

.sf-user-badge{
  width:26px;
  height:26px;
  margin-left:8px;
  vertical-align:-5px;
  object-fit:contain;
  border:none;
  background:transparent;
  border-radius:0;
  box-shadow:none;
  filter: drop-shadow(0 0 12px rgba(225,29,42,.70));
}
.sf-user-badge:hover{
  filter: drop-shadow(0 0 18px rgba(225,29,42,.90));
}

/* Any profile links */
a[href^="/profil/u"], a[href^="/profil/u/"]{ color:#e11d2a !important; font-weight:800; }
a[href^="/profil/u"]:hover{ color:#ffffff !important; }


/* --- Unified layout + top navigation --- */

/* Global background theme (smooth gradients, consistent across site)
   We use !important so page-level inline styles (without !important) can't
   accidentally override the global look and cause harsh transitions. */
:root{
  --sf-bg: var(--sf-premium-bg, radial-gradient(960px 320px at 50% 0%, rgba(225,29,42,.13), transparent 68%), radial-gradient(1100px 360px at 50% 100%, rgba(225,29,42,.10), transparent 72%), radial-gradient(760px 260px at 16% 18%, rgba(225,29,42,.06), transparent 70%), radial-gradient(760px 260px at 84% 20%, rgba(225,29,42,.05), transparent 70%), linear-gradient(180deg, #030304 0%, #050506 14%, #120609 50%, #070506 76%, #030304 100%));
}

/* Sticky footer for non-admin pages */
html, body{ height: 100%; }
body:not(.sf-panel){
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  isolation: isolate;
  background: transparent !important;
  background-color: #050506 !important;
  color: #fff;
}
body:not(.sf-panel)::before{
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--sf-bg) !important;
  background-repeat: no-repeat;
  background-position: center top;
  transform: translateZ(0);
}
@media (max-width: 900px){
  body:not(.sf-panel)::before{
    background-position: center top, center bottom, 10% 14%, 90% 16%, center top;
  }
}

/* Remove harsh stripe pattern from pentagram-bg (keep subtle depth). */
.pentagram-bg{
  background-image:
    radial-gradient(980px 340px at 50% 0%, rgba(225,29,42,.06), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.16)) !important;
  background-color: transparent !important;
}
body:not(.sf-panel) #root{ flex: 1 1 auto; }
body:not(.sf-panel) .sf-shell{ flex: 1 1 auto; }

/* Top navigation: works even if Tailwind bundle fails to load */
.sf-topnav{
  position: sticky;
  top: 0;
  z-index: 999;
  background: linear-gradient(180deg, rgba(7,7,9,.88), rgba(6,6,8,.78));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid rgba(225,29,42,.25);
}
.sf-topnav-inner{
  max-width: 1240px;
  margin: 0 auto;
  padding: 10px 14px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
}
.sf-brand{
  display:flex;
  align-items:center;
  gap: 10px;
  text-decoration:none;
  color: rgba(255,255,255,.92);
  font-weight: 900;
  letter-spacing: .08em;
}
.sf-brand-logo{
  width: 44px;
  height: 44px;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(0,0,0,.55));
}
.sf-brand-title{
  font-size: 18px;
  line-height: 1;
  white-space: nowrap;
}
.sf-nav-links{
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content:flex-end;
}
.sf-nav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration:none;
  color: rgba(255,255,255,.72);
  border: 1px solid transparent;
  font-weight: 800;
  font-size: 13px;
}
.sf-nav-link:hover{
  color: rgba(255,255,255,.95);
  border-color: rgba(225,29,42,.35);
  background: rgba(255,255,255,.04);
}
.sf-nav-link[aria-current="page"]{
  color: rgba(255,255,255,.98);
  border-color: rgba(225,29,42,.55);
  background: rgba(225,29,42,.08);
}

/* Make footer consistent everywhere */
.sf-site-footer{
  margin-top: auto;
}

.sf-user-emoji{
  margin-left: 6px;
  font-size: 1.05em;
  line-height: 1;
  filter: drop-shadow(0 0 6px rgba(225,29,42,.35));
}


@media (max-width: 720px){
  .sf-brand-title{ display:none; }
  .sf-topnav-inner{ padding: 10px 12px; }
  .sf-nav-links{ gap: 6px; }
  .sf-nav-link{ padding: 9px 10px; font-size: 12.5px; }
}


/* Category post cards (fallback + extra polish) */
.sf-post-card{
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(1200px 500px at 20% -10%, rgba(225,29,42,.10), transparent 60%),
              radial-gradient(900px 420px at 110% 20%, rgba(225,29,42,.08), transparent 55%),
              rgba(10,10,12,.92);
  border: 1px solid rgba(225,29,42,.22);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sf-post-card:hover{
  transform: translateY(-4px);
  border-color: rgba(225,29,42,.42);
  box-shadow: 0 24px 70px rgba(225,29,42,.14);
}


/* Unified top navigation (static pages) */
.sf-unified-nav a{ text-decoration:none; }
.sf-unified-nav .gothic-title{ font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif; }
.sf-unified-nav .sf-unified-link[aria-current="page"]{ border-color: rgba(127,29,29,.40); }

/* Brand glow (used by both SPA and unified nav title) */
.occult-glow{
  text-shadow:
    0 0 10px rgba(225,29,42,.85),
    0 0 22px rgba(225,29,42,.40),
    0 0 48px rgba(225,29,42,.20);
}
.gothic-title{ letter-spacing: .18em; }


/* ensure cover images render even without Tailwind aspect-ratio plugin */
.aspect-video{ aspect-ratio: 16 / 9; }

/* homepage quote and Turkish glyph rendering refinement
   Some mobile browsers render missing Unifraktur glyphs as weird symbols (e.g., "kedi").
   We keep the gothic font on desktop, but use a safe serif on mobile for this quote only. */
div.relative.h-screen p.gothic-subtitle{
  color: #a1a1aa !important; /* zinc-400 */
}
@media (max-width: 768px){
  div.relative.h-screen p.gothic-subtitle{
    font-family: ui-serif, Georgia, "Times New Roman", serif !important;
    letter-spacing: .02em;
  }
}

/* mobile: keep logo visible (prevent flex shrink) */
.sf-unified-nav a[aria-label="Ana Sayfa"] img,
.sf-topnav__brand img,
.sf-topnav__drawer-brand img{
  flex-shrink: 0;
}

/* global mobile polish */
body{
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
img, video{ max-width: 100%; height: auto; }
@media (max-width: 640px){
  .sf-post-card{ min-height: auto !important; }
  .sf-unified-link{ padding: 12px 14px !important; }
  input, textarea, select{ font-size: 16px; }
}


/* release: Yazı içerikleri & ek görseller otomatik boyut */
.sf-post-content img,
.prose img,
.post-content img,
article .content img{
  max-width: 100%;
  height: auto;
  display: block;
}
.sf-post-content img{border-radius:14px;}
.sf-post-content figure{max-width:100%;}

/* release: Select option renkleri (mobil) */
select option{background:#0b0b0b;color:#fff;}

/* profile edit footer anchoring */
body.sf-footer-fixed{ padding-bottom: 0 !important; }
body.sf-footer-fixed .sf-site-footer{
  position: static !important;
  left: auto !important; right: auto !important; bottom: auto !important;
  z-index: auto !important;
}


/* release footer safety + mobile flow */
html, body{ min-height:100%; }
body{ min-height:100vh; }
.sf-page, .adm-shell{ min-height:100vh; }
.sf-shell{ min-height:auto; }
.sf-site-footer{
  position: static !important;
  inset: auto !important;
  width: 100%;
  margin-top: auto;
}
.sf-site-footer-inner{
  width:min(1180px, calc(100% - 1rem));
  padding-inline:14px;
}
@media (max-width: 768px){
  .sf-site-footer{ margin-top: 20px; }
  .sf-site-footer-inner{
    width: calc(100% - .6rem);
    padding-block: 14px;
    font-size: 11px;
    line-height: 1.5;
    row-gap: 6px;
    text-align: center;
  }
}


/* release footer stacking hardening */
body > .sf-site-footer{flex:0 0 auto;position:relative !important;transform:none !important;z-index:2;}
.sf-site-footer{position:relative !important;bottom:auto !important;left:auto !important;right:auto !important;clear:both;overflow:clip;}
.sf-site-footer + *{position:relative;z-index:1;}
body > .sf-site-footer{isolation:isolate;}

/* footer background blend override */
.sf-site-footer{background:linear-gradient(180deg, rgba(8,8,10,.16), rgba(8,8,10,.42)) !important;}


/* final release footer + shell behavior */
html,body{min-height:100%;}
body{min-height:100svh;}
body.sf-home-page{display:block;}
body:not(.sf-home-page){display:flex;flex-direction:column;}
body.sf-admin-page .adm-shell,
body.sf-auth-page .sf-shell,
body.sf-profile-page .sf-shell,
body.sf-public-profile-page .sf-shell,
body.sf-library-page .sf-shell,
body.sf-banned-page .sf-shell,
body.sf-categories-page .sf-shell,
body.sf-category-archive-page .sf-main,
body.sf-tag-archive-page .sf-main,
body.sf-post-page .sf-page-main,
body.sf-setup-page .sf-page-main{flex:1 0 auto;min-height:0;}
body:not(.sf-home-page) > .sf-site-footer,
body:not(.sf-home-page) .sf-shell + .sf-site-footer,
body.sf-admin-page .adm-shell + .sf-site-footer{margin-top:auto;flex:0 0 auto;position:relative;z-index:2;}
.sf-site-footer{padding:10px 12px;}
.sf-site-footer-inner{width:min(1120px, calc(100% - 1rem));min-height:52px;line-height:1.5;}
@media (max-width:640px){
  .sf-site-footer{padding-block:8px;}
  .sf-site-footer-inner{gap:6px;}
}

/* source: sf_base.css */
/*
  Satanas Fidelis – Global UI polish (release)
  - Safe, lightweight overrides to improve mobile/desktop consistency
  - Designed to sit on top of the existing Tailwind/Vite bundle
*/

*, *::before, *::after{ box-sizing: border-box; }

html, body{ height:100%; }

body{
  margin:0;
  overflow-x:hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Prevent long titles/URLs from breaking layouts */
h1,h2,h3,h4,h5,h6,p,li,blockquote,pre,code{
  overflow-wrap:anywhere;
  word-break: break-word;
}

img, video, canvas, svg{ max-width:100%; height:auto; }


/* Accessibility utility */
.sf-visually-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
}


/* Better focus ring for keyboard users */
:focus{ outline:none; }
:focus-visible{
  outline: 2px solid rgba(225,29,42,.75);
  outline-offset: 2px;
}

/* Dark select/option defaults (browser support varies) */
select, option{
  background-color:#0b0b0b;
  color:#ffffff;
}

/* Scrollbar polish (supported browsers only) */
*{ scrollbar-width: thin; scrollbar-color: rgba(225,29,42,.45) rgba(255,255,255,.06); }
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-thumb{ background: rgba(225,29,42,.35); border-radius:999px; border:2px solid rgba(0,0,0,.35); }
*::-webkit-scrollbar-track{ background: rgba(255,255,255,.05); }

/* Prose media inside post content */
.prose img, .prose video, .prose iframe{
  max-width:100%;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}

/* Tables on mobile */
.prose table{ display:block; max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch; }

/* Reduce motion when requested */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

/* ===== Related posts block (modern, site-consistent) ===== */
.sf-related{ margin-top: 44px; }
.sf-related-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom: 14px;
}
.sf-related-title{
  font-size: 20px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
}
@media (min-width: 768px){
  .sf-related-title{ font-size: 24px; }
}
.sf-related-all{
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  color: rgba(239,68,68,.85);
  text-decoration: none;
}
.sf-related-all:hover{ color: rgba(255,255,255,.92); text-decoration: underline; text-underline-offset: 6px; }

.sf-related-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 640px){
  .sf-related-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

.sf-related-card{
  display:block;
  position:relative;
  overflow:hidden;
  border-radius: 18px;
  border: 1px solid rgba(225,29,42,.22);
  background: linear-gradient(180deg, rgba(10,10,12,.82), rgba(5,5,6,.68));
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  transform: translateY(0);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.sf-related-card:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(600px 180px at 30% 0%, rgba(225,29,42,.12), transparent 60%);
  pointer-events:none;
  opacity:.9;
}
.sf-related-card:hover{
  transform: translateY(-2px);
  border-color: rgba(225,29,42,.48);
  box-shadow: 0 26px 90px rgba(0,0,0,.70);
}

.sf-related-cover{
  aspect-ratio: 16/9;
  width: 100%;
  background: rgba(0,0,0,.25);
  overflow:hidden;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.sf-related-cover img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform .45s ease;
  display:block;
}
.sf-related-card:hover .sf-related-cover img{ transform: scale(1.08); }

.sf-related-body{
  position:relative;
  padding: 16px 16px 18px 16px;
}
.sf-related-date{
  font-size: 12px;
  font-weight: 800;
  color: rgba(255,255,255,.56);
  letter-spacing: .08em;
}
.sf-related-card-title{
  margin-top: 8px;
  font-size: 18px;
  font-weight: 900;
  color: rgba(255,255,255,.92);
  line-height: 1.2;
  transition: color .2s ease;
}
.sf-related-card:hover .sf-related-card-title{ color: rgba(239,68,68,.92); }

.sf-related-excerpt{
  margin-top: 10px;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,.62);
  line-height: 1.55;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

/* Small “chip” separator look */
.sf-related-divider{
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(225,29,42,.45), transparent);
  margin: 18px 0;
}

/* source: sf_pro.css */
/* Satanas Fidelis – Professional unification layer (release) */

:root{
  --sf-shell-max: 1180px;
  --sf-shell-pad: clamp(12px, 2vw, 24px);
  --sf-radius-xl: 28px;
  --sf-radius-lg: 22px;
  --sf-radius-md: 18px;
  --sf-panel-bg: linear-gradient(180deg, rgba(18,18,21,.90), rgba(8,8,10,.82));
  --sf-panel-soft: linear-gradient(180deg, rgba(20,20,23,.76), rgba(8,8,10,.64));
  --sf-panel-border: rgba(255,255,255,.10);
  --sf-panel-shadow: 0 24px 70px rgba(0,0,0,.48);
}
html{scroll-behavior:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{color:#fff;}
body:not(.sf-panel){background:transparent !important;background-color:#050506 !important;}
#root,.sf-shell,.sf-page-main,.sf-main,.adm-shell{min-width:0;}
.sf-page-main,.sf-main{width:min(var(--sf-shell-max), calc(100% - (var(--sf-shell-pad) * 2)));margin-inline:auto;}
.sf-page-card,.sf-status-card,.sf-card,.sf-panel,.sf-sidebar,.sf-reader,.adm-content,.adm-sidebar,.adm-card,.adm-form,.adm-seo,.adm-preview-card,.sf-auth-card,.sf-auth-aside{box-shadow:var(--sf-panel-shadow);}
.sf-page-card,.sf-status-card{border-radius:var(--sf-radius-xl);border:1px solid rgba(255,255,255,.10);background:var(--sf-panel-bg);}
.sf-status-card{padding:1.15rem 1.2rem;}
.sf-panel{border-radius:var(--sf-radius-xl);}
.sf-panel--soft{background:var(--sf-panel-soft) !important;}
.sf-card,.sf-sidebar,.sf-reader,.sf-auth-card,.sf-auth-aside,.adm-content,.adm-sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.sf-input,.sf-textarea,.sf-select,.adm-input,.adm-select,.adm-textarea,.sf-in,.sf-modal-input{min-height:46px;}
.sf-home-page #root .h-screen{min-height:min(82svh, 860px);height:auto;}
.sf-home-page #root .max-w-7xl,.sf-home-page #root .max-w-6xl,.sf-home-page #root .max-w-5xl,.sf-home-page #root .mx-auto{max-width:min(1180px, calc(100% - 2rem));}
.sf-home-page #root [class*="shadow-2xl"],.sf-home-page #root [class*="shadow-xl"]{box-shadow:0 22px 60px rgba(0,0,0,.42) !important;}
.sf-home-page #root [class*="rounded-3xl"]{border-radius:28px !important;}.sf-home-page #root [class*="rounded-2xl"]{border-radius:22px !important;}
.sf-home-page #root .sticky{top:calc(var(--sf-nav-h, 72px) + 14px) !important;}
.sf-home-page #root .prose,.sf-article-body,.adm-editorbox{overflow-wrap:anywhere;word-break:normal;}table{width:100%;}
@media (max-width:1100px){.sf-page-main,.sf-main{width:min(var(--sf-shell-max), calc(100% - 1.2rem));}}
@media (max-width:900px){:root{--sf-shell-pad:12px;--sf-radius-xl:24px;--sf-radius-lg:20px;--sf-radius-md:16px;--sf-panel-shadow:0 16px 44px rgba(0,0,0,.40);}body:not(.sf-panel){background-attachment:scroll !important;}.sf-home-page #root .h-screen{min-height:auto;padding-top:clamp(5.5rem, 14vw, 7rem);padding-bottom:2rem;}.sf-home-page #root .sticky{position:static !important;}.sf-home-page #root [class*="text-6xl"]{font-size:clamp(2.3rem, 10vw, 3.6rem) !important;line-height:1.02 !important;}.sf-home-page #root [class*="text-5xl"]{font-size:clamp(2rem, 8vw, 3rem) !important;line-height:1.04 !important;}.sf-home-page #root [class*="text-4xl"]{font-size:clamp(1.7rem, 7vw, 2.5rem) !important;line-height:1.08 !important;}.sf-site-footer-inner{width:calc(100% - .8rem);line-height:1.5;}}
@media (max-width:640px){.sf-page-main,.sf-main{width:calc(100% - .8rem);}.sf-page-card,.sf-status-card,.sf-card,.sf-panel,.sf-sidebar,.sf-reader,.sf-auth-card,.sf-auth-aside,.adm-content,.adm-sidebar{border-radius:20px !important;}.sf-site-footer{padding-block:8px;}.sf-site-footer-inner{gap:6px;flex-wrap:wrap;}.sf-home-page #root .max-w-7xl,.sf-home-page #root .max-w-6xl,.sf-home-page #root .max-w-5xl,.sf-home-page #root .mx-auto{max-width:calc(100% - 1rem);}.sf-home-page #root [class*="px-8"]{padding-left:1rem !important;padding-right:1rem !important;}.sf-home-page #root [class*="px-6"]{padding-left:.95rem !important;padding-right:.95rem !important;}.sf-home-page #root [class*="py-10"]{padding-top:1.35rem !important;padding-bottom:1.35rem !important;}}


/* release mobile home/nav polish */
@media (max-width:640px){
  .sf-home-page #root .gothic-title{font-size:clamp(2.6rem, 13vw, 4rem) !important;line-height:.92 !important;}
  .sf-home-page #root .gothic-subtitle{font-size:clamp(1.02rem, 4.8vw, 1.24rem) !important;line-height:1.55 !important;max-width:30rem;margin-inline:auto;}
  .sf-home-page #root img[alt="Satanas Fidelis"]{max-width:min(34vw,110px);height:auto;}
}


/* final release page-root guardrails */
.sf-home-page #root, .sf-home-page .sf-shell{min-width:0;}
.sf-admin-page .adm-body, .sf-admin-page .adm-content, .sf-admin-page .adm-sidebar, .sf-admin-page .adm-view{min-width:0;}
.sf-auth-page .sf-auth-wrap, .sf-profile-page .sf-main, .sf-public-profile-page .sf-prof-layout, .sf-categories-page .sf-panel{min-width:0;}

/* source: sf_final.css */
/* Satanas Fidelis – release polish layer */
:root{
  --sf-final-bg:
    radial-gradient(1200px 520px at 50% -5%, rgba(168, 22, 32, .16), transparent 58%),
    radial-gradient(920px 420px at 10% 12%, rgba(168, 22, 32, .11), transparent 58%),
    radial-gradient(920px 420px at 90% 18%, rgba(168, 22, 32, .09), transparent 58%),
    linear-gradient(180deg, rgba(8,8,10,.96) 0%, rgba(5,5,6,.985) 100%);
  --sf-final-glass: linear-gradient(180deg, rgba(18,18,22,.92), rgba(9,9,11,.88));
  --sf-final-glass-soft: linear-gradient(180deg, rgba(18,18,22,.84), rgba(9,9,11,.76));
  --sf-final-border: rgba(255,255,255,.09);
  --sf-final-border-strong: rgba(225,29,42,.30);
  --sf-final-shadow: 0 22px 70px rgba(0,0,0,.48);
  --sf-final-shadow-strong: 0 28px 90px rgba(0,0,0,.56);
  --sf-final-highlight: rgba(248,113,113,.14);
}

body.sf-home-page,
body.sf-auth-page,
body.sf-categories-page,
body.sf-category-archive-page,
body.sf-tag-archive-page,
body.sf-library-page,
body.sf-profile-page,
body.sf-public-profile-page,
body.sf-post-page,
body.sf-admin-page,
body.sf-banned-page,
body.sf-setup-page,
body.sf-rules-page,
body.sf-redirect-page{
  background:
    var(--sf-final-bg),
    url('/assets/sf-bg-red-black-premium.webp') center top / cover fixed no-repeat,
    #050506 !important;
}
@media (max-width: 900px){
  body.sf-home-page,
  body.sf-auth-page,
  body.sf-categories-page,
  body.sf-category-archive-page,
  body.sf-tag-archive-page,
  body.sf-library-page,
  body.sf-profile-page,
  body.sf-public-profile-page,
  body.sf-post-page,
  body.sf-admin-page,
  body.sf-banned-page,
  body.sf-setup-page,
  body.sf-rules-page,
  body.sf-redirect-page{ background-attachment: scroll !important; }
}

body.sf-home-page #root,
body.sf-auth-page .sf-shell,
body.sf-categories-page .flex-1,
body.sf-library-page .flex-1,
body.sf-profile-page .sf-shell,
body.sf-post-page main,
body.sf-public-profile-page main,
body.sf-admin-page .adm-shell,
body.sf-setup-page .sf-shell,
body.sf-banned-page .sf-shell,
body.sf-rules-page main,
body.sf-redirect-page .sf-shell{
  position: relative;
  isolation: isolate;
}

.sf-topnav{
  background: linear-gradient(180deg, rgba(10,10,12,.94), rgba(7,7,9,.86)) !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.38) !important;
}
.sf-topnav__brand img,
.sf-brand-logo,
.sf-home-page img[alt="Satanas Fidelis"]{
  filter: drop-shadow(0 10px 28px rgba(0,0,0,.36));
}
.sf-site-footer,
.sf-footer{
  background: linear-gradient(180deg, rgba(8,8,10,.78), rgba(5,5,7,.92)) !important;
  border-top-color: rgba(255,255,255,.07) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.sf-home-page #root .max-w-7xl,
.sf-home-page #root .max-w-6xl,
.sf-home-page #root .max-w-5xl,
.sf-home-page #root .max-w-4xl,
.sf-categories-page .max-w-7xl,
.sf-library-page .sf-main,
.sf-profile-page .sf-main,
.sf-public-profile-page .sf-main,
.sf-banned-page main,
.sf-redirect-page main{
  width: min(1180px, calc(100% - 1.2rem));
  margin-inline: auto;
}
@media (max-width: 640px){
  .sf-home-page #root .max-w-7xl,
  .sf-home-page #root .max-w-6xl,
  .sf-home-page #root .max-w-5xl,
  .sf-home-page #root .max-w-4xl,
  .sf-categories-page .max-w-7xl,
  .sf-library-page .sf-main,
  .sf-profile-page .sf-main,
  .sf-public-profile-page .sf-main,
  .sf-banned-page main,
  .sf-redirect-page main{ width: calc(100% - .8rem); }
}

/* Unified premium surfaces */
.sf-home-page #root [class*="rounded-lg"][class*="border-2"],
.sf-home-page #root [class*="rounded-2xl"],
.sf-home-page #root [class*="rounded-3xl"],
.sf-auth-page .sf-auth-card,
.sf-auth-page .sf-auth-aside,
.sf-categories-page .sf-panel,
.sf-library-page .sf-sidebar,
.sf-library-page .sf-reader,
.sf-profile-page .sf-card,
.sf-profile-page .sf-preview,
.sf-public-profile-page .sf-prof-head,
.sf-public-profile-page .sf-prof-panel,
.sf-public-profile-page .sf-aside-card,
.sf-post-page .sf-article-hero,
.sf-post-page .sf-article-content-card,
.sf-admin-page .adm-sidebar,
.sf-admin-page .adm-content,
.sf-tag-archive-page .sf-page-card,
.sf-category-archive-page .sf-page-card,
.sf-rules-page .sf-page-card,
.sf-setup-page .sf-card,
.sf-banned-page .rounded-2xl,
.sf-redirect-page .sf-redirect-card{
  border-color: var(--sf-final-border) !important;
  background: var(--sf-final-glass) !important;
  box-shadow: var(--sf-final-shadow) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.sf-home-page #root [class*="rounded-lg"][class*="border-2"]::before,
.sf-post-page .sf-article-hero::before,
.sf-post-page .sf-article-content-card::before,
.sf-auth-page .sf-auth-card::before,
.sf-auth-page .sf-auth-aside::before,
.sf-categories-page .sf-panel::before,
.sf-library-page .sf-sidebar::before,
.sf-library-page .sf-reader::before,
.sf-profile-page .sf-card::before,
.sf-public-profile-page .sf-prof-head::before,
.sf-public-profile-page .sf-prof-panel::before,
.sf-public-profile-page .sf-aside-card::before,
.sf-admin-page .adm-sidebar::before,
.sf-admin-page .adm-content::before,
.sf-redirect-page .sf-redirect-card::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at top right, rgba(225,29,42,.12), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 24%);
  opacity:.92;
}

.sf-home-page #root [class*="rounded-lg"][class*="border-2"],
.sf-home-page #root [class*="rounded-2xl"],
.sf-home-page #root [class*="rounded-3xl"],
.sf-auth-page .sf-auth-card,
.sf-auth-page .sf-auth-aside,
.sf-categories-page .sf-panel,
.sf-library-page .sf-sidebar,
.sf-library-page .sf-reader,
.sf-profile-page .sf-card,
.sf-public-profile-page .sf-prof-head,
.sf-public-profile-page .sf-prof-panel,
.sf-public-profile-page .sf-aside-card,
.sf-post-page .sf-article-hero,
.sf-post-page .sf-article-content-card,
.sf-admin-page .adm-sidebar,
.sf-admin-page .adm-content,
.sf-tag-archive-page .sf-page-card,
.sf-category-archive-page .sf-page-card,
.sf-rules-page .sf-page-card,
.sf-setup-page .sf-card,
.sf-banned-page .rounded-2xl,
.sf-redirect-page .sf-redirect-card{ position: relative; overflow: hidden; }

/* Homepage all posts button */
.sf-home-page .sf-home-all-posts-btn{
  min-height: 58px;
  padding: 0 1.65rem !important;
  border-radius: 20px !important;
  border-color: rgba(248,113,113,.24) !important;
  background: linear-gradient(180deg, rgba(84,11,18,.96) 0%, rgba(32,10,12,.98) 56%, rgba(8,8,10,.98) 100%) !important;
  box-shadow: 0 20px 54px rgba(67,10,15,.38), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.46) !important;
  letter-spacing: .24em !important;
  font-weight: 900 !important;
}
.sf-home-page .sf-home-all-posts-btn:hover,
.sf-home-page .sf-home-all-posts-btn:focus-visible{
  transform: translateY(-2px) scale(1.01) !important;
  border-color: rgba(248,113,113,.38) !important;
  box-shadow: 0 26px 64px rgba(67,10,15,.44), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.50) !important;
}
.sf-home-page .sf-home-all-posts-btn > .sf-home-all-posts-btn__gloss{ border-radius: 19px !important; }
.sf-home-page .sf-home-all-posts-btn > .sf-home-all-posts-btn__glow{ opacity: .56 !important; }

.sf-home-page #root .text-center.space-y-8,
.sf-home-page #root .max-w-4xl.mx-auto.mb-16{
  filter: drop-shadow(0 20px 48px rgba(0,0,0,.18));
}

/* Stronger heading rhythm */
.sf-page-title,
.sf-home-page .gothic-title,
.sf-categories-page .sf-panel-title,
.sf-profile-page .sf-title,
.sf-profile-page .sf-title2,
.sf-public-profile-page .sf-prof-name,
.sf-public-profile-page .sf-profile-name,
.sf-post-page .sf-article-title,
.sf-auth-page .sf-auth-title,
.sf-admin-page .adm-view h2{
  text-wrap: balance;
  letter-spacing: .04em;
}
.sf-page-description,
.sf-home-page .gothic-subtitle,
.sf-categories-page .sf-panel-sub,
.sf-auth-page .sf-auth-sub,
.sf-profile-page .sf-sub,
.sf-public-profile-page .sf-prof-bio,
.sf-post-page .sf-article-excerpt{
  color: rgba(255,255,255,.72) !important;
}

/* Better empty/loading states */
.sf-status-card,
.sf-empty,
.sf-profile-page #sfProfileGate,
.sf-profile-page #sfLastViewersPanel,
.sf-public-profile-page #profileLoading,
.sf-public-profile-page #profileError,
.sf-library-page #sfStatus,
.sf-library-page .sf-empty,
.sf-admin-page #adm-gate,
.sf-admin-page .adm-alert,
.sf-banned-page .rounded-2xl,
.sf-redirect-page .sf-redirect-card{
  border-color: rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(18,18,22,.90), rgba(9,9,11,.82)) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.34);
}
.sf-status-card--empty,
.sf-empty{
  border-color: rgba(225,29,42,.20) !important;
  background: linear-gradient(180deg, rgba(56,9,13,.18), rgba(9,9,11,.84)) !important;
}
.sf-status-card--error,
.sf-public-profile-page #profileError,
.sf-admin-page .adm-alert{ border-color: rgba(225,29,42,.36) !important; }

/* Categories */
.sf-categories-page .sf-toolbar{ gap: 1rem; }
.sf-categories-page .sf-cat-item,
.sf-categories-page #sfPagination .sf-btn,
.sf-categories-page .sf-input,
.sf-categories-page .sf-select{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.18);
}
.sf-categories-page #sfResultMeta,
.sf-categories-page #sfStatus{ min-height: 1.4rem; }

/* Library */
.sf-library-page .sf-top-hero,
.sf-library-page .sf-book,
.sf-library-page .sf-lib-item{
  border-color: rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(18,18,22,.86), rgba(9,9,11,.78)) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.22);
}
.sf-library-page .sf-reader-head{ border-bottom-color: rgba(255,255,255,.07); }

/* Profile */
.sf-profile-page .sf-cardhead,
.sf-profile-page .sf-preview-head,
.sf-profile-page .sf-cardactions,
.sf-profile-page .sf-preview-actions,
.sf-public-profile-page .sf-public-profile-top,
.sf-public-profile-page .sf-profile-actions{
  gap: .85rem;
}
.sf-profile-page .sf-rules-note,
.sf-public-profile-page .sf-aside-card{
  border-color: rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(20,20,24,.74), rgba(11,11,13,.78)) !important;
}
.sf-profile-page .sf-avatar,
.sf-public-profile-page .sf-prof-avatar,
.sf-public-profile-page .sf-avatar-wrap{
  box-shadow: 0 14px 34px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.04) inset;
}

/* Post page */
.sf-post-page .sf-article-shell{ padding-top: clamp(1.2rem, 2vw, 1.9rem); }
.sf-post-page .sf-article-backlink{
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .78rem 1.05rem;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(0,0,0,.26);
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
}
.sf-post-page .sf-article-backlink:hover{ border-color: rgba(225,29,42,.32); background: rgba(225,29,42,.08); }
.sf-post-page .sf-article-meta-pill,
.sf-post-page .sf-article-chip{ box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.sf-post-page .sf-article-cover,
.sf-post-page .sf-article-cover-placeholder{ background: linear-gradient(180deg, rgba(18,18,22,.88), rgba(9,9,11,.86)); }

/* Admin */
.sf-admin-page .adm-body{ gap: 1rem; }
.sf-admin-page .adm-sidebar,
.sf-admin-page .adm-content{
  border-color: rgba(255,255,255,.09) !important;
}
.sf-admin-page .adm-nav a,
.sf-admin-page .adm-nav button,
.sf-admin-page .adm-tab,
.sf-admin-page .adm-pill,
.sf-admin-page .adm-btn,
.sf-admin-page .adm-iconbtn{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 22px rgba(0,0,0,.16);
}
.sf-admin-page .adm-card{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(180deg, rgba(18,18,22,.90), rgba(9,9,11,.84));
}

/* Auth */
.sf-auth-page .sf-auth-card,
.sf-auth-page .sf-auth-aside{ min-height: min(760px, 100%); }
.sf-auth-page .sf-auth-tab,
.sf-auth-page .sf-pass-toggle,
.sf-auth-page .sf-linkbtn,
.sf-auth-page .sf-auth-submit{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 26px rgba(0,0,0,.18);
}

/* Redirect / banned / setup helper cards */
.sf-redirect-page .sf-shell,
.sf-banned-page .sf-shell{ min-height: 100vh; display: flex; flex-direction: column; }
.sf-redirect-page main,
.sf-banned-page main{ flex: 1 1 auto; display: flex; align-items: center; justify-content: center; padding: 1.25rem 0 2rem; }
.sf-redirect-page .sf-redirect-card,
.sf-banned-page .rounded-2xl{ width: min(720px, 100%); padding: 1.4rem; border-radius: 26px !important; }
.sf-redirect-page .sf-redirect-title,
.sf-banned-page .text-2xl{ font-size: clamp(1.7rem, 4vw, 2.35rem); font-weight: 950; letter-spacing: .06em; text-transform: uppercase; }
.sf-redirect-page .sf-redirect-sub,
.sf-banned-page .mt-3{ color: rgba(255,255,255,.74); line-height: 1.75; }
.sf-redirect-page .sf-redirect-actions,
.sf-banned-page .mt-6{ display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.15rem; }

@media (max-width: 900px){
  .sf-admin-page .adm-body,
  .sf-profile-page .sf-grid,
  .sf-public-profile-page .sf-prof-layout{ gap: .85rem; }
}
@media (max-width: 640px){
  .sf-home-page .sf-home-all-posts-btn{ width: 100%; max-width: 420px; }
  .sf-post-page .sf-article-backlink,
  .sf-profile-page .sf-cardactions .sf-btn,
  .sf-profile-page .sf-preview-actions .sf-btn,
  .sf-public-profile-page .sf-profile-actions .sf-btn,
  .sf-redirect-page .sf-redirect-actions .sf-btn,
  .sf-banned-page .mt-6 .sf-btn{ flex: 1 1 auto; justify-content: center; }
  .sf-admin-page .adm-card,
  .sf-redirect-page .sf-redirect-card,
  .sf-banned-page .rounded-2xl{ border-radius: 22px !important; }
}


.sf-topnav__brand-title{
  text-rendering: optimizeLegibility;
}


.sf-topnav__inner{justify-content:space-between;align-items:center;}
.sf-topnav__left{justify-content:flex-start;}
.sf-topnav__brand,.sf-topnav__drawer-brand{justify-content:flex-start;align-items:center;}
.sf-topnav__brand-title,.sf-topnav__drawer-title{font-family:"Cinzel",ui-serif,Georgia,serif;font-weight:800;letter-spacing:.12em;}


/* auth, admin nav, homepage social refinements */
.sf-auth-page #regName{word-spacing:normal;}

.sf-admin-page .adm-sidebar{overflow:hidden;display:flex;flex-direction:column;}
.sf-admin-page .adm-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(225,29,42,.55) rgba(255,255,255,.06);}
.sf-admin-page .adm-nav::-webkit-scrollbar{width:10px;}
.sf-admin-page .adm-nav::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px;}
.sf-admin-page .adm-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(225,29,42,.66), rgba(116,8,15,.92));border-radius:999px;border:2px solid rgba(10,10,12,.92);}
.sf-admin-page .adm-nav-summary{margin-top:14px;position:relative;}

.sf-home-page .sf-home-social-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:54px;
  padding:.92rem 1.35rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(18,18,24,.94), rgba(9,9,12,.92));
  color:#f5f7fb;
  font-weight:900;
  letter-spacing:.01em;
  text-decoration:none;
  box-shadow:0 18px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.sf-home-page .sf-home-social-btn:hover{
  transform:translateY(-2px);
  color:#fff;
  border-color:rgba(225,29,42,.34);
  box-shadow:0 22px 48px rgba(0,0,0,.42), 0 0 0 1px rgba(225,29,42,.10) inset;
}
.sf-home-page .sf-home-social-btn--discord{border-color:rgba(88,101,242,.34);}
.sf-home-page .sf-home-social-btn--discord:hover{background:linear-gradient(180deg, rgba(30,36,76,.96), rgba(12,14,24,.94));border-color:rgba(88,101,242,.58);}
.sf-home-page .sf-home-social-btn--instagram{border-color:rgba(236,72,153,.26);}
.sf-home-page .sf-home-social-btn--instagram:hover{background:linear-gradient(180deg, rgba(72,20,54,.96), rgba(19,10,16,.94));border-color:rgba(249,115,22,.48);}
.sf-home-page .sf-home-social-btn--tiktok{border-color:rgba(255,255,255,.14);}
.sf-home-page .sf-home-social-btn--tiktok:hover{background:linear-gradient(180deg, rgba(30,10,14,.96), rgba(10,10,12,.96));border-color:rgba(225,29,42,.42);}

@media (max-width: 640px){
  .sf-home-page .sf-home-social-btn{width:100%;}
  .sf-admin-page .adm-nav{padding-right:2px;}
}


/* centered nav items + branded social icons */
@media (min-width: 981px){
  .sf-topnav__center{justify-content:center;}
  .sf-topnav__nav{justify-content:center;}
}
.sf-home-page .sf-home-social-btn__icon{
  width:22px;
  height:22px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.32));
}
.sf-home-page .sf-home-social-btn__label{
  display:inline-flex;
  align-items:center;
}


/* real social logos + Discord-led layout */
.sf-home-page .sf-home-social-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
  max-width:780px;
  margin:0 auto;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
  grid-column:1 / -1;
  min-height:64px;
  padding:1rem 1.45rem;
  font-size:1rem;
  letter-spacing:.02em;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child .sf-home-social-btn__icon{
  width:26px;
  height:26px;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:not(:first-child){
  min-height:56px;
}
.sf-home-page .sf-home-social-btn{
  width:100%;
  justify-content:flex-start;
  text-align:left;
}
.sf-home-page .sf-home-social-btn__icon{
  width:24px;
  height:24px;
}
.sf-home-page .sf-home-social-btn__label{
  flex:1 1 auto;
}
.sf-home-page .sf-home-social-btn--discord{
  background:linear-gradient(180deg, rgba(45,52,122,.98), rgba(16,19,35,.96));
  border-color:rgba(88,101,242,.58);
  box-shadow:0 22px 54px rgba(32,38,92,.34), inset 0 1px 0 rgba(255,255,255,.06);
}
.sf-home-page .sf-home-social-btn--discord:hover{
  background:linear-gradient(180deg, rgba(55,63,146,.98), rgba(18,22,42,.96));
  box-shadow:0 26px 58px rgba(32,38,92,.42), 0 0 0 1px rgba(88,101,242,.18) inset;
}
.sf-home-page .sf-home-social-btn--instagram{
  background:linear-gradient(180deg, rgba(39,16,33,.96), rgba(12,10,15,.94));
}
.sf-home-page .sf-home-social-btn--tiktok{
  background:linear-gradient(180deg, rgba(22,16,18,.96), rgba(10,10,12,.94));
}
@media (max-width: 640px){
  .sf-home-page .sf-home-social-grid{
    grid-template-columns:1fr;
  }
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
    grid-column:auto;
  }
}

/* custom Discord crest + refined social CTA sizing */
.sf-home-page .sf-home-social-grid{
  max-width:860px;
  gap:16px;
}
.sf-home-page .sf-home-social-btn{
  position:relative;
  min-height:68px;
  padding:1rem 1.2rem;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(16,16,20,.96), rgba(7,7,10,.96));
  box-shadow:0 22px 52px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.42);
  gap:.82rem;
}
.sf-home-page .sf-home-social-btn::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:23px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012) 26%, rgba(0,0,0,0) 56%, rgba(0,0,0,.20) 100%);
}
.sf-home-page .sf-home-social-btn:hover{
  transform:translateY(-2px) scale(1.005);
}
.sf-home-page .sf-home-social-btn__icon,
.sf-home-page .sf-home-social-btn__label{
  position:relative;
  z-index:1;
}
.sf-home-page .sf-home-social-btn__label{
  font-size:1rem;
  font-weight:800;
  letter-spacing:.015em;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
  min-height:92px;
  padding:1.15rem 1.35rem;
  border-radius:28px;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child::after{
  border-radius:27px;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child .sf-home-social-btn__icon{
  width:56px;
  height:56px;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.34));
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:not(:first-child) .sf-home-social-btn__icon{
  width:28px;
  height:28px;
}
.sf-home-page .sf-home-social-btn--discord{
  background:
    radial-gradient(circle at 12% 50%, rgba(225,29,42,.18), transparent 28%),
    linear-gradient(180deg, rgba(30,11,15,.98), rgba(10,10,12,.98));
  border-color:rgba(225,29,42,.36);
  box-shadow:0 26px 62px rgba(54,7,11,.36), inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.44);
}
.sf-home-page .sf-home-social-btn--discord:hover{
  background:
    radial-gradient(circle at 12% 50%, rgba(225,29,42,.24), transparent 32%),
    linear-gradient(180deg, rgba(42,12,17,.98), rgba(10,10,12,.98));
  border-color:rgba(248,113,113,.42);
  box-shadow:0 30px 68px rgba(54,7,11,.42), 0 0 0 1px rgba(225,29,42,.14) inset;
}
.sf-home-page .sf-home-social-btn--instagram{
  background:linear-gradient(180deg, rgba(22,13,18,.96), rgba(9,9,12,.96));
  border-color:rgba(236,72,153,.22);
}
.sf-home-page .sf-home-social-btn--instagram:hover{
  background:linear-gradient(180deg, rgba(34,15,26,.96), rgba(10,10,12,.96));
  border-color:rgba(249,115,22,.30);
}
.sf-home-page .sf-home-social-btn--tiktok{
  background:linear-gradient(180deg, rgba(16,16,18,.96), rgba(8,8,10,.96));
  border-color:rgba(255,255,255,.12);
}
.sf-home-page .sf-home-social-btn--tiktok:hover{
  background:linear-gradient(180deg, rgba(20,18,20,.96), rgba(8,8,10,.96));
  border-color:rgba(255,255,255,.18);
}
@media (max-width: 640px){
  .sf-home-page .sf-home-social-grid{
    gap:12px;
  }
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
    min-height:82px;
    padding:1rem 1.1rem;
  }
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child .sf-home-social-btn__icon{
    width:48px;
    height:48px;
  }
  .sf-home-page .sf-home-social-btn{
    min-height:62px;
    border-radius:22px;
  }
  .sf-home-page .sf-home-social-btn::after{
    border-radius:21px;
  }
}


/* smaller, cleaner social CTA sizing */
.sf-home-page .sf-home-social-grid{
  max-width:760px;
  gap:12px;
}
.sf-home-page .sf-home-social-btn{
  min-height:56px;
  padding:.82rem 1rem;
  border-radius:20px;
  gap:.72rem;
}
.sf-home-page .sf-home-social-btn::after{border-radius:19px;}
.sf-home-page .sf-home-social-btn__label{
  font-size:.94rem;
  font-weight:800;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
  min-height:74px;
  padding:.9rem 1.05rem;
  border-radius:24px;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child::after{border-radius:23px;}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child .sf-home-social-btn__icon{
  width:36px;
  height:36px;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:not(:first-child) .sf-home-social-btn__icon{
  width:22px;
  height:22px;
}
@media (max-width: 640px){
  .sf-home-page .sf-home-social-grid{gap:10px;}
  .sf-home-page .sf-home-social-btn{min-height:52px;padding:.78rem .92rem;border-radius:18px;}
  .sf-home-page .sf-home-social-btn::after{border-radius:17px;}
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{min-height:68px;padding:.86rem .95rem;border-radius:22px;}
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child::after{border-radius:21px;}
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child .sf-home-social-btn__icon{width:32px;height:32px;}
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:not(:first-child) .sf-home-social-btn__icon{width:20px;height:20px;}
}


/* homepage sizing, section alignment, heading clarity */
.sf-home-page .sf-home-section-head{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.sf-home-page .sf-home-section-title{
  margin:0 auto;
}
.sf-home-page .sf-home-section-desc{
  margin:.8rem auto 0;
  max-width:44rem;
  text-align:center;
  line-height:1.72;
}
.sf-home-page .sf-home-feed-card-title{
  font-size:1.18rem;
  line-height:1.28;
  letter-spacing:.01em;
}
.sf-home-page .sf-home-social-grid{
  max-width:520px;
  gap:18px 14px;
  justify-items:center;
}
.sf-home-page .sf-home-social-btn{
  width:100%;
  justify-self:center;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
  width:min(278px,100%);
  min-height:68px;
  padding:.9rem 1.05rem;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:not(:first-child){
  width:min(146px,100%);
  min-height:56px;
  padding:.78rem .96rem;
}
.sf-post-card__title{
  font-size:1.1rem;
  line-height:1.26;
  letter-spacing:.01em;
}
article.prose h2,
article.prose h3,
article.prose h4{
  text-wrap:balance;
}
article.prose h2{
  font-size:clamp(1.55rem,2.6vw,2.08rem);
  line-height:1.18;
  margin-top:2.15rem;
  margin-bottom:.85rem;
  padding-bottom:.35rem;
  border-bottom:1px solid rgba(225,29,42,.14);
}
article.prose h3{
  font-size:clamp(1.3rem,2vw,1.68rem);
  line-height:1.22;
  margin-top:1.8rem;
  margin-bottom:.72rem;
}
article.prose h4{
  font-size:clamp(1.08rem,1.55vw,1.3rem);
  line-height:1.28;
  margin-top:1.45rem;
  margin-bottom:.58rem;
  color:rgba(255,255,255,.92);
}
@media (max-width: 640px){
  .sf-home-page .sf-home-social-grid{
    max-width:100%;
    gap:12px;
  }
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child,
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:not(:first-child){
    width:100%;
  }
  .sf-home-page .sf-home-feed-card-title{
    font-size:1.08rem;
    line-height:1.26;
  }
  .sf-post-card__title{
    font-size:1.02rem;
    line-height:1.24;
  }
}


/* social grid proportions (Discord = Instagram+TikTok) */
.sf-home-page .sf-home-social-grid{
  --sf-social-col: 220px;
  --sf-social-gap: 22px;
  grid-template-columns: repeat(2, minmax(0, var(--sf-social-col)));
  gap: var(--sf-social-gap);
  width: min(100%, calc(var(--sf-social-col) * 2 + var(--sf-social-gap)));
  max-width: none;
  margin: 0 auto;
  justify-content: center;
  justify-items: stretch;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn{
  width: 100% !important;
  justify-self: stretch;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
  grid-column: 1 / -1;
  width: 100% !important;
}
@media (max-width: 640px){
  .sf-home-page .sf-home-social-grid{
    width: 100%;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
    grid-column: auto;
  }
}

/* tighter social CTA widths + centered labels with left icons */
.sf-home-page .sf-home-social-grid{
  --sf-social-col: 192px;
  --sf-social-gap: 14px;
  grid-template-columns: repeat(2, minmax(0, var(--sf-social-col)));
  gap: var(--sf-social-gap);
  width: min(100%, calc(var(--sf-social-col) * 2 + var(--sf-social-gap)));
}
.sf-home-page .sf-home-social-btn{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: .8rem 2.3rem;
  text-align: center;
}
.sf-home-page .sf-home-social-btn__icon{
  position: absolute;
  left: 1.05rem;
  top: 50%;
  transform: translateY(-50%);
}
.sf-home-page .sf-home-social-btn__label{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  padding: 0 .12rem;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
  width: 100% !important;
  min-height: 62px;
  padding: .9rem 2.7rem;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child .sf-home-social-btn__icon{
  left: 1.15rem;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:not(:first-child){
  min-height: 54px;
}
@media (max-width: 640px){
  .sf-home-page .sf-home-social-grid{
    width: 100%;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
    grid-column: auto;
  }
  .sf-home-page .sf-home-social-btn,
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }
}


/* tighter social CTA fit */
.sf-home-page .sf-home-social-grid{
  --sf-social-col: 176px;
  --sf-social-gap: 12px;
  grid-template-columns: repeat(2, minmax(0, var(--sf-social-col)));
  gap: var(--sf-social-gap);
  width: min(100%, calc(var(--sf-social-col) * 2 + var(--sf-social-gap)));
}
.sf-home-page .sf-home-social-btn{
  min-height: 52px;
  padding: .78rem 1.4rem .78rem 2.5rem;
}
.sf-home-page .sf-home-social-btn__icon{left: .95rem;}
.sf-home-page .sf-home-social-btn__label{padding-left: .4rem;padding-right: 0;}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
  min-height: 60px;
  padding: .88rem 1.55rem .88rem 2.7rem;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child .sf-home-social-btn__icon{left: 1rem;}
@media (max-width: 640px){
  .sf-home-page .sf-home-social-grid{width:100%;grid-template-columns:1fr;gap:10px;}
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{grid-column:auto;}
  .sf-home-page .sf-home-social-btn,
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{padding-left:2.8rem;padding-right:1.4rem;}
}


/* article title scale and social label balance */
.sf-post-page .sf-article-title{
  font-size: clamp(1.95rem, 3.9vw, 3.4rem) !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  letter-spacing: .015em !important;
}
@media (max-width: 768px){
  .sf-post-page .sf-article-title{
    font-size: clamp(1.78rem, 7.6vw, 2.55rem) !important;
    line-height: 1.04 !important;
  }
}
@media (max-width: 480px){
  .sf-post-page .sf-article-title{
    font-size: 1.62rem !important;
    line-height: 1.05 !important;
  }
}
.sf-home-page .sf-home-social-grid{
  --sf-social-col: 168px;
  --sf-social-gap: 12px;
  width: min(100%, calc(var(--sf-social-col) * 2 + var(--sf-social-gap))) !important;
}
.sf-home-page .sf-home-social-btn{
  min-height: 50px !important;
  padding: .76rem 1.05rem .76rem 2.35rem !important;
}
.sf-home-page .sf-home-social-btn__icon{
  left: .92rem !important;
}
.sf-home-page .sf-home-social-btn__label{
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding-left: .1rem !important;
  padding-right: .35rem !important;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{
  min-height: 58px !important;
  padding: .84rem 1.2rem .84rem 2.55rem !important;
}
.sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child .sf-home-social-btn__icon{
  left: .96rem !important;
}
@media (max-width: 640px){
  .sf-home-page .sf-home-social-grid{width:100% !important;grid-template-columns:1fr !important;gap:10px !important;}
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{grid-column:auto !important;}
  .sf-home-page .sf-home-social-btn,
  .sf-home-page .sf-home-social-grid > .sf-home-social-btn:first-child{padding-left:2.8rem !important;padding-right:1.2rem !important;}
}


/* 2026-03-17 scroll/perf stabilization */
.sf-home-page .animate-float,
.sf-home-page .animate-rotate-slow,
.sf-home-page .animate-pulse-red{
  animation-duration: 18s !important;
}
.sf-home-page .occult-glow,
.sf-home-page .gothic-title,
.sf-home-page .gothic-subtitle{
  text-shadow: 0 1px 0 rgba(255,255,255,.03), 0 10px 20px rgba(0,0,0,.18) !important;
}
.sf-home-page .sf-home-social-grid,
.sf-home-page .sf-home-all-posts-btn,
.sf-card,
.adm-card{
  will-change: auto !important;
}
.sf-public-profile-grid,
.sf-profile-shell,
.adm-view,
.sf-article-shell,
.sf-home-page section{
  content-visibility: auto;
  contain-intrinsic-size: 1px 720px;
}


/* 2026-03-18 performance consolidation */
.sf-card,.sf-page-card,.sf-sidebar,.sf-reader,.sf-auth-card,.sf-auth-aside,.adm-content,.adm-sidebar,.sf-site-footer,.sf-topnav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.sf-card,.sf-page-card,.sf-sidebar,.sf-reader,.adm-card,.sf-post-card,.sf-mini-card{box-shadow:0 12px 28px rgba(0,0,0,.24)!important;}
.sf-home-page section,.sf-public-profile-grid,.sf-profile-shell,.sf-article-shell,.adm-view,.adm-card,.sf-booklist,.sf-public-list{content-visibility:auto;contain-intrinsic-size:1px 640px;}
@media (max-width: 900px){.sf-post-card__media img,.sf-home-page .animate-float,.sf-home-page .animate-rotate-slow,.sf-home-page .animate-pulse-red{animation:none!important;transform:none!important;}}


/* global interaction polish */
@media (max-width:1024px), (prefers-reduced-motion: reduce){
  .sf-topnav,.sf-card,.sf-page-card,.sf-sidebar,.sf-reader,.sf-auth-card,.sf-auth-aside,.sf-site-footer,.sf-post-card,.sf-mini-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}
.sf-topnav{box-shadow:0 4px 14px rgba(0,0,0,.14)!important;}
.sf-post-card:hover{transform:translateY(-2px)!important;}

/* source: sf_ui.css */
/* Satanas Fidelis – Unified product UI layer (release) */
:root{
  --sf-bg:#050506;
  --sf-surface:rgba(10,10,12,.84);
  --sf-surface-soft:rgba(255,255,255,.035);
  --sf-surface-strong:rgba(16,16,19,.92);
  --sf-border:rgba(255,255,255,.10);
  --sf-border-strong:rgba(225,29,42,.28);
  --sf-border-focus:rgba(239,68,68,.52);
  --sf-text:rgba(255,255,255,.96);
  --sf-text-soft:rgba(255,255,255,.74);
  --sf-text-muted:rgba(255,255,255,.52);
  --sf-accent:#e11d2a;
  --sf-accent-soft:rgba(225,29,42,.14);
  --sf-accent-soft-2:rgba(225,29,42,.22);
  --sf-success:#22c55e;
  --sf-warning:#f59e0b;
  --sf-danger:#ef4444;
  --sf-radius-sm:12px;
  --sf-radius-md:18px;
  --sf-radius-lg:24px;
  --sf-shadow-1:0 16px 46px rgba(0,0,0,.38);
  --sf-shadow-2:0 24px 70px rgba(0,0,0,.54);
  --sf-container:1180px;
  --sf-reading:780px;
  --sf-gap-1:.5rem;
  --sf-gap-2:.875rem;
  --sf-gap-3:1.25rem;
  --sf-gap-4:1.75rem;
  --sf-gap-5:2.5rem;
  --sf-bg-art:url('/assets/sf-bg-red-black-premium.webp');
  --sf-premium-bg:
    radial-gradient(1200px 360px at 50% -2%, rgba(225,29,42,.16), transparent 56%),
    radial-gradient(1200px 360px at 50% 102%, rgba(225,29,42,.14), transparent 58%),
    linear-gradient(180deg, rgba(3,3,4,.90) 0%, rgba(5,5,7,.76) 14%, rgba(5,5,7,.54) 50%, rgba(5,5,7,.76) 86%, rgba(3,3,4,.90) 100%),
    var(--sf-bg-art);
}

html,body{min-height:100%;}
body{color:var(--sf-text);}
body:not(.sf-panel){
  position:relative;
  isolation:isolate;
  background:transparent !important;
  background-color:#050506 !important;
}
body:not(.sf-panel)::before,
body:not(.sf-panel)::after{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
}
body:not(.sf-panel)::before{
  z-index:-2;
  background-image:var(--sf-premium-bg);
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-size:130% 42%,130% 42%,100% 100%,cover;
  background-position:center top,center bottom,center center,center center;
  filter:saturate(1.02) contrast(1.04);
  transform:translateZ(0);
  will-change:transform;
}
body:not(.sf-panel)::after{
  z-index:-1;
  background:radial-gradient(circle at center, rgba(0,0,0,0) 0%, rgba(0,0,0,.10) 52%, rgba(0,0,0,.36) 100%);
}
@media (max-width:900px){
  body:not(.sf-panel)::before{
    background-size:170% 36%,170% 36%,100% 100%,cover;
    background-position:center top,center bottom,center center,52% center;
  }
}

.sf-shell{min-height:100vh;display:flex;flex-direction:column;}
.sf-main,.sf-page-main,main.flex-1{flex:1 0 auto;}
.sf-container,.sf-seo-wrap{width:min(var(--sf-container),calc(100% - 2rem));margin:0 auto;}
@media (min-width:768px){.sf-container,.sf-seo-wrap{width:min(var(--sf-container),calc(100% - 3rem));}}

.sf-page-hero,.sf-page-card,.sf-card,.sf-panel,.sf-auth-card,.sf-sidebar,.sf-reader,.adm-content,.adm-sidebar{
  border-radius:var(--sf-radius-lg);
  border:1px solid var(--sf-border);
  background:linear-gradient(180deg,rgba(18,18,21,.86),rgba(8,8,10,.88));
  box-shadow:var(--sf-shadow-1);
}
.sf-page-card,.sf-card,.sf-panel{backdrop-filter:none;-webkit-backdrop-filter:none;}

.sf-btn,.sf-primary-btn,.sf-topnav__btn,.adm-btn,.sf-auth-submit,.sf-linkbtn,.sf-topnav__link{
  transition:transform .15s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.sf-btn,.sf-primary-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.9rem 1.15rem;border-radius:14px;border:1px solid var(--sf-border);
  background:rgba(0,0,0,.28);color:var(--sf-text);text-decoration:none;font-weight:800;letter-spacing:.04em;
}
.sf-btn:hover,.sf-primary-btn:hover{transform:translateY(-1px);border-color:var(--sf-border-strong);background:rgba(255,255,255,.05)}
.sf-btn-danger,.sf-primary-btn,.sf-topnav__btn--danger,.sf-auth-submit{
  border-color:rgba(225,29,42,.42)!important;
  background:linear-gradient(180deg,rgba(225,29,42,.24),rgba(138,17,25,.20))!important;
}
.sf-btn-ghost{background:rgba(255,255,255,.03);}

.sf-input,.sf-in,.sf-textarea,.sf-select,select.sf-input,input.sf-input,textarea.sf-textarea,
.sf-auth-form .sf-in,.sf-field input,.sf-field textarea,.adm-input,.adm-textarea,.adm-select{
  width:100%;border-radius:16px;border:1px solid var(--sf-border);
  background:rgba(0,0,0,.34);color:var(--sf-text);
  padding:.92rem 1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.sf-input::placeholder,.sf-in::placeholder,.sf-textarea::placeholder{color:rgba(255,255,255,.38);}
.sf-input:focus,.sf-in:focus,.sf-textarea:focus,.sf-select:focus,.adm-input:focus,.adm-textarea:focus,.adm-select:focus{
  border-color:var(--sf-border-focus)!important;box-shadow:0 0 0 3px rgba(225,29,42,.12);
}
.sf-textarea{min-height:130px;resize:vertical;}

.sf-status-card{padding:1rem 1.1rem;border-radius:18px;border:1px solid var(--sf-border);background:rgba(0,0,0,.24);color:var(--sf-text-soft);}
.sf-status-card--loading{border-color:rgba(255,255,255,.12);}
.sf-status-card--empty{border-color:rgba(245,158,11,.26);background:rgba(245,158,11,.08);}
.sf-status-card--error{border-color:rgba(239,68,68,.30);background:rgba(239,68,68,.10);}
.sf-status-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.85rem;}

.sf-chip,.sf-pill,.sf-cat-badge,.adm-pill{
  display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.20);color:var(--sf-text-soft);
}

.sf-post-card,.sf-related-card,.sf-card{
  overflow:hidden;
}
.sf-post-card,.sf-related-card{
  background:linear-gradient(180deg,rgba(18,18,22,.92),rgba(9,9,11,.92));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:var(--sf-shadow-1);
}
.sf-post-card:hover,.sf-related-card:hover,.sf-card:hover{
  border-color:rgba(225,29,42,.34);
  box-shadow:var(--sf-shadow-2);
}

.sf-seo-wrap{padding:2rem 0 4.25rem;}
.sf-page-header{display:grid;gap:.8rem;margin-bottom:2rem;}
.sf-page-kicker{font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sf-text-muted);font-weight:800;}
.sf-page-title{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;font-weight:900;letter-spacing:.02em;margin:0;}
.sf-page-description{max-width:68ch;color:var(--sf-text-soft);line-height:1.8;font-size:1.02rem;}

article.prose{
  max-width:var(--sf-reading);margin:0 auto;font-family:"Crimson Text", Georgia, serif;
  font-size:1.2rem;line-height:1.9;color:rgba(255,255,255,.9);
}
article.prose h2,article.prose h3,article.prose h4{
  margin-top:2.2em;margin-bottom:.72em;line-height:1.18;font-family:"Cinzel", ui-serif, Georgia, serif;color:#fff;
}
article.prose p{margin:1em 0;}
article.prose ul,article.prose ol{margin:1.15rem 0;padding:.95rem 1rem .95rem 1.5rem;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);display:grid;gap:.55rem;}
article.prose ul{list-style:none;padding-left:1.2rem;}
article.prose ol{padding-left:2rem;}
article.prose li{margin:0;color:rgba(255,255,255,.92);}
article.prose ul li{position:relative;padding-left:.95rem;}
article.prose ul li::before{content:'✦';position:absolute;left:0;top:.08rem;color:#f87171;font-size:.86em;line-height:1;}
article.prose ol li::marker{color:#f87171;font-weight:900;}
article.prose blockquote{
  position:relative;overflow:hidden;margin:1.6rem 0;padding:1.15rem 1.2rem 1rem 1.5rem;border-left:4px solid rgba(239,68,68,.9);
  background:linear-gradient(180deg,rgba(120,16,24,.22),rgba(18,18,22,.9));border-radius:18px;color:rgba(255,255,255,.96);font-style:italic;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 14px 32px rgba(0,0,0,.18);
}
article.prose blockquote::before{content:'“';position:absolute;top:.28rem;left:.82rem;font-size:2rem;line-height:1;color:rgba(248,113,113,.92);font-family:Georgia,serif;}
article.prose blockquote::after{content:'ALINTI';position:absolute;top:.78rem;right:.95rem;font-size:.68rem;letter-spacing:.16em;font-weight:900;color:rgba(255,255,255,.42);font-style:normal;}
article.prose a{color:#f87171;text-decoration:underline;text-underline-offset:4px;}
article.prose hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(225,29,42,.45),transparent);margin:2rem 0;}
article.prose img,article.prose video,article.prose iframe{margin:1.6rem auto;border-radius:20px;box-shadow:var(--sf-shadow-1);}

.sf-post-title-row{align-items:flex-start;gap:1rem;margin-bottom:.35rem;}
.sf-post-title-row h1{max-width:20ch;line-height:1.04;letter-spacing:.01em;}
.sf-cover{border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--sf-shadow-1);overflow:hidden;background:rgba(255,255,255,.03);}
.sf-cover img{display:block;width:100%;height:100%;object-fit:cover;transform:translateZ(0);backface-visibility:hidden;image-rendering:auto;}
.sf-meta-row,.sf-post-meta{display:flex;flex-wrap:wrap;gap:.85rem 1.2rem;color:var(--sf-text-soft);}

.sf-comments-wrap,.sf-comments,.sf-c-item,.sf-replies .sf-c-item{
  border-radius:18px;
}
.sf-comments{margin-top:1.4rem;display:grid;gap:1rem;}
.sf-c-item{padding:1rem 1rem 1rem 1.05rem;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(16,16,18,.92),rgba(8,8,10,.82));box-shadow:0 14px 34px rgba(0,0,0,.28);}
.sf-c-item + .sf-c-item{margin-top:.9rem;}
.sf-replies{margin-top:.9rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.08);display:grid;gap:.85rem;}
.sf-c-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.2rem;flex-wrap:wrap;}
.sf-c-title{font-size:1.05rem;font-weight:900;letter-spacing:.04em;color:#fff;}
.sf-c-sub{font-size:.84rem;color:rgba(255,255,255,.56);line-height:1.5;}
.sf-c-form{padding:1rem 1.05rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);}
.sf-c-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.sf-c-who{display:flex;align-items:center;gap:.8rem;min-width:0;}
.sf-avatar{width:44px;height:44px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);flex:0 0 auto;}
.sf-name{font-weight:900;line-height:1.2;display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;}
.sf-time{color:rgba(255,255,255,.48);font-size:.78rem;margin-top:.18rem;}
.sf-c-body{color:rgba(255,255,255,.88);line-height:1.74;white-space:pre-wrap;overflow-wrap:anywhere;}
.sf-c-avatar img,.sf-avatar img,#avatarImg{border-radius:999px;object-fit:cover;}
.sf-c-body{color:rgba(255,255,255,.88);line-height:1.7;}
.sf-c-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem;}
.sf-mini{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:.55rem .8rem;border-radius:999px;font-size:.78rem;font-weight:800;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:rgba(255,255,255,.82);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;}
.sf-mini:hover{border-color:rgba(225,29,42,.34);background:rgba(225,29,42,.08);color:#fff;transform:translateY(-1px);}
.sf-mini.active{border-color:rgba(225,29,42,.52);background:rgba(225,29,42,.12);color:#fff;}
.sf-count{font-weight:900;}
.sf-c-list{display:grid;gap:.9rem;}
.sf-comments-wrap .sf-note,.sf-c-list .sf-note{padding:1rem 1.05rem;border-radius:18px;border:1px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.02);color:rgba(255,255,255,.64);}
.sf-replybox{margin-top:.9rem;padding:1rem;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);}

.sf-site-footer,.sf-footer{
  margin-top:auto;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.34);backdrop-filter:blur(10px);
}
.sf-site-footer-inner,.sf-footer-inner{
  width:min(var(--sf-container),calc(100% - 2rem));margin:0 auto;min-height:44px;padding:.65rem 0;
  display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;
  text-align:center;color:var(--sf-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.sf-footer-sep{opacity:.45;}
.sf-footer-brand,.sf-footer-links,.sf-footer-copy{display:contents;}
.sf-footer a{color:var(--sf-text-soft);text-decoration:none;}
.sf-footer a:hover,.sf-profile-link:hover{color:#fff;}
.sf-profile-link,a[href^="/profil/u"],a[href^="/profil/u/"]{color:#f87171!important;font-weight:800;text-decoration:none;}
.sf-user-badge{filter:drop-shadow(0 0 10px rgba(225,29,42,.55));}

.sf-auth-layout{gap:1.5rem;}
.sf-auth-aside,.sf-auth-card{padding:1.4rem;}
.sf-auth-title,.sf-title,.adm-view h2{letter-spacing:.02em;}
.sf-auth-msg{border-radius:16px;}

body.sf-panel .sf-topnav{border-bottom-color:rgba(255,255,255,.08);}
body.sf-panel .sf-site-footer{background:rgba(0,0,0,.42);}
.adm-shell{min-height:100vh;display:flex;flex-direction:column;}
.adm-body{flex:1 0 auto;align-items:start;}
.adm-sidebar,.adm-content{backdrop-filter:none;-webkit-backdrop-filter:none;}
.adm-content{padding:1.1rem;}
.adm-table th{letter-spacing:.08em;text-transform:uppercase;}
.adm-view h2{font-family:"Cinzel", ui-serif, Georgia, serif;font-size:1.9rem;}

.sf-dialog-root{position:fixed;inset:0;z-index:100001;display:none;}
.sf-dialog-root.is-open{display:block;}
.sf-dialog-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);}
.sf-dialog-wrap{position:relative;min-height:100%;display:grid;place-items:center;padding:1.2rem;}
.sf-dialog{
  width:min(560px,calc(100vw - 1.5rem));border-radius:22px;border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(17,17,20,.96),rgba(8,8,10,.96));box-shadow:0 24px 80px rgba(0,0,0,.58);
}
.sf-dialog__head{padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.sf-dialog__title{font-size:1.08rem;font-weight:900;letter-spacing:.03em;}
.sf-dialog__body{padding:1rem 1.2rem;color:var(--sf-text-soft);line-height:1.7;}
.sf-dialog__foot{padding:0 1.2rem 1.2rem;display:flex;justify-content:flex-end;gap:.7rem;flex-wrap:wrap;}
.sf-dialog__close{border:none;background:none;color:var(--sf-text-soft);font-size:1.1rem;cursor:pointer;padding:.25rem;}
.sf-dialog__field{margin-top:1rem;}
.sf-dialog__input,.sf-dialog__textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.34);color:#fff;padding:.9rem 1rem;}
.sf-dialog__textarea{min-height:130px;resize:vertical;}
.sf-toast-stack{position:fixed;right:1rem;bottom:1rem;z-index:100002;display:grid;gap:.75rem;}
.sf-toast{min-width:240px;max-width:360px;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(9,9,10,.92);box-shadow:var(--sf-shadow-1);color:#fff;transform:translateY(10px);opacity:0;transition:opacity .18s ease,transform .18s ease;}
.sf-toast.is-show{opacity:1;transform:translateY(0);} 
.sf-toast--error{border-color:rgba(239,68,68,.34);} .sf-toast--success{border-color:rgba(34,197,94,.30);} .sf-toast--warn{border-color:rgba(245,158,11,.28);} 

@media (max-width: 980px){
  .sf-post-title-row h1{max-width:none;}
  .sf-related-grid{grid-template-columns:1fr;}
}
@media (max-width: 860px){
  .sf-site-footer-inner,.sf-footer-inner{width:calc(100% - 1.25rem);padding:.9rem 0;}
  .sf-seo-wrap{padding:1.5rem 0 3rem;}
}
@media (max-width: 720px){
  .sf-auth-layout,.adm-body{gap:1rem;}
  .sf-auth-aside,.sf-auth-card,.adm-content,.adm-sidebar,.sf-panel,.sf-card{border-radius:20px;}
  .sf-post-card .p-6,.sf-post-card .p-7{padding:1.1rem!important;}
  .sf-c-item{padding:.9rem;}
  .sf-replies{padding-left:.75rem;}
}


/* archive cards, public profile, editorial media */
.sf-archive-shell{padding:2rem 0 4rem;display:grid;gap:1.5rem}
.sf-archive-hero{padding:1.5rem 1.6rem}
.sf-post-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25rem}
.sf-post-grid > .sf-post-card{grid-column:span 12}
@media (min-width:760px){.sf-post-grid > .sf-post-card{grid-column:span 6}}
@media (min-width:1120px){.sf-post-grid > .sf-post-card{grid-column:span 4}}
.sf-post-card{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(17,17,21,.94),rgba(8,8,10,.94));box-shadow:var(--sf-shadow-1);min-height:100%;display:flex;flex-direction:column;transform:translateZ(0);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sf-post-card:hover{transform:translateY(-4px);border-color:rgba(225,29,42,.32);box-shadow:0 28px 70px rgba(0,0,0,.56)}
.sf-post-card__pentagram{position:absolute;top:1rem;right:1rem;z-index:2;width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.10);color:rgba(239,68,68,.95);font-size:1rem;backdrop-filter:blur(8px)}
.sf-post-card__media{position:relative;display:block;aspect-ratio:16/9;background:rgba(255,255,255,.03);overflow:hidden}
.sf-post-card__media img{width:100%;height:100%;display:block;object-fit:cover;transform:translateZ(0) scale(1.001);backface-visibility:hidden;image-rendering:auto;transition:transform .45s ease}
.sf-post-card:hover .sf-post-card__media img{transform:scale(1.04)}
.sf-post-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.12) 40%,rgba(0,0,0,.58));pointer-events:none}
.sf-post-card__body{padding:1.25rem 1.25rem 1.3rem;display:grid;gap:.85rem;flex:1}
.sf-post-card__meta,.sf-post-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.85rem;color:rgba(255,255,255,.56);font-size:.82rem;letter-spacing:.02em}
.sf-post-card__title{margin:0;font-size:1.35rem;line-height:1.2;font-weight:800;letter-spacing:.01em}
.sf-post-card__title a{color:var(--sf-text);text-decoration:none}
.sf-post-card__title a:hover{color:#f87171}
.sf-post-card__excerpt{margin:0;color:rgba(255,255,255,.68);line-height:1.72;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sf-post-card__chips{display:flex;flex-wrap:wrap;gap:.45rem}
.sf-post-card__readmore{display:inline-flex;align-items:center;font-weight:800;color:#f87171;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;text-decoration:none}
.sf-post-card__likes{font-size:.78rem;color:rgba(255,255,255,.48)}
.sf-public-profile-shell{padding:2rem 0 4rem}
.sf-public-profile-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}
@media (min-width:1100px){.sf-public-profile-grid{grid-template-columns:minmax(0,1.9fr) minmax(280px,.9fr)}}
.sf-public-profile-main,.sf-public-side-card{padding:1.4rem}
.sf-public-profile-head{display:grid;grid-template-columns:auto 1fr;gap:1.15rem;align-items:start}
.sf-public-avatar-wrap{width:108px;height:108px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.22);box-shadow:var(--sf-shadow-1)}
.sf-public-avatar{width:100%;height:100%;object-fit:cover;display:block}
.sf-public-profile-name-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.sf-public-profile-name{margin:0;font-size:clamp(1.9rem,4vw,2.55rem);line-height:1.05;font-weight:900}
.sf-inline-badge img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(239,68,68,.45))}
.sf-public-profile-sub,.sf-public-profile-actions,.sf-public-stats,.sf-badge-grid,.sf-public-list{display:flex;gap:.75rem;flex-wrap:wrap}
.sf-public-profile-bio{margin:.35rem 0 0;color:rgba(255,255,255,.72);line-height:1.75;max-width:68ch}
.sf-public-stats{margin-top:1.15rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.sf-public-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sf-public-section{margin-top:1.35rem;display:grid;gap:.85rem}
.sf-public-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.sf-public-section-head h2{margin:0;font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sf-subtle{color:rgba(255,255,255,.46);font-size:.82rem}
.sf-mini-card{display:grid;gap:.28rem;padding:1rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.22);text-decoration:none;color:var(--sf-text);transition:border-color .18s ease,transform .18s ease,background .18s ease}
.sf-mini-card:hover{transform:translateY(-2px);border-color:rgba(225,29,42,.28);background:rgba(18,18,21,.5)}
.sf-mini-title{font-weight:800;line-height:1.35}.sf-mini-meta{font-size:.8rem;color:rgba(255,255,255,.46)}.sf-mini-text{font-size:.94rem;color:rgba(255,255,255,.66);line-height:1.6}
.sf-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.sf-badge-chip{display:flex;align-items:center;gap:.65rem;padding:.8rem;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.22)}
.sf-badge-chip img{width:26px;height:26px;object-fit:contain}
.sf-viewers{display:flex;gap:.65rem;flex-wrap:wrap}.sf-viewer{width:48px;height:48px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.10);display:block;background:rgba(0,0,0,.25)}.sf-viewer img{width:100%;height:100%;object-fit:cover;display:block}
.sf-article-body figure{display:grid;gap:.6rem}.sf-article-body .align-left{margin-left:0}.sf-article-body .align-right{margin-right:0;margin-left:auto}.sf-article-body .align-center{margin-left:auto;margin-right:auto}.sf-article-body .align-wide,.sf-article-body .size-full{width:100%}

/* compact archive cards */
.sf-post-card--compact{min-height:0;padding-top:2.7rem;}
.sf-post-card--compact .sf-post-card__body{padding:1.25rem 1.2rem 1.15rem;}
.sf-post-card--compact .sf-post-card__title{font-size:1.16rem;line-height:1.32;}
.sf-post-card--compact .sf-post-card__excerpt{margin-top:.2rem;-webkit-line-clamp:4;}
.sf-post-card--compact .sf-post-card__footer{padding-top:.85rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.06);}
.sf-post-card--compact .sf-post-card__pentagram{top:1rem;right:1rem;left:auto;}
.sf-post-grid .sf-post-card--compact{background:linear-gradient(180deg,rgba(18,18,20,.92),rgba(8,8,10,.84));}
@media (max-width:768px){.sf-c-meta{align-items:stretch;}.sf-c-meta .sf-row{width:100%;justify-content:flex-start;}}


/* release global responsive system */
body{ overflow-x:hidden; }
main, .sf-main, .sf-page-main, .sf-shell, .sf-container, .sf-page-card, .sf-status-card{ min-width:0; }
.sf-input, .sf-textarea, .sf-select, input, textarea, select{ max-width:100%; }
@media (max-width: 1024px){
  .sf-page-main{ padding-top: 1.15rem !important; padding-bottom: 2rem !important; }
}
@media (max-width: 768px){
  .sf-page-main{ padding-inline: 14px !important; }
  .sf-page-card, .sf-status-card{ border-radius: 20px !important; padding: 1rem !important; }
  .sf-page-title{ font-size: clamp(2rem, 8vw, 2.7rem) !important; line-height: 1.02; }
  .sf-page-description{ font-size: .98rem !important; line-height: 1.65; }
  .sf-topnav__inner{ width: 100% !important; max-width: none !important; margin: 0 !important; padding-inline: 10px 12px !important; gap: 10px !important; }
  .sf-topnav__brand img{ width: 38px !important; height: 38px !important; }
  .sf-topnav__brand-title{ font-family: "Cinzel", ui-serif, Georgia, serif !important; font-size: 12px !important; letter-spacing: .10em !important; line-height: 1 !important; }
  .sf-topnav__burger{ width: 42px !important; height: 42px !important; border-radius: 12px !important; }
  .sf-topnav__drawer-panel{ width: min(340px, 94vw) !important; padding: 80px 14px 18px !important; gap: 8px !important; }
  .sf-topnav__drawer .sf-topnav__link, .sf-topnav__drawer .sf-topnav__btn{ min-height: 48px !important; border-radius: 14px !important; }
  .sf-post-card{ border-radius: 20px !important; }
  .sf-post-card__body{ padding: 1rem !important; gap: .75rem !important; }
  .sf-post-card__title{ font-size: 1.15rem !important; line-height: 1.28 !important; }
  .sf-post-card__excerpt{ line-height: 1.6 !important; }
}
@media (max-width: 480px){
  .sf-page-main{ padding-inline: 12px !important; }
  .sf-page-card, .sf-status-card{ padding: .95rem !important; border-radius: 18px !important; }
  .sf-topnav__brand-sub{ display:none !important; }
  .sf-topnav__drawer-panel{ padding-top: 76px !important; }
}


article.prose [style*="text-align: justify"]{text-align:justify;text-justify:inter-word;}
article.prose [style*="text-align: center"]{text-align:center;}
article.prose [style*="text-align: right"]{text-align:right;}
article.prose [style*="text-align: left"]{text-align:left;}
article.prose [style*="color: rgb(0, 0, 0)"],article.prose [style*="color:#000"],article.prose [style*="color: #000"],article.prose font[color="#000"],article.prose font[color="#000000"],article.prose font[color="black"]{color:inherit!important;}

.sf-user-badge.is-broken,.sf-inline-badge img.is-broken,.sf-badge-chip img.is-broken,.adm-badge-img.is-broken{display:none!important;}
.sf-inline-badge.is-badge-empty{display:none!important;}


.sf-img-fallback-cover{object-fit:contain !important;background:linear-gradient(180deg,rgba(14,14,18,.96),rgba(8,8,10,.94));padding:18px;}
.sf-img-fallback-avatar{object-fit:cover !important;background:rgba(255,255,255,.04);}
.sf-user-badge.is-broken,.sf-inline-badge img.is-broken,.sf-badge-chip img.is-broken,.adm-badge-img.is-broken{display:none !important;}
.sf-inline-badge.is-badge-empty,.sf-badge-chip.is-badge-empty{display:none !important;}

/* source: sf_mobile.css */
/* Satanas Fidelis — Mobile-first professional refinement layer (release)
   Purpose: strengthen mobile UX, touch ergonomics and accessibility
   Scope: mobile/tablet only, with minimal desktop impact
*/

@media (max-width: 980px){
  :root{
    --sf-mobile-edge:max(12px, env(safe-area-inset-left));
    --sf-mobile-edge-r:max(12px, env(safe-area-inset-right));
    --sf-mobile-gap:12px;
    --sf-mobile-radius:22px;
  }

  html{ scroll-padding-top:calc(var(--sf-nav-h, 72px) + 12px); }
  body{ overflow-x:hidden; }

  .sf-main,
  .sf-page-main,
  .sf-container,
  .sf-seo-wrap,
  .sf-home-fallback__inner,
  .sf-profile-page .sf-main,
  .sf-profile-page .sf-prof-layout,
  .adm-body,
  .sf-rules-main{
    width:min(100%, calc(100% - .9rem)) !important;
    margin-inline:auto !important;
  }

  .sf-page-hero,
  .sf-page-card,
  .sf-card,
  .sf-panel,
  .sf-auth-card,
  .sf-auth-aside,
  .sf-sidebar,
  .sf-reader,
  .sf-modal,
  .adm-content,
  .adm-sidebar,
  .adm-card,
  .adm-form,
  .adm-seo,
  .adm-preview-card,
  .sf-rules-hero,
  .sf-rules-card,
  .sf-rules-side,
  .sf-site-footer,
  .sf-home-fallback__hero,
  .sf-home-fallback__panel{
    border-radius:24px !important;
  }

  .sf-btn,
  .sf-primary-btn,
  .sf-topnav__btn,
  .adm-btn,
  .sf-auth-submit,
  .sf-linkbtn,
  .sf-topnav__link,
  .adm-iconbtn,
  .adm-tool,
  .sf-home-fallback__link,
  .sf-rules-side__cta,
  .sf-top-bookbtn,
  .sf-link,
  button,
  [role="button"]{
    min-height:46px;
  }

  .sf-input,
  .sf-in,
  .sf-textarea,
  .sf-select,
  select.sf-input,
  input.sf-input,
  textarea.sf-textarea,
  .sf-auth-form .sf-in,
  .sf-field input,
  .sf-field textarea,
  .adm-input,
  .adm-textarea,
  .adm-select,
  input[type="file"]{
    min-height:48px;
    font-size:16px !important;
    line-height:1.45;
  }

  textarea.sf-textarea,
  .sf-field textarea,
  .adm-textarea{
    min-height:132px;
  }

  .sf-topnav{ backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
  .sf-topnav__inner{
    padding-left:var(--sf-mobile-edge) !important;
    padding-right:var(--sf-mobile-edge-r) !important;
    min-height:var(--sf-nav-h, 72px);
  }
  .sf-topnav__brand img{ width:42px !important; height:42px !important; }
  .sf-topnav__brand-title{ line-height:1.05 !important; }
  .sf-topnav__burger{ min-width:46px !important; min-height:46px !important; }
  .sf-topnav__drawer-panel{
    padding-top:max(16px, env(safe-area-inset-top));
    padding-bottom:calc(max(18px, env(safe-area-inset-bottom)) + 6px);
  }
  .sf-topnav__drawer .sf-topnav__link,
  .sf-topnav__drawer .sf-topnav__btn{
    min-height:52px;
    font-size:.98rem;
    padding-inline:14px;
  }

  .sf-status-actions,
  .sf-preview-actions,
  .sf-cardactions,
  .sf-profile-actions,
  .sf-toolbar-actions,
  .sf-reader-actions,
  #bookDlWrap{
    gap:10px !important;
  }

  .sf-post-grid,
  .sf-related-grid,
  .sf-public-stats,
  .sf-preview-stats,
  .sf-profile-stats,
  .adm-grid,
  .adm-grid-2{ gap:12px !important; }

  .sf-post-card,
  .sf-related-card{
    box-shadow:0 16px 40px rgba(0,0,0,.34) !important;
  }

  .sf-post-card__body,
  .sf-related-card__body{ gap:.78rem !important; }
  .sf-post-card__meta,
  .sf-related-meta{ gap:.5rem !important; }

  .sf-home-fallback{ padding:.85rem 0 2.4rem !important; }
  .sf-home-fallback__grid{ gap:.9rem !important; }
  .sf-home-social-grid{ width:100% !important; }

  .sf-categories-page #sfGrid,
  .sf-home-page .sf-post-grid,
  .sf-home-page .sf-related-grid{ grid-template-columns:1fr !important; }

  .sf-categories-page .sf-panel,
  .sf-rules-page .sf-rules-hero,
  .sf-rules-page .sf-rules-card,
  .sf-rules-page .sf-rules-side{ padding:1rem !important; }

  .sf-categories-page .sf-cat-item,
  .sf-home-fallback__chip,
  .sf-pill,
  .sf-chip,
  .sf-cat-badge,
  .adm-pill{ min-height:42px; }

  .sf-reader-head,
  .sf-side-head,
  .sf-cardhead,
  .sf-auth-head,
  .adm-topbar,
  .adm-head{ gap:10px !important; }

  .sf-reader-actions .sf-btn,
  #bookDlWrap .sf-btn,
  .sf-cardactions .sf-btn,
  .sf-preview-actions .sf-btn,
  .sf-profile-actions .sf-btn,
  .sf-status-actions .sf-btn{
    min-width:0;
  }

  .adm-table-wrap,
  .sf-table-scroll,
  .prose table{ -webkit-overflow-scrolling:touch; }
}

@media (max-width: 640px){
  :root{
    --sf-nav-h:68px;
    --sf-mobile-edge:max(10px, env(safe-area-inset-left));
    --sf-mobile-edge-r:max(10px, env(safe-area-inset-right));
    --sf-mobile-gap:10px;
    --sf-mobile-radius:20px;
  }

  body{ line-height:1.58; }

  .sf-page-hero,
  .sf-page-card,
  .sf-card,
  .sf-panel,
  .sf-auth-card,
  .sf-auth-aside,
  .sf-sidebar,
  .sf-reader,
  .sf-modal,
  .adm-content,
  .adm-sidebar,
  .adm-card,
  .adm-form,
  .adm-seo,
  .adm-preview-card,
  .sf-rules-hero,
  .sf-rules-card,
  .sf-rules-side,
  .sf-home-fallback__hero,
  .sf-home-fallback__panel,
  .sf-site-footer{
    border-radius:20px !important;
  }

  .sf-main,
  .sf-page-main,
  .sf-container,
  .sf-seo-wrap,
  .sf-home-fallback__inner,
  .sf-profile-page .sf-main,
  .sf-profile-page .sf-prof-layout,
  .adm-body,
  .sf-rules-main{
    width:calc(100% - .75rem) !important;
  }

  .sf-topnav__inner{
    gap:8px !important;
    padding-left:var(--sf-mobile-edge) !important;
    padding-right:var(--sf-mobile-edge-r) !important;
  }
  .sf-topnav__brand{ gap:10px !important; min-width:0; }
  .sf-topnav__brand img{ width:38px !important; height:38px !important; }
  .sf-topnav__brand-title{ font-size:11.5px !important; letter-spacing:.11em !important; }
  .sf-topnav__burger{ min-width:44px !important; min-height:44px !important; border-radius:14px !important; }
  .sf-topnav__drawer-panel{ padding-inline:12px; }

  .sf-btn,
  .sf-primary-btn,
  .sf-topnav__btn,
  .adm-btn,
  .sf-auth-submit,
  .sf-linkbtn,
  .sf-topnav__link,
  .adm-tool,
  .adm-iconbtn,
  .sf-home-fallback__link,
  .sf-rules-side__cta,
  .sf-top-bookbtn,
  .sf-link{
    width:100%;
    justify-content:center;
    min-height:46px;
    padding:.82rem 1rem;
  }

  .sf-cardactions,
  .sf-preview-actions,
  .sf-profile-actions,
  .sf-status-actions,
  .sf-reader-actions,
  #bookDlWrap,
  .sf-home-fallback__links,
  .sf-toolbar-actions,
  .adm-inline-actions,
  .adm-topbar-right,
  .adm-filterbar,
  .adm-toolbar,
  .adm-toolbar--editor{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .sf-input,
  .sf-in,
  .sf-textarea,
  .sf-select,
  select.sf-input,
  input.sf-input,
  textarea.sf-textarea,
  .sf-auth-form .sf-in,
  .sf-field input,
  .sf-field textarea,
  .adm-input,
  .adm-textarea,
  .adm-select,
  input[type="file"]{
    border-radius:16px !important;
    padding:.9rem .95rem !important;
    font-size:16px !important;
  }

  .sf-field,
  .sf-auth-form,
  .sf-form,
  .adm-form,
  .adm-form-grid,
  .sf-crop-controls{ gap:10px !important; }

  .sf-field label,
  .sf-group-label,
  .sf-crop-label,
  .sf-rules-side__title,
  .sf-home-fallback__kicker,
  .sf-page-kicker,
  .adm-label{ line-height:1.4; }

  .sf-page-title,
  .sf-panel-title,
  .sf-title,
  .sf-home-fallback__title,
  .sf-rules-title{
    text-wrap:balance;
  }

  .sf-page-description,
  .sf-panel-sub,
  .sf-home-fallback__desc,
  .sf-rules-summary,
  .sf-post-card__excerpt,
  .sf-related-excerpt,
  .sf-preview-bio,
  .sf-rules-body,
  article.prose{
    font-size:.98rem !important;
    line-height:1.72 !important;
  }

  .sf-post-card,
  .sf-related-card{
    border-radius:20px !important;
  }
  .sf-post-card__body,
  .sf-related-card__body{
    padding:1rem !important;
    gap:.72rem !important;
  }
  .sf-post-card__title,
  .sf-related-title{
    font-size:1.06rem !important;
    line-height:1.24 !important;
  }
  .sf-post-card__excerpt,
  .sf-related-excerpt{
    -webkit-line-clamp:4;
  }
  .sf-post-card__chips{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
  }

  .sf-home-fallback__hero,
  .sf-home-fallback__panel{
    padding:1rem !important;
  }
  .sf-home-fallback__title{ font-size:clamp(1.8rem, 8vw, 2.45rem) !important; }
  .sf-home-fallback__desc{ margin-top:.75rem !important; }
  .sf-home-fallback__links{ margin-top:.85rem !important; }
  .sf-home-fallback__chips{
    flex-wrap:nowrap;
    overflow:auto;
    padding-bottom:2px;
    scroll-snap-type:x proximity;
  }
  .sf-home-fallback__chip{
    flex:0 0 auto;
    min-width:max-content;
    scroll-snap-align:start;
  }
  .sf-home-social-grid{ grid-template-columns:1fr !important; gap:10px !important; }
  .sf-home-social-grid > .sf-home-social-btn:first-child{ grid-column:auto !important; }
  .sf-home-social-btn,
  .sf-home-social-grid > .sf-home-social-btn:first-child{
    min-height:60px !important;
    padding:.9rem 1rem .9rem 3rem !important;
    border-radius:18px !important;
  }
  .sf-home-social-btn__icon{ left:.9rem !important; }
  .sf-home-social-grid > .sf-home-social-btn:first-child .sf-home-social-btn__icon{ width:26px !important; height:26px !important; }

  .sf-categories-page .sf-categories-toolbar,
  .sf-categories-page .sf-toolbar,
  .sf-categories-page .sf-cat-list,
  .sf-rules-grid,
  .sf-public-profile-grid,
  .sf-prof-layout,
  .sf-auth-layout,
  .adm-grid,
  .adm-grid-2,
  .adm-form,
  .adm-layout{ grid-template-columns:1fr !important; }

  .sf-categories-page .sf-cat-item{ padding:13px 13px !important; }
  .sf-categories-page #sfResultMeta,
  .sf-categories-page #sfStatus{ width:100%; }

  .sf-top-books,
  .sf-main,
  .sf-section,
  .sf-card,
  .sf-preview,
  .sf-prof-panel,
  .sf-prof-head,
  .sf-auth-card,
  .sf-auth-aside,
  .adm-content,
  .adm-sidebar{ padding-inline:12px !important; }
  .sf-top-books-inner,
  .sf-card,
  .sf-preview,
  .sf-prof-panel,
  .sf-auth-card,
  .sf-auth-aside,
  .adm-content,
  .adm-sidebar,
  .sf-rules-side__block{ padding:12px !important; }
  .sf-top-books-grid{ grid-template-columns:1fr !important; }
  .sf-book,
  .sf-lib-item,
  .sf-top-bookbtn{ border-radius:16px !important; }
  .sf-reader-title,
  .sf-title{ font-size:1.08rem !important; line-height:1.24 !important; }
  .sf-reader-actions .sf-btn,
  #bookDlWrap .sf-btn{ width:100%; }
  .sf-content,
  article.prose{ font-size:1rem !important; line-height:1.76 !important; }

  .sf-auth-wrap{ padding-inline:10px !important; padding-top:10px !important; }
  .sf-auth-card,
  .sf-auth-aside{ padding:14px !important; }
  .sf-auth-tabs{ display:grid; grid-template-columns:1fr 1fr; gap:8px !important; }
  .sf-auth-tab{ min-height:46px !important; }
  .sf-auth-foot{ display:grid !important; gap:8px !important; }
  .sf-pass-toggle{ min-width:64px; min-height:34px; }

  .sf-cardhead,
  .sf-preview-head,
  .sf-profile-head,
  .sf-prof-head,
  .adm-topbar,
  .adm-head,
  .sf-rules-note__head{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .sf-preview-head,
  .sf-profile-head,
  .sf-prof-head{ gap:12px !important; }
  .sf-avatar{ width:64px !important; height:64px !important; }
  .sf-preview-name,
  .sf-profile-name,
  .sf-prof-name,
  .sf-vname{ font-size:1.18rem !important; line-height:1.18 !important; }
  .sf-preview-stats,
  .sf-profile-stats,
  .sf-public-stats{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:8px !important; }
  .sf-pill,
  .sf-stat,
  .sf-badge-chip{ min-width:0; }
  .sf-crop{ padding:10px !important; }
  .sf-crop-card{ padding:12px !important; border-radius:20px !important; }
  #sfCropCanvas{ max-height:min(54vh, 360px); object-fit:contain; }

  .adm-body{ gap:10px !important; padding:12px 0 20px !important; }
  .adm-content,
  .adm-sidebar,
  .adm-card,
  .adm-form,
  .adm-seo,
  .adm-preview-card,
  .adm-modal-card{ border-radius:18px !important; }
  .adm-content{ padding:12px !important; }
  .adm-nav{ grid-template-columns:1fr !important; gap:8px !important; }
  .adm-navbtn{ min-height:56px !important; padding:11px !important; }
  .adm-view h2{ font-size:1.45rem !important; line-height:1.08 !important; }
  .adm-table-wrap{ margin-inline:-2px; }
  .adm-table th,
  .adm-table td{ white-space:nowrap; }
}

@media (max-width: 430px){
  .sf-topnav__brand-title{ font-size:11px !important; letter-spacing:.1em !important; }
  .sf-home-fallback__title,
  .sf-rules-title,
  .sf-panel-title,
  .sf-page-title{ font-size:clamp(1.6rem, 8.8vw, 2.15rem) !important; }
  .sf-preview-stats,
  .sf-profile-stats,
  .sf-public-stats{ grid-template-columns:1fr !important; }
}

@media (hover: none) and (pointer: coarse){
  .sf-post-card:hover,
  .sf-related-card:hover,
  .sf-card:hover,
  .sf-cat-item:hover,
  .sf-home-social-btn:hover,
  .sf-btn:hover,
  .sf-primary-btn:hover,
  .adm-btn:hover{
    transform:none !important;
  }
}


/* 2026-03-17 performance hardening */
@media (max-width: 1100px), (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .sf-topnav,
  .sf-topnav__drawer-backdrop,
  .sf-header,
  .sf-topbar,
  .sf-top-books-inner,
  .adm-shell,
  .adm-table thead th,
  .adm-image-studio__controls,
  .sf-crop-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .animate-float,
  .animate-rotate-slow,
  .animate-pulse-red,
  .occult-glow,
  .gothic-title,
  .gothic-subtitle {
    animation: none !important;
    transition: none !important;
    text-shadow: none !important;
  }
  .sf-site-footer,
  .sf-card,
  .adm-card,
  .sf-topnav {
    box-shadow: none !important;
  }
}