/* QISAS WORLD-CLASS UI — 2026 */
:root{
  --q2-ink:#21140f;
  --q2-ink-soft:#4e3a31;
  --q2-muted:#7c6b61;
  --q2-bg:#f8f5f0;
  --q2-surface:#ffffff;
  --q2-surface-warm:#fffaf3;
  --q2-line:#e8dfd6;
  --q2-brand:#8b3f25;
  --q2-brand-dark:#522416;
  --q2-accent:#d89a42;
  --q2-accent-soft:#f5dfbd;
  --q2-success:#2d7b5c;
  --q2-danger:#b7473d;
  --q2-radius-sm:14px;
  --q2-radius:22px;
  --q2-radius-lg:34px;
  --q2-shadow-sm:0 8px 24px rgba(38,22,14,.07);
  --q2-shadow:0 20px 55px rgba(38,22,14,.10);
  --q2-shadow-lg:0 30px 90px rgba(38,22,14,.16);
  --q2-container:1240px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 90% 0,rgba(216,154,66,.10),transparent 28rem),
    linear-gradient(180deg,#fbf9f6 0,#f7f2ec 52%,#fbf9f6 100%) !important;
  color:var(--q2-ink) !important;
  font-family:"Tahoma","Arial","Segoe UI",sans-serif !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto}
a,button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid rgba(216,154,66,.45) !important;
  outline-offset:3px;
}

.wrap{
  width:min(var(--q2-container),calc(100% - 40px)) !important;
  max-width:var(--q2-container) !important;
  margin-inline:auto !important;
}

#qisas-main-content{padding-block:24px 0}
.qisas-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;white-space:nowrap!important;border:0!important;
}
.qisas-skip-link{
  position:fixed;z-index:1000001;inset-block-start:10px;inset-inline-start:10px;
  transform:translateY(-150%);padding:11px 16px;border-radius:12px;background:#fff;color:var(--q2-ink);font-weight:900;
}
.qisas-skip-link:focus{transform:none}

/* Header */
.qisas-site-header{
  position:sticky !important;top:0 !important;z-index:1000 !important;
  background:rgba(30,16,11,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 10px 35px rgba(21,10,6,.16) !important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.qisas-header-shell{
  min-height:78px;display:flex;align-items:center;gap:18px;padding-block:10px;
}
.qisas-brand{display:inline-flex;align-items:center;gap:11px;color:#fff!important;text-decoration:none!important;flex:0 0 auto}
.qisas-brand-mark{
  width:44px;height:44px;display:grid;place-items:center;border-radius:15px;
  background:linear-gradient(145deg,#efbd67,#c7782c);color:#2c160e;font-size:25px;font-weight:1000;
  box-shadow:inset 0 1px rgba(255,255,255,.55),0 10px 24px rgba(0,0,0,.20);
}
.qisas-brand-copy{display:grid;gap:2px;line-height:1.1}
.qisas-brand-copy strong{font-size:21px;font-weight:1000;letter-spacing:-.45px;white-space:nowrap}
.qisas-brand-copy small{font-size:11px;color:#dcc8b9;font-weight:700}

.qisas-main-nav{display:flex;align-items:center;gap:3px;flex:0 0 auto}
.qisas-main-nav a{
  min-height:40px;display:inline-flex;align-items:center;padding:0 13px;border-radius:13px;
  color:#e9ded6!important;text-decoration:none!important;font-size:14px;font-weight:800;white-space:nowrap;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.qisas-main-nav a:hover,.qisas-main-nav a.is-active{background:rgba(255,255,255,.10);color:#fff!important}
.qisas-main-nav a.is-active::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--q2-accent);margin-inline-start:7px}

.qisas-header-search{
  min-width:210px;max-width:340px;flex:1 1 260px;display:flex!important;align-items:center;
  padding:4px!important;margin:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;
  background:rgba(255,255,255,.98)!important;box-shadow:none!important;
}
.qisas-header-search input{
  width:100%;min-width:0;height:38px;padding:0 13px!important;border:0!important;outline:0!important;
  color:var(--q2-ink)!important;background:transparent!important;font-size:13px;font-weight:700;
}
.qisas-header-search button{
  height:38px;min-width:58px;padding:0 13px!important;border:0!important;border-radius:12px!important;
  background:var(--q2-brand)!important;color:#fff!important;font-size:13px;font-weight:900;cursor:pointer;
}
.qisas-header-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.qisas-submit-link,.qisas-member-nav a{
  min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px!important;border-radius:13px!important;
  color:#f8eee8!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;white-space:nowrap;
}
.qisas-submit-link{background:linear-gradient(135deg,#d58b37,#ecb85f)!important;color:#2e180f!important;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.qisas-member-nav{display:flex;align-items:center;gap:3px;margin:0!important}
.qisas-member-nav a:hover{background:rgba(255,255,255,.09)!important}
.qisas-member-nav .qisas-member-pill{background:rgba(255,255,255,.10)!important}
.qisas-menu-toggle{display:none;border:0;background:transparent;color:#fff;cursor:pointer}

/* Home */
.home-hero-mag{
  position:relative!important;isolation:isolate;overflow:hidden!important;min-height:440px!important;
  margin:18px 0 30px!important;border-radius:var(--q2-radius-lg)!important;
  background:
    radial-gradient(circle at 16% 12%,rgba(245,200,118,.28),transparent 28%),
    radial-gradient(circle at 88% 88%,rgba(220,130,56,.28),transparent 33%),
    linear-gradient(135deg,#21110c 0%,#522416 54%,#914521 100%)!important;
  border:1px solid rgba(255,255,255,.13)!important;box-shadow:var(--q2-shadow-lg)!important;
}
.home-hero-mag::before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.6;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to left,#000,transparent 80%);
}
.home-hero-mag::after{content:"ق";position:absolute;inset-inline-start:7%;inset-block-start:50%;transform:translateY(-50%);font-size:300px;line-height:1;color:rgba(255,255,255,.045);font-weight:1000;z-index:-1}
.home-hero-content{max-width:840px!important;margin:auto!important;padding:86px 44px!important;text-align:center!important}
.home-hero-content>span,.home-section-head span,.home-submit-mag span{
  display:inline-flex!important;align-items:center;min-height:38px;padding:0 16px!important;border-radius:999px!important;
  background:rgba(245,223,189,.96)!important;color:#542817!important;font-size:13px!important;font-weight:900!important;
}
.home-hero-content h1{margin:22px 0 15px!important;color:#fff!important;font-size:clamp(40px,5.4vw,68px)!important;line-height:1.14!important;font-weight:1000!important;letter-spacing:-1.6px}
.home-hero-content p{max-width:720px;margin:0 auto!important;color:#eadbd1!important;font-size:18px!important;line-height:1.9!important;font-weight:700!important}
.home-hero-actions{display:flex!important;justify-content:center;gap:11px!important;flex-wrap:wrap;margin-top:28px!important}
.home-hero-actions a,.home-submit-mag>a{
  min-height:50px!important;display:inline-flex!important;align-items:center;justify-content:center;padding:0 22px!important;border-radius:15px!important;
  background:linear-gradient(135deg,#d68d3c,#efbd69)!important;color:#2d160e!important;text-decoration:none!important;font-weight:1000!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
}
.home-hero-actions a.light{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important}

.home-categories-mag{display:flex!important;gap:9px!important;overflow:auto;padding:4px 2px 14px!important;margin:0 0 30px!important;scrollbar-width:thin}
.home-categories-mag a{
  flex:0 0 auto;min-height:42px;display:inline-flex!important;align-items:center;gap:9px;padding:0 15px!important;border-radius:14px!important;
  background:var(--q2-surface)!important;color:var(--q2-ink-soft)!important;border:1px solid var(--q2-line)!important;text-decoration:none!important;font-weight:850!important;box-shadow:var(--q2-shadow-sm)!important;
}
.home-categories-mag small{min-width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--q2-accent-soft);color:var(--q2-brand-dark);font-weight:1000}
.home-section-mag{margin:54px 0!important}
.home-section-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px;margin-bottom:20px!important}
.home-section-head h2{margin:8px 0 0!important;color:var(--q2-ink)!important;font-size:clamp(28px,3.2vw,42px)!important;line-height:1.2!important;font-weight:1000!important;letter-spacing:-.8px}
.home-section-head>a{min-height:42px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--q2-line);border-radius:13px;color:var(--q2-ink-soft);background:#fff;text-decoration:none;font-weight:900}
.home-featured-mag{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.home-latest-mag{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.home-story-card{
  position:relative;background:var(--q2-surface)!important;border:1px solid var(--q2-line)!important;border-radius:var(--q2-radius)!important;
  overflow:hidden!important;box-shadow:var(--q2-shadow-sm)!important;transition:transform .22s ease,box-shadow .22s ease!important;
}
.home-story-card:hover{transform:translateY(-5px);box-shadow:var(--q2-shadow)!important}
.home-card-img{display:block;overflow:hidden;background:#e8ded4}
.home-card-img img{width:100%!important;display:block;object-fit:cover!important;transition:transform .35s ease!important}
.home-story-card:hover .home-card-img img{transform:scale(1.035)}
.home-story-card.featured .home-card-img img{height:350px!important}
.home-story-card.latest .home-card-img img{height:245px!important}
.home-card-body{padding:20px!important}
.home-card-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--q2-brand)!important;font-size:12px!important;font-weight:900!important}
.home-card-meta>*{padding:5px 9px;border-radius:9px;background:#f8eee4}
.home-card-body h3{margin:11px 0 8px!important;color:var(--q2-ink)!important;font-size:22px!important;line-height:1.45!important;font-weight:1000!important}
.home-card-body h3 a{color:inherit!important;text-decoration:none!important}
.home-card-body p{margin:0;color:var(--q2-muted)!important;font-size:14.5px!important;line-height:1.85!important;font-weight:650!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-read-more{margin-top:16px!important;display:inline-flex!important;align-items:center;min-height:40px;padding:0 14px!important;border-radius:12px!important;background:#f6eadc!important;color:var(--q2-brand)!important;text-decoration:none!important;font-size:13px;font-weight:1000!important}
.home-series-mag{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.home-series-card{display:grid!important;grid-template-columns:110px 1fr;gap:14px;padding:12px!important;background:#fff!important;border:1px solid var(--q2-line)!important;border-radius:var(--q2-radius)!important;box-shadow:var(--q2-shadow-sm)!important;color:inherit!important;text-decoration:none!important}
.home-series-card img{width:110px!important;height:130px!important;object-fit:cover!important;border-radius:15px!important}
.home-series-card h3{margin:7px 0!important;font-size:18px!important;line-height:1.45!important;color:var(--q2-ink)!important}
.home-series-card p{margin:0;color:var(--q2-muted)!important;font-size:13px!important;line-height:1.7!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-series-card span{color:var(--q2-brand)!important;font-size:12px!important;font-weight:900!important}
.home-tags-mag,.home-submit-mag,.newsletter-box{border:1px solid var(--q2-line)!important;border-radius:var(--q2-radius-lg)!important;background:var(--q2-surface)!important;box-shadow:var(--q2-shadow-sm)!important}
.home-tags-mag{padding:26px!important}.home-tags-mag h2{margin-top:0}.home-tags-mag div{display:flex;gap:8px;flex-wrap:wrap}.home-tags-mag a{padding:9px 12px;border-radius:11px;background:#f8eee5;color:var(--q2-brand);text-decoration:none;font-weight:850}
.home-submit-mag{display:flex!important;align-items:center;justify-content:space-between;gap:24px;padding:34px!important;background:linear-gradient(135deg,#fff 0,#fff8ee 100%)!important}.home-submit-mag h2{margin:10px 0 6px!important;font-size:32px!important}.home-submit-mag p{margin:0;color:var(--q2-muted)!important}

/* Reading page */
.qstory-page{width:min(920px,100%)!important;margin:18px auto 70px!important;padding:0!important}
.qstory-wrap{display:grid;gap:24px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.qstory-head,.qstory-body,.qstory-share-box,.qstory-comments{
  background:var(--q2-surface)!important;border:1px solid var(--q2-line)!important;border-radius:var(--q2-radius-lg)!important;box-shadow:var(--q2-shadow-sm)!important;
}
.qstory-head{padding:48px clamp(24px,5vw,58px)!important;text-align:center!important}
.qstory-chip{display:inline-flex!important;min-height:35px;align-items:center;padding:0 13px!important;border-radius:999px!important;background:var(--q2-accent-soft)!important;color:var(--q2-brand-dark)!important;text-decoration:none!important;font-size:13px;font-weight:900!important}
.qstory-head h1{max-width:780px;margin:18px auto!important;color:var(--q2-ink)!important;font-size:clamp(34px,5vw,56px)!important;line-height:1.3!important;font-weight:1000!important;letter-spacing:-1px}
.qstory-meta,.qstory-actions{display:flex!important;justify-content:center;gap:8px!important;flex-wrap:wrap!important}
.qstory-meta span{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:11px;background:#f8f4ef;color:var(--q2-muted);font-size:13px;font-weight:850}
.qstory-actions{margin-top:16px!important}.qstory-btn{min-height:43px!important;display:inline-flex!important;align-items:center;justify-content:center;padding:0 16px!important;border:0!important;border-radius:13px!important;background:var(--q2-brand)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;cursor:pointer}
.qstory-actions .qstory-btn+ .qstory-btn{background:#f5eadf!important;color:var(--q2-brand)!important}
.qstory-cover{margin:0!important;padding:0!important;border-radius:var(--q2-radius-lg)!important;overflow:hidden!important;background:transparent!important;box-shadow:var(--q2-shadow)!important}
.qstory-cover img{width:100%!important;max-height:640px!important;display:block!important;object-fit:cover!important}
.qstory-body{padding:clamp(30px,6vw,72px)!important;color:#2f2621!important;font-family:"Tahoma","Arial",sans-serif!important;font-size:clamp(18px,2vw,21px)!important;line-height:2.15!important}
.qstory-body p{margin:0 0 1.5em!important}.qstory-body p:last-child{margin-bottom:0!important}.qstory-body strong{color:var(--q2-ink)}
.qstory-share-box,.qstory-comments{padding:28px!important}.qstory-share-box h2,.qstory-comments h2{margin:0 0 18px!important;font-size:24px!important}
.qstory-share-box>div{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.qstory-share-box a,.qstory-share-box button{min-height:42px!important;display:inline-flex!important;align-items:center;padding:0 14px!important;border:1px solid var(--q2-line)!important;border-radius:12px!important;background:#fff!important;color:var(--q2-ink-soft)!important;text-decoration:none!important;font-weight:900!important;cursor:pointer}
.qstory-comment-form{display:grid!important;grid-template-columns:200px 1fr auto!important;gap:10px!important}.qstory-comment-form input,.qstory-comment-form textarea{width:100%;border:1px solid var(--q2-line)!important;border-radius:13px!important;background:#fbf9f6!important;padding:13px!important;color:var(--q2-ink)!important}.qstory-comment-form textarea{min-height:90px;grid-row:span 2}.qstory-comment-form button{min-height:45px;border:0;border-radius:13px;background:var(--q2-brand);color:#fff;font-weight:900;padding:0 18px;cursor:pointer}
.qstory-comment{padding:18px 0!important;border-top:1px solid var(--q2-line)!important}.qstory-empty{color:var(--q2-muted)}
.reader-tools-box{border:1px solid var(--q2-line)!important;border-radius:16px!important;box-shadow:var(--q2-shadow)!important}
.story-ad-slot:empty,.ad-slot:empty,.qisas-ad-slot:empty{display:none!important}

/* Community */
.community-wall-page{
  width:100%!important;max-width:100%!important;margin:18px 0 70px!important;padding:0!important;left:auto!important;transform:none!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:20px!important;align-items:start!important;direction:ltr!important;
}
.community-wall-page>*{direction:rtl!important;min-width:0!important}
.community-wall-hero{grid-column:1/-1!important;min-height:280px!important;display:grid!important;place-content:center!important;padding:44px!important;border-radius:var(--q2-radius-lg)!important;text-align:center!important;color:#fff!important;background:radial-gradient(circle at 15% 15%,rgba(245,200,118,.25),transparent 30%),linear-gradient(135deg,#21110c,#5b2918 60%,#934621)!important;box-shadow:var(--q2-shadow-lg)!important;overflow:hidden!important}
.community-wall-hero span{justify-self:center;display:inline-flex;padding:9px 15px;border-radius:999px;background:var(--q2-accent-soft);color:var(--q2-brand-dark);font-weight:900}.community-wall-hero h1{margin:16px 0 7px!important;color:#fff!important;font-size:clamp(38px,5vw,60px)!important}.community-wall-hero p{margin:0!important;color:#eadbd1!important;font-size:17px!important}
.community-pro-sidebar{grid-column:2!important;grid-row:2/span 8!important;display:grid!important;gap:14px!important;position:sticky!important;top:98px!important;direction:rtl!important}
.community-side-card,.community-feed-tabs,.community-wall-search,.community-post-form,.community-login-cta,.community-post-card,.empty-box{
  background:var(--q2-surface)!important;border:1px solid var(--q2-line)!important;border-radius:var(--q2-radius)!important;box-shadow:var(--q2-shadow-sm)!important;
}
.community-side-card{padding:20px!important}.community-side-card p strong,.stats-row strong{color:var(--q2-brand)!important}.side-tags a{background:#f8eee5!important;color:var(--q2-brand)!important;border-color:#ecd8c6!important}
.community-feed-tabs,.community-wall-search,.community-post-form,.community-posts-list,.community-login-cta,.empty-box{grid-column:1!important;width:100%!important;min-width:0!important}
.community-feed-tabs{display:flex!important;gap:7px!important;overflow:auto!important;flex-wrap:nowrap!important;padding:9px!important}.community-feed-tabs a{flex:0 0 auto!important;min-width:auto!important;min-height:42px!important;padding:0 15px!important;border-radius:13px!important}.community-feed-tabs a.active{background:var(--q2-brand)!important;color:#fff!important}
.community-wall-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;padding:12px!important}.community-wall-search input{min-width:0!important;height:45px!important;border:1px solid var(--q2-line)!important;border-radius:13px!important;background:#fbf9f6!important}.community-wall-search button,.community-wall-search .btn{min-height:45px!important;border-radius:13px!important;background:var(--q2-brand)!important;color:#fff!important;border:0!important}.community-wall-search .light{background:#f5ece4!important;color:var(--q2-ink-soft)!important}
.community-login-cta,.community-post-form{padding:22px!important}.community-post-form textarea{border:1px solid var(--q2-line)!important;border-radius:15px!important;background:#fbf9f6!important}.community-post-card{padding:22px!important;margin-bottom:15px!important;overflow:hidden!important}.community-post-body{font-size:16px!important;line-height:1.9!important;overflow-wrap:anywhere!important}.community-post-image{border-radius:18px!important;overflow:hidden!important}.community-post-image img{width:100%!important;max-height:680px!important;object-fit:cover!important}.shared-story-card{border:1px solid var(--q2-line)!important;border-radius:18px!important;overflow:hidden!important;background:#fbf8f4!important}.community-post-actions{border-top:1px solid var(--q2-line)!important;padding-top:13px!important}.community-post-actions .btn,.community-post-actions button,.community-post-counter{border-radius:12px!important}

/* Common cards and forms */
.newsletter-box{display:grid!important;grid-template-columns:1fr minmax(320px,.8fr)!important;align-items:center;gap:24px;padding:30px!important;margin:60px 0 0!important}.newsletter-box h2{margin:0 0 7px!important;font-size:27px!important}.newsletter-box p{margin:0;color:var(--q2-muted)!important}.newsletter-box form{display:flex!important;gap:8px!important}.newsletter-box input[type="email"]{min-width:0;flex:1;height:48px;border:1px solid var(--q2-line)!important;border-radius:13px!important;background:#fbf9f6!important;padding:0 14px!important}.newsletter-box button{height:48px;border:0;border-radius:13px;background:var(--q2-brand)!important;color:#fff!important;padding:0 18px!important;font-weight:900!important}
.community-auth-box,.contact-page,.search-page,.category-page,.archive-page,.profile-page,.submit-story-page{border-radius:var(--q2-radius-lg)!important}
.btn{border-radius:13px!important}

/* Footer */
.qisas-site-footer{margin-top:70px!important;padding:58px 0 22px!important;background:#1f120d!important;color:#dfd0c6!important;border:0!important}
.qisas-footer-grid{display:grid!important;grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(150px,1fr))!important;gap:42px!important;align-items:start!important}
.qisas-footer-brand p{max-width:420px;margin:18px 0 0!important;color:#bca99d!important;line-height:1.9!important}.qisas-footer-column{display:grid;gap:10px}.qisas-footer-column h2{margin:0 0 7px!important;color:#fff!important;font-size:16px!important}.qisas-footer-column a,.qisas-footer-column span{color:#cdbbb0!important;text-decoration:none!important;font-size:14px!important}.qisas-footer-column a:hover{color:#f1c77f!important}.qisas-footer-bottom{display:flex!important;justify-content:space-between;gap:18px;margin-top:44px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.09)!important;color:#9f8d82!important;font-size:13px!important}

@media(max-width:1180px){
  .qisas-header-shell{flex-wrap:wrap}
  .qisas-main-nav{order:4;width:100%;justify-content:center;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}
  .qisas-header-search{max-width:none}
  .qisas-footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}
}

@media(max-width:900px){
  .wrap{width:min(100% - 28px,var(--q2-container))!important}
  #qisas-main-content{padding-top:14px}
  .qisas-header-shell{min-height:68px;gap:10px;position:relative}
  .qisas-brand-mark{width:39px;height:39px;border-radius:13px;font-size:22px}.qisas-brand-copy strong{font-size:18px}.qisas-brand-copy small{display:none}
  .qisas-menu-toggle{display:grid;grid-template-columns:20px auto;align-items:center;gap:0 8px;margin-inline-start:auto;padding:9px 11px;border:1px solid rgba(255,255,255,.14);border-radius:12px}
  .qisas-menu-toggle span{grid-column:1;width:20px;height:2px;margin:2px 0;border-radius:2px;background:#fff}.qisas-menu-toggle b{grid-column:2;grid-row:1/span 3;font-size:12px}
  .qisas-main-nav{display:none!important;order:10;width:100%;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:#2a1710}
  body.qisas-menu-open .qisas-main-nav{display:grid!important;grid-template-columns:repeat(2,1fr)}
  .qisas-main-nav a{justify-content:center}
  .qisas-header-search{order:11;display:none!important;flex-basis:100%;max-width:none}
  body.qisas-menu-open .qisas-header-search{display:flex!important}
  .qisas-header-actions{order:12;width:100%;display:none;justify-content:center;flex-wrap:wrap;margin:0}
  body.qisas-menu-open .qisas-header-actions{display:flex}
  .qisas-member-nav{flex-wrap:wrap;justify-content:center}
  .home-hero-mag{min-height:390px!important}.home-hero-content{padding:64px 28px!important}
  .home-featured-mag,.home-latest-mag{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-series-mag{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .community-wall-page{grid-template-columns:1fr!important;direction:rtl!important}.community-pro-sidebar{grid-column:1!important;grid-row:auto!important;position:static!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.community-feed-tabs,.community-wall-search,.community-post-form,.community-posts-list,.community-login-cta,.empty-box{grid-column:1!important}
  .newsletter-box{grid-template-columns:1fr!important}
  .qisas-footer-grid{grid-template-columns:repeat(2,1fr)!important}.qisas-footer-brand{grid-column:1/-1}
}

@media(max-width:620px){
  .wrap{width:calc(100% - 20px)!important}
  .qisas-header-actions{align-items:stretch}.qisas-submit-link{width:100%}.qisas-member-nav{width:100%}.qisas-member-nav a{flex:1 1 auto}
  .home-hero-mag{min-height:0!important;margin-top:6px!important;border-radius:24px!important}.home-hero-mag::after{font-size:190px}.home-hero-content{padding:50px 18px!important}.home-hero-content h1{font-size:37px!important;letter-spacing:-.8px}.home-hero-content p{font-size:15.5px!important}.home-hero-actions a{width:100%}
  .home-section-mag{margin:40px 0!important}.home-section-head{align-items:center!important}.home-section-head h2{font-size:29px!important}.home-section-head>a{font-size:12px;padding:0 11px}
  .home-featured-mag,.home-latest-mag,.home-series-mag{grid-template-columns:1fr!important}.home-story-card.featured .home-card-img img,.home-story-card.latest .home-card-img img{height:260px!important}.home-card-body h3{font-size:21px!important}.home-series-card{grid-template-columns:92px 1fr}.home-series-card img{width:92px!important;height:116px!important}
  .home-submit-mag{display:grid!important;padding:24px!important}.home-submit-mag>a{width:100%}.home-submit-mag h2{font-size:27px!important}
  .qstory-head{padding:34px 18px!important}.qstory-head h1{font-size:35px!important}.qstory-body{padding:28px 21px!important;font-size:18px!important;line-height:2.05!important}.qstory-share-box,.qstory-comments{padding:21px!important}.qstory-comment-form{grid-template-columns:1fr!important}.qstory-comment-form textarea{grid-row:auto}.qstory-comment-form button{width:100%}
  .community-wall-hero{min-height:230px!important;padding:32px 18px!important}.community-wall-hero h1{font-size:39px!important}.community-pro-sidebar{grid-template-columns:1fr!important}.community-wall-search{grid-template-columns:1fr 1fr!important}.community-wall-search input{grid-column:1/-1}.community-post-card{padding:17px!important}.stats-row{grid-template-columns:repeat(3,1fr)!important}
  .newsletter-box{padding:22px!important}.newsletter-box form{display:grid!important;grid-template-columns:1fr}.newsletter-box button{width:100%}
  .qisas-footer-grid{grid-template-columns:1fr!important;gap:28px!important}.qisas-footer-brand{grid-column:auto}.qisas-footer-bottom{display:grid!important;text-align:center}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* QISAS-VISUAL-HOTFIX-20260719 */
.community-wall-page::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
}

.home-submit-mag h2{
  color:var(--q2-ink) !important;
  text-shadow:none !important;
  opacity:1 !important;
}

.qisas-site-footer .qisas-footer-social{
  display:grid !important;
  flex-direction:initial !important;
  gap:10px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.qisas-site-footer .qisas-footer-social a{
  display:inline !important;
  width:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#cdbbb0 !important;
  font-size:14px !important;
  line-height:1.8 !important;
}

.qisas-site-footer .qisas-footer-social a:hover{
  color:#f1c77f !important;
  background:transparent !important;
  transform:none !important;
}

.home-tags-mag a{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

/* QISAS-MOBILE-MENU-COLORS-20260719 */
@media(max-width:900px){
  body.qisas-menu-open .qisas-main-nav{
    background:#24140f !important;
    border:1px solid rgba(242,188,104,.22) !important;
    box-shadow:0 18px 38px rgba(20,8,3,.30) !important;
  }

  body.qisas-menu-open .qisas-main-nav a{
    background:#3a251e !important;
    color:#fffaf3 !important;
    border:1px solid rgba(255,255,255,.10) !important;
    opacity:1 !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }

  body.qisas-menu-open .qisas-main-nav a:hover,
  body.qisas-menu-open .qisas-main-nav a:focus-visible{
    background:#533225 !important;
    color:#ffffff !important;
    border-color:rgba(242,188,104,.45) !important;
  }

  body.qisas-menu-open .qisas-main-nav a.is-active{
    background:linear-gradient(135deg,#704028,#4b2b20) !important;
    color:#ffffff !important;
    border-color:#d58a39 !important;
  }

  body.qisas-menu-open .qisas-main-nav a.is-active::after{
    background:#f3b95c !important;
  }
}

/* QISAS-PRIVATE-ADULT-PORTAL-20260719 */
.adult-portal{
  width:min(1040px,100%);
  margin:18px auto 72px;
  display:grid;
  gap:24px;
}
.adult-portal-narrow{width:min(720px,100%)}
.adult-portal-hero{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(38px,7vw,76px);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--q2-radius-lg);
  background:radial-gradient(circle at 15% 20%,rgba(236,184,95,.22),transparent 28%),linear-gradient(135deg,#28140f,#5c2b1b 62%,#8d4725);
  color:#fff;box-shadow:var(--q2-shadow-lg);
}
.adult-portal-hero::after{
  content:"18+";position:absolute;inset-inline-start:5%;inset-block-end:-22%;z-index:-1;
  color:rgba(255,255,255,.045);font-size:clamp(110px,22vw,240px);font-weight:1000;line-height:1;
}
.adult-portal-hero h1,.adult-portal-card h1{
  margin:18px 0 12px;font-size:clamp(32px,5vw,54px);line-height:1.25;letter-spacing:-1px;
}
.adult-portal-hero p{
  max-width:690px;margin:0;color:#eadbd1;font-size:17px;font-weight:700;line-height:1.9;
}
.adult-status{
  min-height:36px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;
  background:var(--q2-accent-soft);color:var(--q2-brand-dark);font-size:13px;font-weight:1000;
}
.adult-status-muted{background:#eee8e2;color:var(--q2-muted)}
.adult-status-success{background:#dff2e8;color:#1f674c}
/* QISAS-ADULT-FREE-LAUNCH-20260720 */
.qisas-main-nav .qisas-adult-nav-link{
  background:rgba(172,54,45,.20);color:#ffd6cd!important;
}
.qisas-main-nav .qisas-adult-nav-link:hover,
.qisas-main-nav .qisas-adult-nav-link.is-active{
  background:#9b3f32;color:#fff!important;
}
.adult-portal-card,.adult-privacy-note{
  border:1px solid var(--q2-line);border-radius:var(--q2-radius-lg);background:#fff;box-shadow:var(--q2-shadow-sm);
}
.adult-portal-card{padding:clamp(28px,6vw,58px)}
.adult-portal-card>p{margin:0 0 24px;color:var(--q2-muted);font-size:16px;line-height:1.9}
.adult-step-card{position:relative;overflow:hidden}
.adult-step-number{
  position:absolute;inset-inline-end:-14px;inset-block-start:-24px;color:rgba(139,63,37,.055);
  font-size:150px;font-weight:1000;line-height:1;
}
.adult-primary-button,.adult-secondary-button{
  min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;
  border-radius:14px;text-decoration:none!important;font-weight:1000;
}
.adult-primary-button{
  background:linear-gradient(135deg,#9a4528,#6f2f1e);color:#fff!important;
  box-shadow:0 12px 28px rgba(93,40,23,.20);
}
.adult-secondary-button{border:1px solid var(--q2-line);background:#fbf7f2;color:var(--q2-ink-soft)!important}
.adult-provider-pending{
  display:grid;gap:6px;margin:24px 0;padding:18px;border:1px solid #ead2ad;border-radius:16px;
  background:#fff8ea;color:var(--q2-ink-soft);
}
.adult-provider-pending strong{color:var(--q2-brand-dark)}
.adult-provider-pending span{font-size:14px;line-height:1.8}
.adult-provider-error{border-color:#e9b8b4;background:#fff1f0}
.adult-free-launch-note{border-color:#b9dfc9;background:#edf9f2}
.adult-free-launch-note strong{color:#17613f}
.adult-age-confirm-form{display:grid;gap:18px;margin-top:24px}
.adult-age-confirm-check{
  display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--q2-line);
  border-radius:16px;background:#fbf7f2;color:var(--q2-ink-soft);font-weight:800;line-height:1.8;
}
.adult-age-confirm-check input{width:22px;height:22px;margin-top:4px;accent-color:#8f351e;flex:0 0 auto}
.adult-age-confirm-form button{border:0;cursor:pointer;font-family:inherit;font-size:16px}
.adult-form-error{margin:18px 0;padding:14px 16px;border:1px solid #e9b8b4;border-radius:14px;background:#fff1f0;color:#8b2f2a;font-weight:800}
.adult-trust-list{margin:0 0 26px;padding:0 22px 0 0;color:var(--q2-muted);line-height:2}
.adult-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.adult-story-card{
  overflow:hidden;border:1px solid var(--q2-line);border-radius:var(--q2-radius);
  background:#fff;box-shadow:var(--q2-shadow-sm);
}
.adult-story-card>a{display:block;background:#e7d9cc}
.adult-story-card img{width:100%;height:250px;display:block;object-fit:cover}
.adult-story-card>div{padding:22px}
.adult-story-card span{color:var(--q2-brand);font-size:12px;font-weight:1000}
.adult-story-card h2{margin:9px 0;font-size:22px;line-height:1.5}
.adult-story-card h2 a{color:var(--q2-ink)!important;text-decoration:none!important}
.adult-story-card p{color:var(--q2-muted);line-height:1.8}
.adult-text-link{color:var(--q2-brand)!important;font-weight:1000}
.adult-empty-state{text-align:center}
.adult-empty-state h2{margin-top:0;font-size:28px}
.adult-privacy-note{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;padding:22px 26px}
.adult-privacy-note strong{color:var(--q2-brand-dark)}
.adult-privacy-note p{margin:0;color:var(--q2-muted);line-height:1.8}
.adult-portal-closed{min-height:52vh;place-items:center}
.adult-portal-closed .adult-portal-card{width:min(680px,100%);text-align:center}
@media(max-width:700px){
  .adult-portal{margin-top:6px;gap:18px}
  .adult-portal-hero,.adult-portal-card{border-radius:24px;padding:30px 20px}
  .adult-portal-hero h1,.adult-portal-card h1{font-size:34px}
  .adult-story-grid{grid-template-columns:1fr}
  .adult-story-card img{height:230px}
  .adult-primary-button,.adult-secondary-button{width:100%}
  .adult-privacy-note{grid-template-columns:1fr;padding:20px}
}

/* QISAS-ADULT-AUTHOR-CARD-20260721 */
.qstory-author-card{
  display:flex;
  justify-content:center;
  margin:18px auto 4px;
}
.qstory-author-card a,
.qstory-author-card>div{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  padding:10px 18px;
  border:1px solid #ead7c4;
  border-radius:999px;
  background:#fff8f1;
  color:#6f3518;
  text-decoration:none;
  box-shadow:0 7px 20px rgba(74,36,18,.07);
}
.qstory-author-card strong{
  color:#2d180f;
}
.qstory-author-card small{
  opacity:.72;
  direction:ltr;
}
.qstory-author-card a:hover{
  border-color:#cf8232;
  transform:translateY(-1px);
}

/* QISAS-PROFILE-ADULT-CARD-20260721 */
.profile-stories-mini .profile-story-adult-locked{
display:grid!important;place-items:center!important;
align-content:center!important;min-height:150px!important;
padding:20px!important;gap:8px!important;text-align:center!important;
color:#fff!important;background:linear-gradient(135deg,#35170f,#8f3d22)!important}
.profile-story-adult-locked b{
display:inline-grid!important;place-items:center!important;
width:52px!important;height:52px!important;border-radius:50%!important;
color:#35170f!important;background:#f4bd5d!important}
.profile-story-adult-locked span{
color:#fff!important;font-weight:800!important}
.profile-story-adult-locked small{
color:#f4ded2!important;line-height:1.7!important}