/* v1.21 — zero-gap poem reader + navigation/performance polish */
.poem-page-hero{padding-bottom:0!important;border-bottom:0!important;margin-bottom:0!important}
.poem-page-hero .premium-reader-head{margin-bottom:0!important}
.poem-reader-premium-section{padding-top:0!important;margin-top:0!important}
.poem-reader-premium-section>.container{margin-top:0!important}
.poem-reader-premium-section .premium-reader-wrap{margin-top:0!important}
.premium-reader-head{border-bottom-color:color-mix(in srgb,var(--purple) 14%,var(--line))!important}
.premium-poem-reader{margin-top:0!important}
.inline-more-link{display:flex;justify-content:center;margin-top:16px}
@media(max-width:760px){.poem-page-hero{padding-bottom:0!important}.poem-reader-premium-section{padding-top:0!important}}


/* v1.21.2 — dedicated ghazal number jump */
.category-number-jump{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:15px 17px;border:1px solid color-mix(in srgb,var(--purple) 22%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 6%,var(--surface)),color-mix(in srgb,var(--orange) 5%,var(--surface)));box-shadow:var(--shadow-sm)}
.category-number-copy{display:grid;gap:2px}.category-number-copy b{font-size:14px}.category-number-copy small{font-size:11.5px;color:var(--muted)}
.category-number-input{display:flex;gap:8px;min-width:min(330px,100%)}.category-number-input input{min-width:0;flex:1;height:44px;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface);color:var(--text);padding:0 13px;outline:0}.category-number-input input:focus{border-color:var(--purple)}.category-number-input button{height:44px;border:0;border-radius:13px;padding:0 18px;background:var(--grad);color:#fff;font-weight:900}.category-number-note{margin:-6px 0 14px}
@media(max-width:680px){.category-number-jump{align-items:stretch;flex-direction:column}.category-number-input{min-width:0;width:100%}}


/* v1.21.3 — fortune readability + themed scrollbar */
.fortune-dialog h2{font-size:25px!important;line-height:1.55!important}
.fortune-dialog>p{font-size:13.5px!important;line-height:2.05!important;max-width:430px!important}
.fortune-kicker{font-size:11.5px!important}
.fortune-selected{max-height:min(52vh,470px)!important;padding:15px 17px!important;scrollbar-width:thin;scrollbar-color:var(--purple) color-mix(in srgb,var(--purple) 6%,transparent)}
.fortune-selected::-webkit-scrollbar{width:10px}
.fortune-selected::-webkit-scrollbar-track{background:color-mix(in srgb,var(--purple) 6%,transparent);border-radius:999px;margin:8px 0}
.fortune-selected::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--purple),#8b55ea 55%,var(--orange));border:2px solid color-mix(in srgb,var(--surface) 88%,transparent);border-radius:999px}
.fortune-selected::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7b49e5,var(--purple),var(--orange))}
.fortune-selected>span{font-size:11.5px!important}
.fortune-selected b{font-size:18px!important;line-height:1.7!important}
.fortune-selected small{font-size:13px!important;line-height:1.8!important}
.fortune-poem-text{gap:7px!important;margin-top:13px!important;padding-top:12px!important}
.fortune-poem-text p{font-size:15px!important;line-height:2.15!important}
.fortune-open-poem{font-size:12px!important;padding:10px 15px!important;border-radius:13px!important}
.fortune-intent b{font-size:17px!important}.fortune-intent small{font-size:12px!important}
.fortune-note{font-size:11.5px!important;line-height:1.8!important}
@media(max-width:620px){
  .fortune-dialog h2{font-size:21px!important}
  .fortune-dialog>p{font-size:12px!important}
  .fortune-selected{max-height:52vh!important;padding:13px 12px!important}
  .fortune-selected b{font-size:16.5px!important}
  .fortune-selected small{font-size:12px!important}
  .fortune-poem-text p{font-size:14px!important;line-height:2.1!important}
}


/* v1.21.4 — premium search results + faster public listings */
.search-premium-hero{padding:44px 0 36px!important;background:radial-gradient(520px 220px at 8% 0%,color-mix(in srgb,var(--purple) 18%,transparent),transparent 72%),radial-gradient(500px 220px at 95% 15%,color-mix(in srgb,var(--orange) 15%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--purple) 5%,var(--bg)),var(--bg))!important}
.search-hero-panel{position:relative;overflow:hidden;padding:34px 36px;border-radius:30px;border:1px solid transparent;background:radial-gradient(300px 180px at 0 0,color-mix(in srgb,var(--purple) 12%,transparent),transparent 75%) padding-box,radial-gradient(300px 180px at 100% 100%,color-mix(in srgb,var(--orange) 10%,transparent),transparent 75%) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,#fff),color-mix(in srgb,var(--surface) 96%,#fff7ed)) padding-box,linear-gradient(125deg,color-mix(in srgb,var(--purple) 62%,transparent),color-mix(in srgb,var(--orange) 58%,transparent),color-mix(in srgb,var(--yellow) 52%,transparent)) border-box;box-shadow:0 28px 80px rgba(83,46,173,.14),0 12px 28px rgba(255,139,29,.08)}
.search-hero-panel h1{margin:10px 0 5px;font-size:clamp(34px,4vw,52px);line-height:1.35;letter-spacing:-1.4px}.search-hero-panel>p{margin:0;color:var(--muted);font-size:13px}.search-premium-form{margin-top:22px}.search-premium-form .search-wide{max-width:820px;box-shadow:0 16px 40px rgba(78,45,157,.11)}.search-premium-section{padding-top:34px!important}
.search-query-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;margin-bottom:18px;border-radius:999px;background:color-mix(in srgb,var(--purple) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 15%,var(--line));font-size:12.5px;color:var(--muted)}.search-query-chip b{color:var(--text);font-size:12px}.premium-search-results{display:grid;gap:24px}.premium-result-group{position:relative;padding:20px;border-radius:25px;border:1px solid color-mix(in srgb,var(--purple) 12%,var(--line));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--purple) 2.5%,var(--surface)));box-shadow:0 18px 50px rgba(70,42,125,.07)}
.premium-result-heading{display:flex;align-items:center;gap:11px;margin-bottom:16px}.premium-result-heading>span{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:var(--grad);color:#fff;box-shadow:0 10px 24px rgba(102,57,214,.22)}.premium-result-heading h2{margin:0;font-size:19px}.premium-result-heading p{margin:1px 0 0;color:var(--muted);font-size:11.5px}
.search-poet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.search-poet-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;align-items:center;min-height:116px;padding:12px;border-radius:20px;border:1px solid color-mix(in srgb,var(--purple) 15%,var(--line));background:color-mix(in srgb,var(--surface) 97%,transparent);transition:.22s;box-shadow:var(--shadow-sm)}.search-poet-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--purple) 32%,var(--line));box-shadow:0 20px 45px rgba(95,54,196,.14)}.search-poet-glow{position:absolute;z-index:-1;width:120px;height:120px;right:-32px;top:-38px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--purple) 24%,transparent),transparent 68%);filter:blur(4px)}.search-poet-avatar{width:76px;height:88px;padding:3px;border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 35%,#fff),color-mix(in srgb,var(--orange) 30%,#fff));box-shadow:0 9px 22px rgba(76,44,141,.13)}.search-poet-avatar img{width:100%;height:100%;object-fit:cover;border-radius:17px;background:var(--surface)}.search-poet-copy{min-width:0}.search-poet-copy b{display:block;font-size:16px;margin-bottom:3px}.search-poet-copy p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-poet-copy span{display:inline-block;margin-top:8px;color:var(--purple);font-size:11.5px;font-weight:800}
.search-poem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.search-poem-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:11px;align-items:start;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:.2s}.search-poem-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--orange) 32%,var(--line));box-shadow:0 15px 38px rgba(86,53,140,.09)}.search-poem-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 10%,var(--surface)),color-mix(in srgb,var(--orange) 12%,var(--surface)));color:var(--purple);font-size:17px}.search-poem-card b{font-size:14px}.search-poem-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:2px;color:var(--muted);font-size:10.5px}.search-poem-card p{margin:7px 0 0;font-size:12.5px;line-height:2;color:color-mix(in srgb,var(--text) 78%,var(--muted));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-open-arrow{align-self:center;color:var(--purple);font-size:18px}
.search-number-miss{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--orange) 18%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 6%,var(--surface)),color-mix(in srgb,var(--purple) 4%,var(--surface)))}.search-number-miss>span{font-size:20px;color:var(--orange)}.search-number-miss b{font-size:13px}.search-number-miss p{margin:2px 0 0;color:var(--muted);font-size:11.5px}.search-number-miss>a{margin-inline-start:auto;padding:8px 12px;border-radius:12px;background:var(--purple);color:#fff;font-size:11.5px;font-weight:800}.search-empty-premium{display:grid;place-items:center;text-align:center;min-height:220px;border:1px dashed color-mix(in srgb,var(--purple) 22%,var(--line));border-radius:24px;background:color-mix(in srgb,var(--purple) 3%,var(--surface));color:var(--muted)}.search-empty-premium>span{font-size:36px;color:var(--purple)}.search-empty-premium b{font-size:17px;color:var(--text)}.search-empty-premium p{margin:0;font-size:12.5px}
.poems-premium-head{min-height:160px!important}.poems-filter-row{padding:12px;border:1px solid color-mix(in srgb,var(--purple) 13%,var(--line));border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:12px}.poems-page-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px;padding:9px 12px;border-radius:14px;background:color-mix(in srgb,var(--purple) 4%,var(--surface));border:1px solid var(--line)}.poems-page-summary b{font-size:13px}.poems-page-summary span{font-size:11.5px;color:var(--muted)}.poems-list-section .pagination{margin-top:22px}
html[data-theme="dark"] .search-hero-panel{background:radial-gradient(300px 180px at 0 0,rgba(132,79,246,.15),transparent 75%) padding-box,radial-gradient(300px 180px at 100% 100%,rgba(255,149,37,.10),transparent 75%) padding-box,linear-gradient(145deg,#21162f,#171020 72%,#1d1427) padding-box,linear-gradient(125deg,rgba(139,84,245,.56),rgba(255,154,31,.42),rgba(244,196,52,.40)) border-box}
@media(max-width:900px){.search-poet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-poem-grid{grid-template-columns:1fr}}@media(max-width:620px){.search-premium-hero{padding:24px 0 20px!important}.search-hero-panel{padding:22px 17px;border-radius:23px}.search-hero-panel h1{font-size:28px}.search-poet-grid{grid-template-columns:1fr}.premium-result-group{padding:13px;border-radius:20px}.search-poet-card{grid-template-columns:66px minmax(0,1fr)}.search-poet-avatar{width:66px;height:76px}.search-number-miss{align-items:flex-start;flex-wrap:wrap}.search-number-miss>a{margin-inline-start:0}.poems-filter-row{align-items:stretch}}

/* v1.21.6 — compact search heading + stable mobile poem navigation dock */
.search-hero-panel h1{font-size:clamp(25px,2.45vw,34px)!important;line-height:1.45!important;letter-spacing:-.7px!important}
.poem-mobile-nav-dock{display:contents}
@media(max-width:620px){
  .search-hero-panel h1{font-size:21px!important;line-height:1.55!important;letter-spacing:-.35px!important}
  .poem-reader-premium-section{padding-bottom:104px!important}
  .poem-reader-shell .poem-mobile-nav-dock{
    display:flex!important;
    direction:rtl!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    z-index:10010!important;
    width:max-content!important;
    max-width:calc(100vw - 24px)!important;
    padding:6px!important;
    border-radius:21px!important;
    border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line))!important;
    background:color-mix(in srgb,var(--surface) 86%,transparent)!important;
    backdrop-filter:blur(18px) saturate(1.18)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
    box-shadow:0 18px 50px rgba(56,29,117,.24),0 5px 18px rgba(255,145,31,.10)!important;
  }
  .poem-reader-shell .poem-mobile-nav-dock .poem-nav{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    min-width:92px!important;
    height:46px!important;
    padding:0 14px!important;
    margin:0!important;
    justify-content:center!important;
    border-radius:15px!important;
    border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line))!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 7%,var(--surface)),color-mix(in srgb,var(--orange) 5%,var(--surface)))!important;
    box-shadow:none!important;
  }
  .poem-reader-shell .poem-mobile-nav-dock .poem-nav:hover,
  .poem-reader-shell .poem-mobile-nav-dock .poem-nav:active{transform:none!important}
  .poem-reader-shell .poem-mobile-nav-dock .poem-nav small{font-size:12px!important;font-weight:850!important;color:var(--text)!important}
  .poem-reader-shell .poem-mobile-nav-dock .poem-nav span{font-size:18px!important;line-height:1!important;color:var(--purple)!important}
}
html[data-theme="dark"] .poem-reader-shell .poem-mobile-nav-dock{background:rgba(24,16,35,.88)!important;border-color:#493168!important}


/* v1.21.7 — premium footer + tighter page ending */
.site-footer{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  margin-top:28px!important;
  border-top:1px solid color-mix(in srgb,var(--purple) 14%,var(--line))!important;
  background:
    radial-gradient(620px 250px at 10% -20%,color-mix(in srgb,var(--purple) 13%,transparent),transparent 72%),
    radial-gradient(560px 240px at 92% 110%,color-mix(in srgb,var(--orange) 11%,transparent),transparent 72%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,var(--bg)),color-mix(in srgb,var(--purple) 3%,var(--footer)))!important;
}
.footer-shell{position:relative;z-index:2;padding:24px 0 14px}
.footer-grid{
  display:grid!important;
  grid-template-columns:1.45fr .8fr .8fr 1fr!important;
  gap:14px!important;
  padding:0!important;
}
.footer-grid>div{
  position:relative;
  min-width:0;
  padding:18px 17px;
  border-radius:22px;
  border:1px solid color-mix(in srgb,var(--purple) 11%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--purple) 2.8%,var(--surface)));
  box-shadow:0 13px 34px rgba(73,43,127,.06),inset 0 1px 0 color-mix(in srgb,#fff 60%,transparent);
}
.footer-intro{background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 7%,var(--surface)),color-mix(in srgb,var(--orange) 4%,var(--surface)))!important}
.footer-brand{display:inline-flex!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important}
.footer-brand .brand-logo{width:48px!important;height:48px!important;filter:drop-shadow(0 8px 16px rgba(87,50,174,.16))}
.footer-brand .brand-copy b{font-size:22px!important;background:linear-gradient(90deg,var(--purple),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.footer-brand .brand-copy small{font-size:10.5px!important;color:var(--muted)!important}
.footer-intro>p,.footer-note>p{margin:4px 0 0!important;max-width:430px!important;font-size:12.5px!important;line-height:2!important;color:var(--muted)!important}
.footer-signature{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--purple) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 12%,var(--line));color:var(--purple);font-size:10.5px;font-weight:800}
.footer-grid h4{display:flex;align-items:center;gap:7px;margin:0 0 11px!important;font-size:13px!important;color:var(--text)}
.footer-grid h4 span{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 12%,var(--surface)),color-mix(in srgb,var(--orange) 12%,var(--surface)));color:var(--purple);font-size:12.5px}
.footer-links>a:not(.brand){display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:5px 0!important;padding:7px 9px;border-radius:11px;color:var(--muted)!important;font-size:12px!important;transition:.2s}
.footer-links>a i{font-style:normal;opacity:.55;color:var(--purple)}
.footer-links>a:hover{color:var(--text)!important;background:color-mix(in srgb,var(--purple) 6%,var(--surface));transform:translateX(-2px)}
.footer-search-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:9px 11px;border-radius:12px;background:linear-gradient(100deg,var(--purple),#8d56e8 58%,var(--orange));color:#fff!important;font-size:11.5px;font-weight:900;box-shadow:0 10px 24px rgba(104,58,211,.16)}
.footer-search-cta b{font-size:15px}
.copyright{display:flex!important;align-items:center;justify-content:center;gap:8px;margin-top:13px!important;padding:11px 14px!important;border-top:1px solid color-mix(in srgb,var(--purple) 10%,var(--line))!important;color:var(--muted)!important;font-size:10.5px!important;text-align:center}
.copyright-dot{color:var(--orange)}
.footer-orb{position:absolute;z-index:0;border-radius:999px;filter:blur(4px);pointer-events:none}.footer-orb-a{width:180px;height:180px;right:-90px;top:-95px;background:radial-gradient(circle,color-mix(in srgb,var(--purple) 12%,transparent),transparent 68%)}.footer-orb-b{width:190px;height:190px;left:-100px;bottom:-110px;background:radial-gradient(circle,color-mix(in srgb,var(--orange) 10%,transparent),transparent 68%)}

/* Remove unnecessary dead space before the footer. */
main>.section:last-child{padding-bottom:26px!important}
main>.page-hero:last-child{padding-bottom:20px!important}
.poem-reader-premium-section{padding-bottom:28px!important}

html[data-theme="dark"] .site-footer{background:radial-gradient(620px 250px at 10% -20%,rgba(125,72,235,.14),transparent 72%),radial-gradient(560px 240px at 92% 110%,rgba(255,145,31,.09),transparent 72%),linear-gradient(180deg,#120c1d,#0d0916)!important}
html[data-theme="dark"] .footer-grid>div{background:linear-gradient(145deg,rgba(32,22,46,.94),rgba(22,15,33,.96));border-color:#39294d;box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)}
html[data-theme="dark"] .footer-intro{background:linear-gradient(145deg,rgba(72,43,126,.28),rgba(57,34,76,.34))!important}

@media(max-width:900px){
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr!important}
  .footer-note{grid-column:1/-1}
}
@media(max-width:620px){
  .site-footer{margin-top:10px!important}
  .footer-shell{padding:14px 0 10px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .footer-grid>div{padding:13px 12px!important;border-radius:17px!important}
  .footer-intro{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
  .footer-intro .footer-brand{margin:0!important;grid-row:1/3}
  .footer-intro>p{margin:0!important;font-size:11px!important;line-height:1.85!important}
  .footer-signature{grid-column:2;margin-top:7px!important;width:max-content;font-size:10px!important;padding:5px 8px!important}
  .footer-brand .brand-logo{width:42px!important;height:42px!important}
  .footer-brand .brand-copy b{font-size:20px!important}
  .footer-brand .brand-copy small{display:none!important}
  .footer-grid h4{font-size:11.5px!important;margin-bottom:7px!important}.footer-grid h4 span{width:22px;height:22px;border-radius:8px;font-size:11.5px}
  .footer-links>a:not(.brand){font-size:11px!important;padding:6px 7px!important;margin:3px 0!important}
  .footer-note{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
  .footer-note h4{grid-column:1/-1;margin-bottom:0!important}.footer-note>p{font-size:10.5px!important;line-height:1.8!important;margin:0!important}.footer-search-cta{margin:0!important;white-space:nowrap;padding:8px 10px;font-size:10.5px}
  .copyright{margin-top:9px!important;padding:9px 6px!important;font-size:10px!important;gap:5px!important;flex-wrap:wrap}
  main>.section:last-child{padding-bottom:14px!important}
  .poem-reader-premium-section{padding-bottom:78px!important}
  .poem-mobile-nav-dock{bottom:max(10px,env(safe-area-inset-bottom))!important}
}
@media(max-width:390px){
  .footer-grid{grid-template-columns:1fr!important}
  .footer-intro,.footer-note{grid-column:auto}
  .footer-links{display:grid;grid-template-columns:1fr 1fr;column-gap:6px}.footer-links h4{grid-column:1/-1}.footer-links>a:not(.brand){margin:2px 0!important}
  .footer-note{grid-template-columns:1fr}.footer-note h4{grid-column:auto}.footer-search-cta{justify-content:center;gap:12px}
}


/* v1.21.8 — readability pass: lift tiny public UI text one step without enlarging headings */
.category-number-copy small{font-size:12.5px!important}
.fortune-selected>span{font-size:12.5px!important}
.fortune-intent small{font-size:11.5px!important}
.fortune-note{font-size:12.5px!important}
.premium-result-heading p{font-size:11.5px!important}
.search-poet-copy p{font-size:12.5px!important}
.search-poet-copy span{font-size:12.5px!important}
.search-poem-meta{font-size:12px!important}
.search-number-miss p{font-size:12.5px!important}
.search-number-miss>a{font-size:12.5px!important}
.poems-page-summary span{font-size:12.5px!important}
.footer-brand .brand-copy small{font-size:11.5px!important}
.footer-intro>p,.footer-note>p{font-size:12px!important}
.footer-signature{font-size:11.5px!important}
.footer-grid h4{font-size:14px!important}
.footer-links>a:not(.brand){font-size:11.5px!important}
.footer-search-cta{font-size:12.5px!important}
.copyright{font-size:11.5px!important}

/* Existing public components that were intentionally compact, but too small on real screens. */
.poets-hero-copy p{font-size:11.5px!important}
.poets-filter-panel label{font-size:10.5px!important}
.pro-search input{font-size:12.5px!important}
.pro-search button{font-size:11.5px!important}
.filter-select select{font-size:12px!important}
.filter-reset{font-size:11px!important}
.poets-list-summary span,.poets-list-summary p{font-size:11.5px!important}
.page-num,.page-arrow,.page-dots{font-size:12px!important}
.ajax-loader-note{font-size:12.5px!important}
.poet-fortune-btn small{font-size:11.5px!important}
.hero-side-glass small{font-size:11.5px!important}
.hero-side-stack .hero-quote small{font-size:11.5px!important}
.category-hero-stats small{font-size:12px!important}

@media(max-width:650px){
  .poet-profile-premium .profile-body .description{font-size:12px!important}
  .compact-category-heading>small{font-size:11px!important}
  .compact-categories .work-category-card p{font-size:11.5px!important}
  .category-description,.category-hero-card>p.category-description{font-size:12.5px!important}
}

@media(max-width:620px){
  .footer-intro>p{font-size:12.5px!important;line-height:1.95!important}
  .footer-signature{font-size:11px!important}
  .footer-grid h4{font-size:13px!important}
  .footer-grid h4 span{font-size:12.5px!important}
  .footer-links>a:not(.brand){font-size:12.5px!important}
  .footer-note>p{font-size:12px!important;line-height:1.9!important}
  .footer-search-cta{font-size:12px!important}
  .copyright{font-size:11px!important;line-height:1.8!important}
  .search-query-chip{font-size:11.5px!important}
  .search-query-chip b{font-size:12.5px!important}
  .premium-result-heading p{font-size:12.5px!important}
  .search-poet-copy p,.search-poet-copy span{font-size:12.5px!important}
  .search-poem-meta{font-size:12px!important}
  .poems-page-summary span{font-size:12px!important}
}


/* v1.21.11 — premium home statistics cards */
.home-fixed-stats{padding-top:18px!important;padding-bottom:30px!important}
.home-fixed-stats .stats-bar{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.home-fixed-stats .stat{
  position:relative!important;
  isolation:isolate;
  min-height:112px;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:15px!important;
  padding:20px 20px!important;
  border:1px solid color-mix(in srgb,var(--purple) 17%,var(--line))!important;
  border-radius:23px!important;
  background:
    radial-gradient(150px 90px at 100% 0%,color-mix(in srgb,var(--purple) 10%,transparent),transparent 72%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 99%,#fff),color-mix(in srgb,var(--purple) 3%,var(--surface)))!important;
  box-shadow:0 17px 42px rgba(89,49,174,.08),0 8px 20px rgba(255,143,31,.035),inset 0 1px 0 rgba(255,255,255,.75)!important;
  overflow:hidden!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.home-fixed-stats .stat:nth-child(even){
  border-color:color-mix(in srgb,var(--orange) 24%,var(--line))!important;
  background:
    radial-gradient(150px 90px at 100% 0%,color-mix(in srgb,var(--orange) 11%,transparent),transparent 72%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 99%,#fff),color-mix(in srgb,var(--orange) 3%,var(--surface)))!important;
}
.home-fixed-stats .stat:after{
  content:"";position:absolute;z-index:-1;width:100px;height:100px;border-radius:50%;left:-38px;bottom:-54px;
  background:radial-gradient(circle,color-mix(in srgb,var(--purple) 10%,transparent),transparent 70%);pointer-events:none;
}
.home-fixed-stats .stat:nth-child(even):after{background:radial-gradient(circle,color-mix(in srgb,var(--orange) 10%,transparent),transparent 70%)}
.home-fixed-stats .stat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--purple) 33%,var(--line))!important;box-shadow:0 22px 52px rgba(89,49,174,.13),0 10px 24px rgba(255,143,31,.06)!important}
.home-fixed-stats .stat-icon{
  flex:0 0 52px!important;width:52px!important;height:52px!important;border-radius:17px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 14%,#fff),color-mix(in srgb,var(--purple) 6%,#fff))!important;
  color:var(--purple)!important;font-size:21px!important;
  border:1px solid color-mix(in srgb,var(--purple) 15%,var(--line));
  box-shadow:0 9px 22px rgba(106,61,207,.10),inset 0 1px 0 rgba(255,255,255,.78);
}
.home-fixed-stats .stat:nth-child(even) .stat-icon{
  background:linear-gradient(145deg,#fff5e8,#ffead0)!important;color:var(--orange)!important;border-color:rgba(255,154,31,.18)!important;
}
.home-fixed-stats .stat>div{min-width:0;display:flex;flex-direction:column;gap:7px}
.home-fixed-stats .stat b{
  display:block!important;margin:0!important;
  font-size:clamp(22px,1.8vw,29px)!important;line-height:1.18!important;font-weight:950!important;
  letter-spacing:-.35px;color:var(--purple)!important;white-space:nowrap;
}
.home-fixed-stats .stat:nth-child(even) b{color:var(--orange)!important}
.home-fixed-stats .stat>div>span{font-size:13px!important;line-height:1.55!important;font-weight:700!important;color:var(--muted)!important}
html[data-theme="dark"] .home-fixed-stats .stat{
  background:radial-gradient(150px 90px at 100% 0%,rgba(128,76,235,.15),transparent 72%),linear-gradient(145deg,#20152f,#171020)!important;
  border-color:#3e2a55!important;box-shadow:0 18px 44px rgba(0,0,0,.20),0 0 28px rgba(112,64,220,.06),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="dark"] .home-fixed-stats .stat:nth-child(even){background:radial-gradient(150px 90px at 100% 0%,rgba(255,149,31,.12),transparent 72%),linear-gradient(145deg,#21172a,#17101e)!important}
html[data-theme="dark"] .home-fixed-stats .stat-icon{background:linear-gradient(145deg,#33224b,#261938)!important;border-color:#493461!important}
html[data-theme="dark"] .home-fixed-stats .stat:nth-child(even) .stat-icon{background:linear-gradient(145deg,#3c2918,#2b1e14)!important;border-color:#5b3a1d!important}
@media(max-width:820px){
  .home-fixed-stats .stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .home-fixed-stats .stat{min-height:102px;padding:17px 15px!important;gap:12px!important}
  .home-fixed-stats .stat-icon{flex-basis:46px!important;width:46px!important;height:46px!important;border-radius:15px!important;font-size:19px!important}
  .home-fixed-stats .stat b{font-size:clamp(19px,4.8vw,24px)!important}
  .home-fixed-stats .stat>div>span{font-size:12px!important}
}
@media(max-width:380px){
  .home-fixed-stats .stats-bar{gap:8px!important}
  .home-fixed-stats .stat{padding:14px 10px!important;gap:8px!important;border-radius:18px!important}
  .home-fixed-stats .stat-icon{flex-basis:40px!important;width:40px!important;height:40px!important;border-radius:13px!important;font-size:17px!important}
  .home-fixed-stats .stat b{font-size:18px!important;white-space:normal!important}
  .home-fixed-stats .stat>div>span{font-size:11.5px!important}
}


/* v1.22.12 — Folanja Persian display-font trial */
@font-face{
  font-family:"FolanjaMiremad";
  src:url("fonts/Miremad.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"FolanjaNastaliq";
  src:url("fonts/IranNastaliq.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"FolanjaBTitr";
  src:url("fonts/B-Titr-Bold.ttf") format("truetype");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}

/* Top navigation: Miremad */
.main-nav > a,
.main-nav > .nav-fortune{
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:16px;
  letter-spacing:0;
}

/* Poet profile name: Iran Nastaliq */
.poet-page-hero .profile-body h1{
  font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:48px!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  padding-block:2px 5px;
}

/* Headings on poet book/category cards: Miremad */
.work-category-card h3,
.inline-category-card h4{
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:20px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
}

@media(max-width:650px){
  .main-nav > a,
  .main-nav > .nav-fortune{font-size:15px!important}
  .poet-page-hero .profile-body h1{font-size:34px!important;line-height:1.5!important}
  .work-category-card h3,
  .inline-category-card h4{font-size:17px!important}
}

/* v1.22.13 — refined Persian typography + readability pass */

/* Restore the top navigation to the regular UI font. */
.main-nav > a,
.main-nav > .nav-fortune{
  font-family:var(--font)!important;
  font-weight:700!important;
  font-size:15px!important;
  letter-spacing:0!important;
}

/* Folanja wordmark: Miremad in header and the main home hero only. */
.site-header .brand-copy b,
.hero .hero-copy > h1{
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.site-header .brand-copy b{font-size:30px!important;line-height:1.2!important}
.hero .hero-copy > h1{font-size:clamp(48px,5.8vw,74px)!important;line-height:1.25!important}

/* Home feature-card titles: Nastaliq; subtitles deliberately keep the UI font. */
.feature-card > strong{
  font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:23px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
}
.feature-card > small{font-family:var(--font)!important}

/* Poet directory card names: Miremad. */
.poets-list-section .poet-info h3{
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:21px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
}

/* Poet profile: keep Iran Nastaliq, but give the name more presence. */
.poet-page-hero .profile-body h1{
  font-size:56px!important;
  line-height:1.42!important;
}

/* Book / divan names: Miremad and one step larger. */
.compact-categories .work-category-card h3,
.work-category-card h3,
.inline-category-card h4{
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:23px!important;
  line-height:1.58!important;
  letter-spacing:0!important;
}

/* Poet profile page: lift the compact supporting text one step. */
.poet-profile-premium .profile-body .description{font-size:13px!important;line-height:2.05!important}
.poet-profile-premium .fact{font-size:12.5px!important}
.poet-fortune-btn b{font-size:14px!important}
.poet-fortune-btn small{font-size:12.5px!important}
.library-summary-head b{font-size:15.5px!important}
.library-summary-head small{font-size:11.5px!important}
.library-summary-stats b{font-size:15px!important}
.library-summary-stats small{font-size:10.5px!important}
.library-quick-links a{font-size:12px!important}
.library-jump{font-size:11.5px!important}
.compact-category-heading>div>span{font-size:11.5px!important}
.compact-category-heading>small{font-size:11.5px!important}
.compact-categories .work-category-card p{font-size:12px!important}
.compact-categories .work-cat-stats span{font-size:12px!important}
.compact-categories .work-cat-stats b{font-size:12px!important}

/* Site-wide micro-copy floor: only previously tiny utility text, not main content. */
.poets-filter-panel label{font-size:11.5px!important}
.pro-search input{font-size:12px!important}
.pro-search button{font-size:12.5px!important}
.filter-select select{font-size:11.5px!important}
.filter-reset{font-size:12px!important}
.poets-list-summary span,.poets-list-summary p{font-size:12.5px!important}
.page-num,.page-arrow,.page-dots{font-size:11.5px!important}
.poet-info p{font-size:11.5px!important}
.poet-stats span{font-size:11.5px!important}
.poet-stats b{font-size:12px!important}
.poet-meta{font-size:12px!important}
.section-note,.see-all{font-size:12.5px!important}
.breadcrumb{font-size:12px!important}
.category-hero-stats small{font-size:12.5px!important}
.search-query-chip{font-size:12px!important}
.premium-result-heading p{font-size:12px!important}
.search-poet-copy p,.search-poet-copy span{font-size:11.5px!important}
.search-poem-meta{font-size:12.5px!important}
.poems-page-summary span{font-size:11.5px!important}
.footer-brand .brand-copy small{font-size:12.5px!important}
.footer-signature{font-size:12.5px!important}
.footer-links>a:not(.brand){font-size:12px!important}
.footer-search-cta{font-size:11.5px!important}
.copyright{font-size:12.5px!important}

@media(max-width:650px){
  .main-nav > a,
  .main-nav > .nav-fortune{font-size:14px!important}
  .site-header .brand-copy b{font-size:27px!important}
  .hero .hero-copy > h1{font-size:46px!important}
  .feature-card > strong{font-size:20px!important}
  .poets-list-section .poet-info h3{font-size:19px!important}
  .poet-page-hero .profile-body h1{font-size:40px!important;line-height:1.5!important}
  .compact-categories .work-category-card h3,
  .work-category-card h3,
  .inline-category-card h4{font-size:20px!important}
  .poet-profile-premium .profile-body .description{font-size:11.5px!important}
  .compact-category-heading>small{font-size:11.5px!important}
  .compact-categories .work-category-card p{font-size:12px!important}
}

/* v1.22.14 — home Hero spacing/wordmark polish */

/* Give the Miremad wordmark enough vertical room for all Persian dots/marks,
   and make it more present without moving the header itself. */
.site-header .brand,
.site-header .brand-copy{overflow:visible!important}
.site-header .brand-copy b{
  display:inline-block!important;
  font-size:36px!important;
  line-height:1.55!important;
  padding-top:4px!important;
  transform:translateY(5px)!important;
  transform-origin:center!important;
}

/* Main Hero Folanja wordmark: larger and visually lower inside the existing card. */
.hero .hero-copy > h1{
  font-size:clamp(68px,6.7vw,94px)!important;
  line-height:1.48!important;
  margin-top:24px!important;
  margin-bottom:18px!important;
  padding-top:10px!important;
  position:relative!important;
  top:18px!important;
  overflow:visible!important;
}

/* The upper identity motto uses Nastaliq. Keep its position exactly as-is,
   but reveal more of the garden through the gray glass. */
.hero-side-glass{
  background:linear-gradient(145deg,rgba(242,241,245,.62),rgba(210,207,217,.52))!important;
  border-color:rgba(255,255,255,.58)!important;
  backdrop-filter:blur(5px) saturate(1.02)!important;
}
.hero-side-glass strong{
  font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:clamp(24px,1.9vw,30px)!important;
  line-height:1.75!important;
  letter-spacing:0!important;
}
html[data-theme="dark"] .hero-side-glass{
  background:linear-gradient(145deg,rgba(224,221,230,.66),rgba(181,177,191,.56))!important;
}

/* Move only the LOWER «بخوان، بجوی…» card to the right on desktop.
   The upper identity card is intentionally untouched. */
@media(min-width:1051px){
  .hero-side-stack .hero-quote{transform:translateX(100px)!important}
}

/* Keep a deliberate 10px breathing gap between Hero and the home feature cards. */
@media(min-width:821px){
  .hero + .container .feature-grid{margin-top:10px!important}
}

/* Responsive wordmark tuning: preserve the extra glyph breathing room without
   making the compact mobile header/Hero overflow. */
@media(max-width:820px){
  .site-header .brand-copy b{
    font-size:30px!important;
    line-height:1.5!important;
    padding-top:3px!important;
    transform:translateY(4px)!important;
  }
  .hero .hero-copy > h1{
    font-size:54px!important;
    line-height:1.5!important;
    margin-top:15px!important;
    margin-bottom:10px!important;
    padding-top:7px!important;
    top:10px!important;
  }
  .hero-side-glass strong{font-size:18px!important;line-height:1.7!important}
}
@media(max-width:430px){
  .site-header .brand-copy b{font-size:27px!important;transform:translateY(3px)!important}
  .hero .hero-copy > h1{font-size:48px!important;top:8px!important;margin-bottom:8px!important}
}

/* v1.22.15 — isolate Folanja wordmarks from layout; restore Hero composition */

/* Header wordmark: visual movement/scale only. The subtitle keeps its original flow/position. */
.site-header .brand,
.site-header .brand-copy{
  overflow:visible!important;
}
.site-header .brand-copy b{
  display:inline-block!important;
  font-size:30px!important;
  line-height:1.2!important;
  padding:0!important;
  margin:0!important;
  position:relative!important;
  top:auto!important;
  z-index:12!important;
  transform:translateY(8px) scale(1.18)!important;
  transform-origin:right center!important;
  overflow:visible!important;
}
.site-header .brand-copy small{
  position:relative!important;
  z-index:2!important;
  transform:none!important;
}

/* Hero wordmark: reserve the old layout box, but move/enlarge only the visual wordmark. */
.hero .hero-copy{
  overflow:visible!important;
}
.hero .hero-copy > h1{
  font-size:clamp(48px,5.8vw,74px)!important;
  line-height:1.25!important;
  margin:13px 0 0!important;
  padding:0!important;
  position:relative!important;
  top:auto!important;
  z-index:12!important;
  transform:translateY(14px) scale(1.18)!important;
  transform-origin:right center!important;
  overflow:visible!important;
}
.hero .hero-copy > .hero-subtitle,
.hero .hero-copy > .hero-description,
.hero .hero-copy > .hero-search,
.hero .hero-copy > .hero-tags{
  position:relative!important;
  z-index:3!important;
  transform:none!important;
}

/* Upper gray identity card: keep its placement, reveal the garden, white motto with a soft shadow. */
.hero-side-glass{
  background:linear-gradient(145deg,rgba(104,99,111,.46),rgba(151,145,157,.30))!important;
  border-color:rgba(255,255,255,.52)!important;
  backdrop-filter:blur(5px) saturate(1.02)!important;
}
.hero-side-glass strong{
  font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  color:#fff!important;
  text-shadow:0 2px 5px rgba(18,13,24,.58),0 5px 14px rgba(18,13,24,.28)!important;
}
html[data-theme="dark"] .hero-side-glass{
  background:linear-gradient(145deg,rgba(75,70,82,.54),rgba(111,105,118,.38))!important;
}
html[data-theme="dark"] .hero-side-glass strong{color:#fff!important}

/* Lower dark quote card: restore it above overlapping layers and move ONLY this card right. */
@media(min-width:1051px){
  .hero-side-identity,
  .hero-side-stack{
    position:relative!important;
    z-index:14!important;
    overflow:visible!important;
  }
  .hero-side-stack .hero-quote{
    display:block!important;
    position:relative!important;
    z-index:16!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(100px)!important;
  }
}

/* Real breathing room below Hero; no negative overlap with the feature cards. */
.hero + .container{
  margin-top:10px!important;
}
.hero + .container .feature-grid{
  margin-top:0!important;
}

/* Mobile keeps the same principle: movement is visual only, not layout movement. */
@media(max-width:820px){
  .site-header .brand-copy b{
    font-size:27px!important;
    line-height:1.2!important;
    padding:0!important;
    transform:translateY(6px) scale(1.12)!important;
  }
  .hero .hero-copy > h1{
    font-size:46px!important;
    line-height:1.25!important;
    margin:13px 0 0!important;
    padding:0!important;
    top:auto!important;
    transform:translateY(9px) scale(1.10)!important;
  }
  .hero + .container{margin-top:8px!important}
  /* Preserve the previously approved mobile behavior for the lower quote card. */
  .hero-side-stack .hero-quote{display:none!important}
}
@media(max-width:430px){
  .site-header .brand-copy b{transform:translateY(5px) scale(1.08)!important}
  .hero .hero-copy > h1{font-size:46px!important;transform:translateY(8px) scale(1.08)!important}
}


/* v1.22.16 — surgical Hero/header layout repair
   Wordmarks move visually without moving their subtitles or parent layout.
   The dark quote returns to its original anchored position and the feature row
   receives real padding below the Hero instead of overlap/negative spacing. */

/* Header: keep the original brand-copy flow. Only the Miremad wordmark is moved/scaled. */
.site-header .brand,
.site-header .brand-copy{
  overflow:visible!important;
}
.site-header .brand-copy{
  position:relative!important;
}
.site-header .brand-copy b{
  font-size:30px!important;
  line-height:1.2!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  top:auto!important;
  z-index:24!important;
  transform:translateY(13px) scale(1.22)!important;
  transform-origin:right center!important;
  overflow:visible!important;
}
.site-header .brand-copy small{
  position:relative!important;
  z-index:2!important;
  transform:none!important;
  margin-top:5px!important;
}

/* Hero: H1 keeps the approved v1.22.13 layout footprint.
   Only the inner visual wordmark/pen group is moved and enlarged. */
.hero .hero-copy{
  overflow:visible!important;
}
.hero .hero-copy > h1{
  font-size:clamp(48px,5.8vw,74px)!important;
  line-height:1.25!important;
  margin:13px 0 0!important;
  padding:0!important;
  position:relative!important;
  top:auto!important;
  z-index:12!important;
  transform:none!important;
  overflow:visible!important;
}
.hero .hero-copy > h1 .hero-wordmark-visual{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  position:relative!important;
  z-index:24!important;
  transform:translateY(20px) scale(1.18)!important;
  transform-origin:right center!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.hero .hero-copy > h1 .hero-wordmark{
  display:inline-block!important;
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  overflow:visible!important;
}
.hero .hero-copy > h1 .feather{
  position:relative!important;
  z-index:25!important;
  margin-inline-start:0!important;
}
.hero .hero-copy > .hero-subtitle,
.hero .hero-copy > .hero-description,
.hero .hero-copy > .hero-search,
.hero .hero-copy > .hero-tags{
  position:relative!important;
  z-index:3!important;
  transform:none!important;
}

/* Upper motto remains where it was; keep the requested translucent gray glass. */
.hero-side-glass{
  background:linear-gradient(145deg,rgba(104,99,111,.46),rgba(151,145,157,.30))!important;
  border-color:rgba(255,255,255,.52)!important;
  backdrop-filter:blur(5px) saturate(1.02)!important;
}
.hero-side-glass strong{
  font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  color:#fff!important;
  text-shadow:0 2px 5px rgba(18,13,24,.58),0 5px 14px rgba(18,13,24,.28)!important;
}
html[data-theme="dark"] .hero-side-glass strong{color:#fff!important}

/* Dark quote card: restore the original absolute bottom anchor. No independent X shift. */
@media(min-width:1051px){
  .hero-side-identity{
    position:relative!important;
    z-index:14!important;
    overflow:visible!important;
  }
  .hero-side-stack{
    position:relative!important;
    z-index:14!important;
    width:100%!important;
    height:100%!important;
    overflow:visible!important;
  }
  .hero-side-stack .hero-quote{
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    z-index:16!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    margin:0!important;
  }
}

/* Real separation below Hero: padding belongs to the following container. */
.hero + .container{
  margin-top:0!important;
  padding-top:10px!important;
}
.hero + .container .feature-grid{
  margin-top:0!important;
}

@media(max-width:820px){
  .site-header .brand-copy b{
    font-size:27px!important;
    transform:translateY(8px) scale(1.12)!important;
  }
  .hero .hero-copy > h1{
    font-size:46px!important;
    line-height:1.25!important;
    margin:13px 0 0!important;
    transform:none!important;
  }
  .hero .hero-copy > h1 .hero-wordmark-visual{
    transform:translateY(11px) scale(1.10)!important;
  }
  .hero + .container{
    margin-top:0!important;
    padding-top:10px!important;
  }
  .hero-side-stack .hero-quote{display:none!important}
}
@media(max-width:430px){
  .site-header .brand-copy b{transform:translateY(7px) scale(1.08)!important}
  .hero .hero-copy > h1 .hero-wordmark-visual{transform:translateY(9px) scale(1.07)!important}
}


/* v1.22.17 — isolate wordmarks correctly + restore approved Hero spacing */

/* Header: move ONLY «فلانجا». Keep subtitle/nav/header geometry untouched. */
.site-header .brand-copy{position:relative!important;overflow:visible!important}
.site-header .brand-copy b{
  display:inline-block!important;
  font-size:28px!important;
  line-height:1.15!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  z-index:30!important;
  transform:translateY(17px) scale(1.10)!important;
  transform-origin:right center!important;
  overflow:visible!important;
}
.site-header .brand-copy small{
  position:relative!important;
  z-index:3!important;
  transform:none!important;
  margin-top:5px!important;
}

/* Hero: the H1 keeps its original footprint. Only the visual wordmark moves.
   Apply the gradient to the actual word span so it cannot inherit transparent
   text-fill from the legacy h1 gradient rule and disappear. */
.hero .hero-copy > h1{
  margin:13px 0 0!important;
  padding:0!important;
  position:relative!important;
  z-index:12!important;
  transform:none!important;
  overflow:visible!important;
}
.hero .hero-copy > h1 .hero-wordmark-visual{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  position:relative!important;
  z-index:30!important;
  transform:translateY(20px) scale(1.18)!important;
  transform-origin:right center!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.hero .hero-copy > h1 .hero-wordmark{
  display:inline-block!important;
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  background:linear-gradient(92deg,#5826c8 0%,#8240df 30%,#b34ed4 47%,#ff7e18 72%,#efb42a 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  overflow:visible!important;
  filter:drop-shadow(0 2px 0 rgba(255,255,255,.22)) drop-shadow(0 8px 17px rgba(94,45,175,.12))!important;
}
.hero .hero-copy > h1 .feather{
  color:#ff861a!important;
  -webkit-text-fill-color:#ff861a!important;
  position:relative!important;
  z-index:31!important;
}

/* Keep the upper light/gray identity card in place. Its subtitle is now yellow. */
.hero-side-glass small{
  color:#ffd34b!important;
  opacity:.98!important;
  text-shadow:0 1px 3px rgba(25,16,34,.45)!important;
}
html[data-theme="dark"] .hero-side-glass small{color:#ffd34b!important}

/* The lower dark-gray quote card goes 100px to the RIGHT; upper card does not move. */
@media(min-width:1051px){
  .hero-side-stack .hero-quote{
    left:0!important;
    right:auto!important;
    bottom:0!important;
    transform:translateX(100px)!important;
  }
}

/* Dedicated home-feature spacer: a real visible gap below Hero. */
.home-feature-container{
  margin-top:0!important;
  padding-top:16px!important;
}
.home-feature-container .feature-grid{margin-top:0!important}

@media(max-width:820px){
  .site-header .brand-copy b{
    font-size:26px!important;
    transform:translateY(10px) scale(1.06)!important;
  }
  .hero .hero-copy > h1 .hero-wordmark-visual{
    transform:translateY(11px) scale(1.10)!important;
  }
  .home-feature-container{padding-top:12px!important}
}
@media(max-width:430px){
  .site-header .brand-copy b{font-size:24px!important;transform:translateY(9px) scale(1.04)!important}
  .hero .hero-copy > h1 .hero-wordmark-visual{transform:translateY(9px) scale(1.07)!important}
}


/* v1.22.18 — hero/header finishing pass */
.site-header .brand,
.site-header .brand-copy,
.hero .hero-copy > h1,
.hero .hero-copy > h1 .hero-wordmark-visual,
.hero .hero-copy > h1 .hero-wordmark{
  overflow:visible!important;
}

/* Header: lower only the wordmark a touch more, make it a little smaller,
   and keep the subtitle independent so the points are not visually blocked. */
.site-header .brand-copy{
  position:relative!important;
  display:block!important;
  min-width:96px!important;
}
.site-header .brand-copy b{
  display:block!important;
  font-size:26px!important;
  line-height:1.30!important;
  position:relative!important;
  z-index:8!important;
  transform:translateY(20px) scale(1.02)!important;
  transform-origin:right center!important;
  margin:0!important;
  padding:0 0 4px!important;
}
.site-header .brand-copy small{
  display:block!important;
  position:absolute!important;
  right:0!important;
  top:36px!important;
  z-index:2!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* Hero: keep the wordmark fully visible, with enough vertical room for the points. */
.hero .hero-copy > h1{
  line-height:1.32!important;
  overflow:visible!important;
}
.hero .hero-copy > h1 .hero-wordmark-visual{
  transform:translateY(18px) scale(1.14)!important;
  padding-bottom:8px!important;
}
.hero .hero-copy > h1 .hero-wordmark{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  color:#9751e8!important;
  text-shadow:0 2px 0 rgba(255,255,255,.18),0 10px 24px rgba(94,45,175,.14)!important;
}
.hero .hero-copy > h1 .feather{
  color:#ff861a!important;
  -webkit-text-fill-color:#ff861a!important;
}

@media(min-width:1051px){
  /* Restore a fuller Hero feeling on desktop. */
  .hero{
    min-height:430px!important;
    height:auto!important;
  }
  .hero-content{
    padding:42px 0 56px!important;
  }
  /* Dark gray quote card: 100px to the right and 20px higher. */
  .hero-side-stack .hero-quote{
    transform:translate(100px,-20px)!important;
  }
  /* Real spacing between the Hero and the cards below. */
  .home-feature-container{
    padding-top:20px!important;
  }
}

@media(max-width:820px){
  .site-header .brand-copy b{
    font-size:24px!important;
    transform:translateY(12px) scale(1.01)!important;
  }
  .site-header .brand-copy small{
    top:30px!important;
  }
  .hero .hero-copy > h1 .hero-wordmark-visual{
    transform:translateY(11px) scale(1.08)!important;
    padding-bottom:5px!important;
  }
  .home-feature-container{padding-top:14px!important}
}
@media(max-width:430px){
  .site-header .brand-copy b{font-size:22px!important;transform:translateY(10px) scale(1)!important}
  .site-header .brand-copy small{top:27px!important}
}


/* v1.22.19 — header wordmark repair + slightly larger gap below the frozen Hero
   IMPORTANT: the approved Hero wordmark and Hero geometry are intentionally untouched. */
.site-header .brand,
.site-header .brand-copy,
.site-header .brand-copy b{
  overflow:visible!important;
}
.site-header .brand-copy{
  position:relative!important;
  display:block!important;
  width:104px!important;
  min-width:104px!important;
  height:50px!important;
}
.site-header .brand-copy b{
  display:block!important;
  position:absolute!important;
  right:0!important;
  top:-5px!important;
  z-index:12!important;
  width:max-content!important;
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-size:31px!important;
  font-weight:400!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  margin:0!important;
  padding:4px 2px 8px!important;
  transform:none!important;
  transform-origin:right center!important;
  -webkit-text-fill-color:currentColor!important;
  color:#b44bd5!important;
  background:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  text-shadow:0 5px 18px rgba(102,54,190,.13)!important;
}
.site-header .brand-copy small{
  display:block!important;
  position:absolute!important;
  right:0!important;
  top:37px!important;
  z-index:3!important;
  margin:0!important;
  transform:none!important;
  white-space:nowrap!important;
}

/* Do not touch the frozen Hero itself; only increase the outside gap before the five cards. */
@media(min-width:821px){
  .home-feature-container{padding-top:30px!important}
}
@media(max-width:820px){
  .site-header .brand-copy{width:94px!important;min-width:94px!important;height:45px!important}
  .site-header .brand-copy b{font-size:27px!important;top:-3px!important;padding:3px 2px 7px!important}
  .site-header .brand-copy small{top:33px!important}
  .home-feature-container{padding-top:18px!important}
}
@media(max-width:430px){
  .site-header .brand-copy{width:86px!important;min-width:86px!important;height:42px!important}
  .site-header .brand-copy b{font-size:25px!important;top:-2px!important}
  .site-header .brand-copy small{top:31px!important}
}


/* v1.22.20 — real gap below frozen Hero + header wordmark refinement + home poets typography */

/* 1) REAL visible gap BELOW the Hero.
   Use external spacing on the Hero itself so no inner container/pseudo-element can hide it. */
.hero + .home-feature-container,
.hero + .container.home-feature-container{
  margin-top:0!important;
  padding-top:0!important;
}
.hero + .home-feature-container .feature-grid,
.hero + .container.home-feature-container .feature-grid{
  margin-top:0!important;
}
@media(min-width:821px){
  .hero{
    margin-bottom:34px!important;
  }
}
@media(max-width:820px){
  .hero{
    margin-bottom:22px!important;
  }
}

/* 2) Header wordmark only: a bit higher and larger, with enough room for the dots. */
.site-header .brand,
.site-header .brand-copy,
.site-header .brand-copy b,
.site-header .brand-copy small{
  overflow:visible!important;
}
.site-header .brand-copy{
  position:relative!important;
  display:block!important;
  width:112px!important;
  min-width:112px!important;
  height:58px!important;
}
.site-header .brand-copy b{
  display:block!important;
  position:absolute!important;
  right:0!important;
  top:-10px!important;
  z-index:12!important;
  width:max-content!important;
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-size:35px!important;
  font-weight:400!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  margin:0!important;
  padding:3px 2px 10px!important;
  transform:none!important;
  -webkit-text-fill-color:currentColor!important;
  color:#b44bd5!important;
  background:none!important;
  text-shadow:0 4px 16px rgba(102,54,190,.12)!important;
}
.site-header .brand-copy small{
  display:block!important;
  position:absolute!important;
  right:0!important;
  top:40px!important;
  z-index:3!important;
  margin:0!important;
  white-space:nowrap!important;
}
@media(max-width:820px){
  .site-header .brand-copy{
    width:100px!important;
    min-width:100px!important;
    height:52px!important;
  }
  .site-header .brand-copy b{
    font-size:31px!important;
    top:-8px!important;
    padding:2px 2px 8px!important;
  }
  .site-header .brand-copy small{
    top:35px!important;
  }
}
@media(max-width:430px){
  .site-header .brand-copy{
    width:92px!important;
    min-width:92px!important;
    height:49px!important;
  }
  .site-header .brand-copy b{
    font-size:28px!important;
    top:-7px!important;
  }
  .site-header .brand-copy small{
    top:33px!important;
  }
}

/* 3) Home section: "شاعران نام‌آور" in Nastaliq. */
.home-feature-container + .section .section-title{
  font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:36px!important;
  line-height:1.6!important;
}
.home-feature-container + .section .section-title .accent{
  font-family:inherit!important;
}
.home-feature-container + .section .section-note{
  font-size:12px!important;
}

/* 4) Poet names in the home popular-poets cards: Miremad and a bit larger. */
.home-feature-container + .section .poet-info h3{
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:21px!important;
  line-height:1.55!important;
}
.home-feature-container + .section .poet-info p{
  font-size:12px!important;
}


/* v1.22.21 — fortune modal typography polish */
.fortune-dialog h2{
  font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:34px!important;
  line-height:1.75!important;
  letter-spacing:0!important;
  margin:8px 0 10px!important;
}
.fortune-intent{
  min-height:78px!important;
  grid-template-columns:42px auto!important;
  column-gap:12px!important;
  padding:13px 22px!important;
  align-items:center!important;
}
.fortune-intent > span{
  font-size:24px!important;
}
.fortune-intent b{
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:24px!important;
  line-height:1.4!important;
  text-align:right!important;
  display:block!important;
  align-self:end!important;
  margin-top:2px!important;
  transform:translateY(2px)!important;
}
.fortune-intent small{
  font-size:11.5px!important;
  line-height:1.35!important;
  text-align:right!important;
  display:block!important;
  align-self:start!important;
}
@media(max-width:620px){
  .fortune-dialog h2{
    font-size:28px!important;
    line-height:1.7!important;
  }
  .fortune-intent{
    min-height:72px!important;
    padding:12px 18px!important;
    grid-template-columns:38px auto!important;
  }
  .fortune-intent > span{font-size:21px!important}
  .fortune-intent b{font-size:21px!important}
  .fortune-intent small{font-size:12px!important}
}


/* v1.22.22 — header wordmark vertical correction only */
/* Keep the frozen Hero untouched. Move ONLY the header «فلانجا» lower. */
.site-header .brand-copy b{
  top:-1px!important;
}
@media(max-width:820px){
  .site-header .brand-copy b{top:0!important}
}
@media(max-width:430px){
  .site-header .brand-copy b{top:1px!important}
}


/* v1.22.23 — viewport-safe fortune modal + real logo */
.fortune-modal{
  padding:12px!important;
  overflow:hidden!important;
  align-items:center!important;
}
.fortune-dialog{
  width:min(590px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:24px 26px 20px!important;
}
.fortune-close{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  z-index:80!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 auto!important;
}
.fortune-sigil{
  width:72px!important;
  height:72px!important;
  margin:0 auto 7px!important;
  padding:0!important;
  border-radius:22px!important;
  background:transparent!important;
  box-shadow:0 12px 30px rgba(91,50,182,.16)!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}
.fortune-sigil img{
  display:block!important;
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
  border-radius:22px!important;
}
.fortune-kicker,
.fortune-dialog > h2,
.fortune-dialog > p,
.fortune-intent,
.fortune-note{
  flex:0 0 auto!important;
}
/* The poem/result area is the only scrollable tall region, so the modal shell
   and its close button always remain inside the viewport. */
.fortune-selected:not([hidden]){
  flex:0 1 auto!important;
  min-height:0!important;
  max-height:min(36dvh,340px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  margin-bottom:12px!important;
}
.fortune-note{
  margin-top:10px!important;
}

@media(max-width:620px){
  .fortune-modal{
    padding:8px!important;
  }
  .fortune-dialog{
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    padding:18px 14px 15px!important;
    border-radius:23px!important;
  }
  .fortune-close{
    top:9px!important;
    left:9px!important;
    width:36px!important;
    height:36px!important;
  }
  .fortune-sigil{
    width:60px!important;
    height:60px!important;
    margin-bottom:5px!important;
  }
  .fortune-sigil img{
    width:60px!important;
    height:60px!important;
  }
  .fortune-kicker{font-size:12px!important}
  .fortune-dialog h2{
    font-size:26px!important;
    line-height:1.55!important;
    margin:5px 0 7px!important;
  }
  .fortune-dialog>p{
    font-size:12.5px!important;
    line-height:1.85!important;
    margin-bottom:10px!important;
  }
  .fortune-selected:not([hidden]){
    max-height:min(35dvh,300px)!important;
    padding:10px 11px!important;
    margin-bottom:9px!important;
  }
  .fortune-intent{
    min-height:66px!important;
    padding:9px 15px!important;
  }
  .fortune-intent b{font-size:20px!important}
  .fortune-intent small{font-size:11.5px!important}
  .fortune-note{
    font-size:10px!important;
    line-height:1.6!important;
    margin-top:7px!important;
  }
}

@media(max-height:680px){
  .fortune-dialog{
    padding-top:15px!important;
    padding-bottom:13px!important;
  }
  .fortune-sigil{
    width:54px!important;
    height:54px!important;
    margin-bottom:3px!important;
  }
  .fortune-sigil img{
    width:54px!important;
    height:54px!important;
  }
  .fortune-kicker{font-size:11px!important}
  .fortune-dialog h2{
    font-size:24px!important;
    line-height:1.5!important;
    margin:3px 0 5px!important;
  }
  .fortune-dialog>p{
    font-size:12px!important;
    line-height:1.75!important;
    margin-bottom:7px!important;
  }
  .fortune-selected:not([hidden]){
    max-height:min(33dvh,235px)!important;
    margin-bottom:7px!important;
  }
  .fortune-intent{
    min-height:60px!important;
    padding:7px 14px!important;
  }
  .fortune-note{
    margin-top:5px!important;
    line-height:1.45!important;
  }
}


/* v1.22.24 — site-wide micro typography readability floor
   Final cascade layer: intentionally last to prevent legacy rules from shrinking utility text again. */
.poet-info p,
.poet-meta,
.poet-stats span,
.poets-filter-panel label,
.filter-reset,
.library-summary-head small,
.library-summary-stats small,
.library-quick-links a,
.library-jump,
.compact-category-heading > div > span,
.compact-category-heading > small,
.compact-categories .work-category-card p,
.compact-categories .work-cat-stats span,
.section-note,
.see-all,
.category-hero-stats small,
.search-poet-copy p,
.search-poet-copy span,
.search-poem-meta,
.poems-page-summary span,
.footer-brand .brand-copy small,
.footer-signature,
.footer-search-cta,
.copyright,
.fortune-note,
.fortune-intent small,
.fortune-kicker,
.hero-side-glass small,
.hero-side-stack .hero-quote small{
  font-size:12px!important;
}
.breadcrumb,
.search-query-chip,
.premium-result-heading p{font-size:12.5px!important}
@media(max-width:650px){
  .poet-info p,
  .poet-meta,
  .poet-stats span,
  .poets-filter-panel label,
  .filter-reset,
  .library-summary-head small,
  .library-summary-stats small,
  .library-quick-links a,
  .library-jump,
  .compact-category-heading > div > span,
  .compact-category-heading > small,
  .compact-categories .work-category-card p,
  .compact-categories .work-cat-stats span,
  .section-note,
  .see-all,
  .category-hero-stats small,
  .search-poet-copy p,
  .search-poet-copy span,
  .search-poem-meta,
  .poems-page-summary span,
  .footer-brand .brand-copy small,
  .footer-signature,
  .footer-search-cta,
  .copyright,
  .fortune-note,
  .fortune-intent small,
  .fortune-kicker{font-size:11.5px!important}
}


/* v1.22.25 — page hero + card title typography */
/* Page hero titles: Nastaliq only; home Hero stays frozen and untouched. */
.poets-list-hero .poets-hero-copy h1,
.poems-index-hero .poems-premium-head > h1,
body:has(.list-grid) .page-hero > .container > h1{
  font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.65!important;
}
.poets-list-hero .poets-hero-copy h1{
  font-size:38px!important;
}
.poems-index-hero .poems-premium-head > h1{
  font-size:40px!important;
}
body:has(.list-grid) .page-hero > .container > h1{
  font-size:38px!important;
}

/* Titles on Works and Categories cards: Miremad, one visual step larger. */
.poems-list-section .poem-card h3,
.category-poems-premium .poem-card h3,
.list-grid .list-card h3,
.category-tree .cat-card b,
.work-category-card h3{
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.55!important;
}
.poems-list-section .poem-card h3,
.category-poems-premium .poem-card h3{
  font-size:19px!important;
}
.list-grid .list-card h3{
  font-size:20px!important;
}
.category-tree .cat-card b{
  font-size:17px!important;
}
.work-category-card h3{
  font-size:17px!important;
}

@media(max-width:650px){
  .poets-list-hero .poets-hero-copy h1,
  .poems-index-hero .poems-premium-head > h1,
  body:has(.list-grid) .page-hero > .container > h1{
    font-size:31px!important;
  }
  .poems-list-section .poem-card h3,
  .category-poems-premium .poem-card h3{font-size:18px!important}
  .list-grid .list-card h3{font-size:19px!important}
  .category-tree .cat-card b,
  .work-category-card h3{font-size:16px!important}
}


/* v1.22.26 — fortune modal auto-height restoration
   The modal follows its content height again. The viewport is only a safety cap;
   long poem content scrolls inside its own result area so the close button remains visible. */
.fortune-modal{
  overflow:hidden!important;
}
.fortune-dialog{
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:hidden!important;
  justify-content:flex-start!important;
}
.fortune-selected:not([hidden]){
  flex:0 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(56dvh,520px)!important;
  overflow-y:auto!important;
}
@media(max-width:620px){
  .fortune-dialog{
    height:auto!important;
    max-height:calc(100dvh - 16px)!important;
  }
  .fortune-selected:not([hidden]){
    height:auto!important;
    max-height:min(50dvh,420px)!important;
  }
}
@media(max-height:680px){
  .fortune-dialog{
    height:auto!important;
    max-height:calc(100dvh - 12px)!important;
  }
  .fortune-selected:not([hidden]){
    max-height:min(44dvh,330px)!important;
  }
}


/* v1.22.27 — category sub-box title spacing polish */
.category-tree .cat-card{
  align-items:center!important;
  padding:18px 20px!important;
  gap:14px!important;
}
.category-tree .cat-card > div{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  padding-inline-end:12px!important;
}
.category-tree .cat-card b{
  display:block!important;
  margin:0!important;
  font-family:"FolanjaMiremad","Vazirmatn",sans-serif!important;
  font-weight:400!important;
  font-size:20px!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  white-space:normal!important;
  word-break:normal!important;
}
.category-tree .cat-card > div > span{
  display:block!important;
  margin:0!important;
  padding-right:4px!important;
  font-size:13px!important;
  line-height:1.8!important;
  color:var(--muted)!important;
}
.category-tree .cat-card > span:last-child{
  flex:0 0 auto!important;
  margin-inline-start:14px!important;
  font-size:16px!important;
  line-height:1!important;
}
@media(max-width:820px){
  .category-tree .cat-card{
    padding:16px 18px!important;
    gap:12px!important;
  }
  .category-tree .cat-card b{
    font-size:18px!important;
  }
  .category-tree .cat-card > div > span{
    font-size:12.5px!important;
  }
}
@media(max-width:560px){
  .category-tree .cat-card{
    padding:15px 16px!important;
    gap:10px!important;
  }
  .category-tree .cat-card > div{
    gap:5px!important;
    padding-inline-end:8px!important;
  }
  .category-tree .cat-card b{
    font-size:17px!important;
    line-height:1.55!important;
  }
  .category-tree .cat-card > div > span{
    font-size:12px!important;
    line-height:1.75!important;
  }
}


/* v1.22.28 — poem display header in Nastaliq */
.poem-page-hero .premium-reader-head h1,
.reader-head.premium-reader-head h1{
  font-family:"FolanjaNastaliq","IranNastaliq","Vazirmatn",serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.75!important;
  font-size:44px!important;
}
@media(max-width:760px){
  .poem-page-hero .premium-reader-head h1,
  .reader-head.premium-reader-head h1{
    font-size:34px!important;
    line-height:1.7!important;
  }
}


/* v1.22.29 — Search page title in Nastaliq */
.search-premium-hero .search-hero-panel > h1{
  font-family:"FolanjaNastaliq","IranNastaliq","Vazirmatn",serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  font-size:43px!important;
  line-height:1.7!important;
}
@media(max-width:620px){
  .search-premium-hero .search-hero-panel > h1{
    font-size:33px!important;
    line-height:1.65!important;
  }
}


/* v1.22.33 — mobile header search + suggestion viewport containment */

/* Desktop/tablet: the header search lives close to the left viewport edge.
   Open suggestions toward the page interior instead of letting the panel escape left. */
.ajax-poet-search{
  position:relative!important;
}
.poet-suggest{
  left:0!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  width:min(370px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  overflow:hidden!important;
}

@media(max-width:820px){
  /* Keep the normal top row, then give search its own full-width row INSIDE the sticky header. */
  .site-header .header-row{
    position:relative!important;
    height:116px!important;
    min-height:116px!important;
    padding-top:8px!important;
    padding-bottom:54px!important;
    align-items:flex-start!important;
  }
  .site-header .brand,
  .site-header .header-actions{
    align-self:flex-start!important;
  }
  .site-header .header-actions{
    position:static!important;
  }
  .site-header .ajax-poet-search{
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:64px!important;
    width:100%!important;
    z-index:72!important;
  }
  .site-header .header-search{
    display:flex!important;
    width:100%!important;
    height:42px!important;
    border-radius:14px!important;
    background:color-mix(in srgb,var(--surface) 98%,transparent)!important;
    box-shadow:0 8px 22px rgba(65,42,99,.07)!important;
  }
  .site-header .header-search input{
    font-size:12.5px!important;
    padding-inline:13px!important;
  }
  .site-header .header-search button{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    min-width:44px!important;
  }
  .site-header .poet-suggest{
    top:calc(100% + 7px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    max-height:min(58vh,390px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border-radius:16px!important;
  }
  /* The mobile nav must open below the new search row, not on top of it. */
  .site-header .main-nav{
    top:122px!important;
  }
}

@media(max-width:430px){
  .site-header .header-row{
    height:112px!important;
    min-height:112px!important;
    padding-bottom:52px!important;
  }
  .site-header .ajax-poet-search{
    top:61px!important;
  }
  .site-header .header-search{
    height:40px!important;
  }
  .site-header .main-nav{
    top:118px!important;
  }
}


/* v1.22.34 — mobile header search inline + slightly larger mobile motto card */
@media(max-width:820px){
  /* One compact top row: logo on the right, search in the middle, controls on the left. */
  .site-header .header-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:8px!important;
    height:68px!important;
    min-height:68px!important;
    padding:0!important;
    position:relative!important;
  }
  .site-header .brand{
    grid-column:1!important;
    align-self:center!important;
    margin:0!important;
  }
  .site-header .header-actions{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:38px 38px minmax(0,1fr)!important;
    gap:7px!important;
    align-items:center!important;
    direction:ltr!important;
    position:relative!important;
  }
  .site-header .menu-toggle{
    grid-column:1!important;
    direction:rtl!important;
  }
  .site-header .theme-toggle{
    grid-column:2!important;
    direction:rtl!important;
  }
  .site-header .ajax-poet-search{
    grid-column:3!important;
    display:block!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    min-width:0!important;
    z-index:72!important;
    direction:rtl!important;
  }
  .site-header .header-search{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    border-radius:13px!important;
    background:color-mix(in srgb,var(--surface) 98%,transparent)!important;
    box-shadow:0 7px 20px rgba(65,42,99,.07)!important;
  }
  .site-header .header-search input{
    min-width:0!important;
    font-size:12px!important;
    padding-inline:10px!important;
  }
  .site-header .header-search button{
    width:38px!important;
    min-width:38px!important;
  }
  /* Suggestions use the viewport width on mobile, not the narrow inline input width. */
  .site-header .poet-suggest{
    position:fixed!important;
    top:72px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(58vh,390px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border-radius:16px!important;
    z-index:120!important;
  }
  .site-header .main-nav{
    top:72px!important;
  }

  /* Only the mobile «جایی میان هستی و نیستی…» card gets a modest size increase. */
  .hero-side-identity{
    max-width:280px!important;
  }
  .hero-side-glass{
    max-width:270px!important;
    padding:11px 15px 10px!important;
  }
  .hero-side-glass strong{
    font-size:20px!important;
    line-height:1.72!important;
  }
  .hero-side-glass small{
    font-size:11.5px!important;
    margin-top:4px!important;
    padding-top:5px!important;
  }
}
@media(max-width:560px){
  .site-header .header-row{
    column-gap:6px!important;
  }
  .site-header .header-actions{
    grid-template-columns:38px 38px minmax(0,1fr)!important;
    gap:5px!important;
  }
  .site-header .header-search input{
    font-size:11.5px!important;
    padding-inline:8px!important;
  }
  .hero-side-identity{
    max-width:250px!important;
  }
  .hero-side-glass{
    max-width:245px!important;
    padding:10px 14px 9px!important;
  }
  .hero-side-glass strong{
    font-size:18.5px!important;
  }
}
@media(max-width:390px){
  .site-header .brand-copy{
    width:78px!important;
    min-width:78px!important;
  }
  .site-header .brand-copy b{
    font-size:25px!important;
  }
  .site-header .header-search input{
    font-size:11px!important;
  }
}


/* v1.22.36 — stable mobile header search + real mobile motto sizing + verse result grouping */
@media(max-width:820px){
  /* Keep search in the SAME header row, between the brand and left-side controls.
     It remains relative and capped so it cannot grow into a second row. */
  .site-header .header-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    height:68px!important;
    min-height:68px!important;
    padding:0!important;
    position:relative!important;
  }
  .site-header .brand{
    grid-column:1!important;
    align-self:center!important;
    margin:0!important;
  }
  .site-header .header-actions{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(92px,240px) minmax(0,1fr) 38px 38px!important;
    gap:6px!important;
    align-items:center!important;
    direction:rtl!important;
    position:relative!important;
  }
  .site-header .ajax-poet-search{
    grid-column:1!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:240px!important;
    min-width:0!important;
    z-index:72!important;
    direction:rtl!important;
  }
  .site-header .theme-toggle{
    grid-column:3!important;
    width:38px!important;
    height:38px!important;
  }
  .site-header .menu-toggle{
    grid-column:4!important;
    width:38px!important;
    height:38px!important;
  }
  .site-header .header-search{
    display:flex!important;
    position:relative!important;
    width:100%!important;
    max-width:240px!important;
    min-width:0!important;
    height:40px!important;
    border-radius:13px!important;
    margin:0!important;
  }
  .site-header .header-search input{
    min-width:0!important;
    width:100%!important;
    font-size:11.5px!important;
    padding-inline:8px!important;
  }
  .site-header .header-search button{
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
  }
  .site-header .poet-suggest{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:50%!important;
    right:auto!important;
    width:min(360px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    transform:translateX(-50%)!important;
    max-height:min(58vh,390px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border-radius:16px!important;
    z-index:120!important;
  }
  .site-header .main-nav{top:72px!important}

  /* Explicit width is required here: earlier mobile rules used width:auto/fit-content,
     which made the motto shrink again despite a larger max-width. */
  .hero-side-identity{
    width:min(240px,calc(100vw - 150px))!important;
    max-width:none!important;
  }
  .hero-side-glass{
    width:100%!important;
    max-width:none!important;
    padding:12px 15px 11px!important;
  }
  .hero-side-glass strong{
    font-size:20.5px!important;
    line-height:1.7!important;
  }
  .hero-side-glass small{
    font-size:11.5px!important;
    line-height:1.7!important;
    margin-top:4px!important;
    padding-top:5px!important;
  }
}
@media(max-width:560px){
  .site-header .header-row{gap:6px!important}
  .site-header .header-actions{
    grid-template-columns:minmax(82px,210px) minmax(0,1fr) 36px 36px!important;
    gap:5px!important;
  }
  .site-header .ajax-poet-search,
  .site-header .header-search{max-width:210px!important}
  .site-header .theme-toggle,
  .site-header .menu-toggle{width:36px!important;height:36px!important}
  .site-header .header-search input{font-size:11px!important;padding-inline:7px!important}
  .site-header .header-search button{flex-basis:34px!important;width:34px!important;min-width:34px!important}

  .hero-side-identity{
    width:min(225px,calc(100vw - 145px))!important;
    max-width:none!important;
  }
  .hero-side-glass{width:100%!important;max-width:none!important;padding:11px 14px 10px!important}
  .hero-side-glass strong{font-size:19.5px!important;line-height:1.68!important}
}
@media(max-width:390px){
  .site-header .header-actions{
    grid-template-columns:minmax(76px,175px) minmax(0,1fr) 35px 35px!important;
    gap:4px!important;
  }
  .site-header .ajax-poet-search,
  .site-header .header-search{max-width:175px!important}
  .site-header .theme-toggle,
  .site-header .menu-toggle{width:35px!important;height:35px!important}
  .site-header .header-search input{font-size:10.5px!important;padding-inline:6px!important}
  .site-header .header-search button{flex-basis:32px!important;width:32px!important;min-width:32px!important}
  .hero-side-identity{width:min(205px,calc(100vw - 140px))!important}
  .hero-side-glass strong{font-size:18.5px!important}
}

.lazy-verse-subgroup{display:grid;gap:8px}
.lazy-verse-subgroup + .lazy-verse-subgroup{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.lazy-verse-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 2px}
.lazy-verse-subhead b{font-size:14px;color:var(--text)}
.lazy-verse-subhead span{font-size:11px;color:var(--muted);padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--purple) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 12%,var(--line))}


/* v1.22.37 — search result priority polish + tighter hero/results spacing */
.search-premium-hero{
  padding-bottom:16px!important;
}
.search-premium-section{
  padding-top:10px!important;
}
@media(max-width:620px){
  .search-premium-hero{
    padding-bottom:12px!important;
  }
  .search-premium-section{
    padding-top:8px!important;
  }
}

/* v1.22.38 — premium mobile header refresh + stronger mobile motto sizing */
@media(max-width:820px){
  .site-header{
    padding-top:8px!important;
    padding-bottom:8px!important;
    background:linear-gradient(180deg,
      color-mix(in srgb,var(--surface) 96%,transparent),
      color-mix(in srgb,var(--surface) 90%,transparent))!important;
    backdrop-filter:blur(24px) saturate(1.14)!important;
    box-shadow:0 14px 38px rgba(61,36,99,.10)!important;
  }
  .site-header .header-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    height:auto!important;
    min-height:76px!important;
    padding:2px 0!important;
  }
  .site-header .brand{
    grid-column:1!important;
    align-self:center!important;
    margin:0!important;
    padding:2px 0!important;
  }
  .site-header .brand-logo{
    width:44px!important;
    height:44px!important;
  }
  .site-header .brand-copy b{
    font-size:27px!important;
    line-height:1.05!important;
  }
  .site-header .brand-copy small{
    display:block!important;
    font-size:11px!important;
    margin-top:4px!important;
  }
  .site-header .header-actions{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(112px,280px) minmax(0,1fr) 44px 44px!important;
    gap:8px!important;
    align-items:center!important;
    direction:rtl!important;
    margin:0!important;
  }
  .site-header .ajax-poet-search{
    grid-column:1!important;
    width:100%!important;
    max-width:280px!important;
    min-width:0!important;
    position:relative!important;
    z-index:72!important;
  }
  .site-header .header-search{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    max-width:280px!important;
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    border-radius:18px!important;
    border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line))!important;
    background:linear-gradient(135deg,
      color-mix(in srgb,var(--surface) 93%,transparent),
      color-mix(in srgb,#ffffff 84%,var(--surface)))!important;
    box-shadow:0 16px 34px rgba(74,45,117,.10),inset 0 1px 0 rgba(255,255,255,.70)!important;
    backdrop-filter:blur(18px) saturate(1.12)!important;
    overflow:hidden!important;
  }
  .site-header .header-search input{
    min-width:0!important;
    width:100%!important;
    font-size:12px!important;
    line-height:1.6!important;
    padding-inline:12px!important;
  }
  .site-header .header-search button{
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    height:40px!important;
    margin:4px!important;
    border-radius:14px!important;
    background:var(--grad)!important;
    color:#fff!important;
    box-shadow:0 12px 24px rgba(111,67,221,.20)!important;
  }
  .site-header .theme-toggle,
  .site-header .menu-toggle{
    width:44px!important;
    height:44px!important;
    border-radius:16px!important;
    border:1px solid color-mix(in srgb,var(--purple) 16%,var(--line))!important;
    background:linear-gradient(145deg,
      color-mix(in srgb,var(--surface) 95%,transparent),
      color-mix(in srgb,var(--purple) 4%,var(--surface)))!important;
    box-shadow:0 14px 28px rgba(71,43,112,.10),inset 0 1px 0 rgba(255,255,255,.78)!important;
    backdrop-filter:blur(18px) saturate(1.1)!important;
  }
  .site-header .theme-toggle{grid-column:3!important}
  .site-header .menu-toggle{grid-column:4!important}
  .site-header .poet-suggest{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(380px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:min(62vh,430px)!important;
    border-radius:18px!important;
    border:1px solid color-mix(in srgb,var(--purple) 16%,var(--line))!important;
    background:linear-gradient(180deg,
      color-mix(in srgb,var(--surface) 98%,transparent),
      color-mix(in srgb,var(--surface) 94%,transparent))!important;
    box-shadow:0 28px 60px rgba(34,18,59,.22)!important;
    backdrop-filter:blur(20px) saturate(1.1)!important;
  }
  .site-header .main-nav{
    top:88px!important;
    left:12px!important;
    right:12px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:13px!important;
    border-radius:24px!important;
    border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line))!important;
    background:linear-gradient(180deg,
      color-mix(in srgb,var(--surface) 96%,transparent),
      color-mix(in srgb,var(--surface) 91%,transparent))!important;
    box-shadow:0 30px 60px rgba(31,16,55,.22)!important;
    backdrop-filter:blur(22px) saturate(1.1)!important;
  }
  .site-header .main-nav a,
  .site-header .main-nav .nav-fortune{
    border-radius:16px!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px 14px!important;
    background:linear-gradient(135deg,
      color-mix(in srgb,var(--surface) 92%,transparent),
      color-mix(in srgb,var(--purple) 6%,var(--surface)))!important;
    border:1px solid color-mix(in srgb,var(--purple) 10%,var(--line))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.60)!important;
  }
  .site-header .main-nav a.active,
  .site-header .main-nav .nav-fortune:hover{
    box-shadow:0 14px 30px rgba(107,62,215,.16),inset 0 1px 0 rgba(255,255,255,.75)!important;
  }

  html[data-theme="dark"] .site-header{
    background:linear-gradient(180deg,rgba(21,14,30,.94),rgba(18,12,27,.90))!important;
    box-shadow:0 16px 42px rgba(0,0,0,.28)!important;
  }
  html[data-theme="dark"] .site-header .header-search,
  html[data-theme="dark"] .site-header .theme-toggle,
  html[data-theme="dark"] .site-header .menu-toggle,
  html[data-theme="dark"] .site-header .main-nav,
  html[data-theme="dark"] .site-header .main-nav a,
  html[data-theme="dark"] .site-header .main-nav .nav-fortune,
  html[data-theme="dark"] .site-header .poet-suggest{
    border-color:rgba(186,153,255,.18)!important;
  }
  html[data-theme="dark"] .site-header .header-search{
    background:linear-gradient(135deg,rgba(43,29,61,.82),rgba(28,20,42,.88))!important;
    box-shadow:0 18px 36px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  html[data-theme="dark"] .site-header .theme-toggle,
  html[data-theme="dark"] .site-header .menu-toggle{
    background:linear-gradient(145deg,rgba(42,28,61,.88),rgba(26,18,40,.94))!important;
    box-shadow:0 16px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  html[data-theme="dark"] .site-header .main-nav{
    background:linear-gradient(180deg,rgba(27,18,41,.96),rgba(19,13,30,.95))!important;
  }
  html[data-theme="dark"] .site-header .main-nav a,
  html[data-theme="dark"] .site-header .main-nav .nav-fortune,
  html[data-theme="dark"] .site-header .poet-suggest{
    background:linear-gradient(135deg,rgba(48,33,71,.86),rgba(31,22,47,.92))!important;
  }

  /* Stronger mobile hero motto box: previous rules enlarged max-width but older width rules
     still collapsed it. Give it a real width and more readable type. */
  .hero-side-identity{
    width:min(266px,calc(100vw - 126px))!important;
    max-width:none!important;
    left:12px!important;
    bottom:12px!important;
  }
  .hero-side-glass{
    width:100%!important;
    max-width:none!important;
    padding:14px 16px 13px!important;
    border-radius:20px!important;
  }
  .hero-side-glass strong{
    font-size:21px!important;
    line-height:1.72!important;
  }
  .hero-side-glass small{
    font-size:12px!important;
    line-height:1.8!important;
    margin-top:5px!important;
    padding-top:6px!important;
  }
}
@media(max-width:560px){
  .site-header{padding-top:10px!important;padding-bottom:8px!important}
  .site-header .header-row{gap:8px!important;min-height:78px!important}
  .site-header .header-actions{
    grid-template-columns:minmax(96px,228px) minmax(0,1fr) 42px 42px!important;
    gap:6px!important;
  }
  .site-header .ajax-poet-search,
  .site-header .header-search{max-width:228px!important}
  .site-header .header-search{height:46px!important}
  .site-header .header-search input{font-size:11.5px!important;padding-inline:10px!important}
  .site-header .header-search button{width:40px!important;min-width:40px!important;height:38px!important}
  .site-header .theme-toggle,
  .site-header .menu-toggle{width:42px!important;height:42px!important}
  .site-header .main-nav{top:92px!important}

  .hero-side-identity{width:min(252px,calc(100vw - 118px))!important}
  .hero-side-glass{padding:13px 15px 12px!important}
  .hero-side-glass strong{font-size:20px!important}
}
@media(max-width:390px){
  .site-header .header-actions{
    grid-template-columns:minmax(84px,188px) minmax(0,1fr) 40px 40px!important;
    gap:5px!important;
  }
  .site-header .ajax-poet-search,
  .site-header .header-search{max-width:188px!important}
  .site-header .header-search input{font-size:10.8px!important;padding-inline:8px!important}
  .site-header .header-search button{width:36px!important;min-width:36px!important;height:34px!important;border-radius:12px!important}
  .site-header .theme-toggle,
  .site-header .menu-toggle{width:40px!important;height:40px!important;border-radius:15px!important}
  .site-header .brand-copy b{font-size:24px!important}
  .site-header .brand-copy small{font-size:10px!important}

  .hero-side-identity{width:min(236px,calc(100vw - 110px))!important}
  .hero-side-glass strong{font-size:18.5px!important;line-height:1.68!important}
  .hero-side-glass small{font-size:11px!important}
}

/* v1.22.39 — premium search cards + RTL icon mobile menu + mobile fortune shortcut */
.nav-item-icon,
.mobile-fortune-shortcut{display:none}

/* Search results: richer card hierarchy in both themes. */
.premium-search-results{
  gap:20px!important;
}
.premium-result-group{
  padding:22px!important;
  border-radius:28px!important;
  border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line))!important;
  background:
    radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--purple) 8%,transparent),transparent 28%),
    radial-gradient(circle at 4% 96%,color-mix(in srgb,var(--orange) 7%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 99%,#fff),color-mix(in srgb,var(--surface) 96%,#fff7ee))!important;
  box-shadow:0 24px 58px rgba(75,45,125,.09),inset 0 1px 0 rgba(255,255,255,.72)!important;
  overflow:hidden!important;
}
.premium-result-heading{
  padding-bottom:14px!important;
  margin-bottom:2px!important;
  border-bottom:1px solid color-mix(in srgb,var(--purple) 9%,var(--line))!important;
}
.search-poet-grid,
.search-poem-grid{margin-top:14px!important}
.search-poet-card,
.search-poem-card,
.lazy-verse-results .result-item{
  border:1px solid color-mix(in srgb,var(--purple) 13%,var(--line))!important;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--surface) 99%,#fff),
    color-mix(in srgb,var(--purple) 2.5%,var(--surface)))!important;
  box-shadow:0 13px 30px rgba(70,42,117,.07),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.search-poet-card,
.search-poem-card{border-radius:21px!important}
.search-poet-card:hover,
.search-poem-card:hover,
.lazy-verse-results .result-item:hover{
  transform:translateY(-2px)!important;
  border-color:color-mix(in srgb,var(--purple) 28%,var(--line))!important;
  box-shadow:0 20px 42px rgba(91,51,166,.13),0 7px 18px rgba(255,145,28,.06)!important;
}
.lazy-verse-subgroup{gap:10px!important}
.lazy-verse-subhead{
  margin:14px 0 8px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--purple) 5%,var(--surface))!important;
  border:1px solid color-mix(in srgb,var(--purple) 9%,var(--line))!important;
}
.lazy-verse-results .result-item{
  position:relative!important;
  display:block!important;
  margin:0!important;
  padding:15px 48px 14px 17px!important;
  border-radius:18px!important;
  border-bottom:1px solid color-mix(in srgb,var(--purple) 13%,var(--line))!important;
  transition:.2s ease!important;
}
.lazy-verse-results .result-item:before{
  content:"✦";
  position:absolute;
  right:15px;
  left:auto;
  top:16px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 12%,var(--surface)),color-mix(in srgb,var(--orange) 13%,var(--surface)));
  color:var(--purple);
  font-size:11px;
  box-shadow:0 7px 15px rgba(91,52,170,.10);
}
.lazy-verse-results .result-item b{
  font-size:14px!important;
  line-height:1.9!important;
}
.lazy-verse-results .result-item p{
  margin:5px 0 0!important;
  font-size:12.5px!important;
  line-height:2.05!important;
  color:color-mix(in srgb,var(--text) 76%,var(--muted))!important;
}
html[data-theme="dark"] .premium-result-group{
  background:
    radial-gradient(circle at 92% 4%,rgba(130,82,232,.12),transparent 30%),
    radial-gradient(circle at 4% 96%,rgba(255,151,31,.08),transparent 30%),
    linear-gradient(145deg,#1f162c,#17111f)!important;
  border-color:#3b2a50!important;
  box-shadow:0 26px 62px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="dark"] .search-poet-card,
html[data-theme="dark"] .search-poem-card,
html[data-theme="dark"] .lazy-verse-results .result-item{
  background:linear-gradient(145deg,#241a32,#1a1325)!important;
  border-color:#3a2a4e!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
}

@media(max-width:820px){
  /* Header remains one premium row: brand | search | fortune | theme | menu. */
  .site-header{
    padding-top:max(12px,env(safe-area-inset-top))!important;
    padding-bottom:9px!important;
  }
  .site-header .header-row{
    min-height:72px!important;
    gap:8px!important;
  }
  .site-header .header-actions{
    grid-template-columns:minmax(88px,1fr) 54px 42px 42px!important;
    gap:6px!important;
    direction:rtl!important;
  }
  .site-header .ajax-poet-search{
    grid-column:1!important;
    max-width:none!important;
  }
  .site-header .header-search{
    width:100%!important;
    max-width:none!important;
    height:46px!important;
    border-radius:17px!important;
  }
  .site-header .header-search input{
    font-size:11.5px!important;
    padding-inline:10px!important;
  }
  .site-header .header-search button{
    width:38px!important;
    min-width:38px!important;
    flex-basis:38px!important;
    height:36px!important;
    border-radius:12px!important;
  }
  .mobile-fortune-shortcut{
    grid-column:2!important;
    width:54px!important;
    height:46px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line))!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,
      color-mix(in srgb,var(--purple) 12%,var(--surface)),
      color-mix(in srgb,var(--orange) 12%,var(--surface)))!important;
    color:var(--purple)!important;
    box-shadow:0 14px 28px rgba(88,51,164,.13),inset 0 1px 0 rgba(255,255,255,.72)!important;
    backdrop-filter:blur(16px) saturate(1.1)!important;
    cursor:pointer!important;
  }
  .mobile-fortune-shortcut span{
    color:var(--orange)!important;
    font-size:13px!important;
    line-height:1!important;
  }
  .mobile-fortune-shortcut b{
    font-size:11px!important;
    line-height:1.25!important;
  }
  .site-header .theme-toggle{grid-column:3!important}
  .site-header .menu-toggle{grid-column:4!important}

  /* Premium RTL flyout menu. */
  .site-header .main-nav{
    top:calc(max(12px,env(safe-area-inset-top)) + 78px)!important;
    direction:rtl!important;
    text-align:right!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    padding:14px!important;
    border-radius:26px!important;
  }
  .site-header .main-nav a,
  .site-header .main-nav .nav-fortune{
    justify-content:flex-start!important;
    text-align:right!important;
    direction:rtl!important;
    gap:10px!important;
    min-height:52px!important;
    padding:10px 11px!important;
    border-radius:17px!important;
  }
  .site-header .main-nav .nav-fortune{
    width:100%!important;
    margin:0!important;
  }
  .site-header .main-nav .nav-item-icon{
    flex:0 0 31px!important;
    width:31px!important;
    height:31px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 12%,var(--surface)),color-mix(in srgb,var(--orange) 10%,var(--surface)))!important;
    border:1px solid color-mix(in srgb,var(--purple) 10%,var(--line))!important;
    color:var(--purple)!important;
    font-size:14px!important;
    box-shadow:0 8px 16px rgba(85,49,157,.09)!important;
  }
  .site-header .main-nav .nav-item-label{
    display:block!important;
    flex:1 1 auto!important;
    text-align:right!important;
    font-size:12.5px!important;
    font-weight:800!important;
  }

  .site-header .main-nav .nav-fortune .nav-item-label{color:var(--text)!important}
  .site-header .main-nav a.active .nav-item-icon,
  .site-header .main-nav .nav-fortune .nav-item-icon{
    background:var(--grad)!important;
    color:#fff!important;
    border-color:transparent!important;
  }
  html[data-theme="dark"] .mobile-fortune-shortcut{
    background:linear-gradient(145deg,rgba(73,43,111,.88),rgba(54,34,62,.92))!important;
    border-color:rgba(191,158,255,.20)!important;
    box-shadow:0 15px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
  }

  /* Search results remain card-first and readable on small screens. */
  .premium-result-group{
    padding:14px!important;
    border-radius:22px!important;
  }
  .lazy-verse-results .result-item{
    padding:14px 44px 13px 14px!important;
    border-radius:16px!important;
  }
  .lazy-verse-results .result-item:before{
    right:12px!important;
    left:auto!important;
    top:14px!important;
  }
}

@media(max-width:560px){
  .site-header .header-row{gap:6px!important}
  .site-header .brand-logo{width:40px!important;height:40px!important}
  .site-header .brand-copy b{font-size:24px!important}
  .site-header .brand-copy small{display:none!important}
  .site-header .header-actions{
    grid-template-columns:minmax(74px,1fr) 50px 40px 40px!important;
    gap:5px!important;
  }
  .site-header .header-search{height:44px!important}
  .site-header .header-search input{font-size:10.8px!important;padding-inline:8px!important}
  .site-header .header-search button{width:34px!important;min-width:34px!important;flex-basis:34px!important;height:34px!important}
  .mobile-fortune-shortcut{width:50px!important;height:44px!important;border-radius:15px!important}
  .mobile-fortune-shortcut b{font-size:10.5px!important}
  .site-header .theme-toggle,
  .site-header .menu-toggle{width:40px!important;height:40px!important}
}

@media(max-width:390px){
  .site-header .header-actions{
    grid-template-columns:minmax(66px,1fr) 46px 38px 38px!important;
    gap:4px!important;
  }
  .site-header .brand-logo{width:38px!important;height:38px!important}
  .site-header .brand-copy{width:58px!important;min-width:58px!important}
  .site-header .brand-copy b{font-size:22px!important}
  .mobile-fortune-shortcut{width:46px!important;height:42px!important}
  .site-header .theme-toggle,
  .site-header .menu-toggle{width:38px!important;height:38px!important}
  .site-header .header-search{height:42px!important}
  .site-header .header-search input{font-size:10px!important;padding-inline:6px!important}
  .site-header .header-search button{display:none!important}
}

/* v1.22.40 — header wordmark/subtitle alignment + premium Nastaliq fortune controls */

/* Desktop: lower only the Folanja wordmark a touch; keep logo/header geometry unchanged. */
@media(min-width:821px){
  .site-header .brand-copy b{
    position:relative!important;
    top:2px!important;
  }

  /* Make desktop fortune more distinctive without changing the rest of navigation. */
  .site-header .main-nav .nav-fortune{
    min-height:44px!important;
    padding:7px 16px 8px!important;
    gap:7px!important;
    border-radius:17px!important;
    border:1px solid color-mix(in srgb,var(--purple) 24%,var(--line))!important;
    background:
      radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--orange) 18%,transparent),transparent 35%),
      linear-gradient(135deg,color-mix(in srgb,var(--purple) 10%,var(--surface)),color-mix(in srgb,var(--orange) 10%,var(--surface)))!important;
    box-shadow:0 12px 28px rgba(92,52,171,.12),inset 0 1px 0 rgba(255,255,255,.72)!important;
  }
  .site-header .main-nav .nav-fortune .nav-item-icon{
    display:inline-grid!important;
    place-items:center!important;
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    border-radius:9px!important;
    background:var(--grad)!important;
    color:#fff!important;
    font-family:var(--font)!important;
    font-size:12px!important;
    line-height:1!important;
    box-shadow:0 8px 18px rgba(104,57,210,.22)!important;
  }
  .site-header .main-nav .nav-fortune .nav-item-label{
    font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;
    font-weight:400!important;
    font-size:22px!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    transform:translateY(1px)!important;
  }
  .site-header .main-nav .nav-fortune:hover{
    transform:translateY(-1px)!important;
    border-color:color-mix(in srgb,var(--orange) 42%,var(--line))!important;
    box-shadow:0 16px 34px rgba(92,52,171,.17),0 6px 18px rgba(255,145,28,.08)!important;
  }
  html[data-theme="dark"] .site-header .main-nav .nav-fortune{
    background:
      radial-gradient(circle at 18% 18%,rgba(255,150,34,.13),transparent 38%),
      linear-gradient(135deg,rgba(72,43,106,.78),rgba(45,30,57,.86))!important;
    border-color:rgba(190,154,255,.22)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
}

@media(max-width:820px){
  /* Re-align mobile brand: logo slightly up, wordmark/subtitle as a compact two-line lockup. */
  .site-header .brand{
    align-items:center!important;
    gap:7px!important;
  }
  .site-header .brand-logo{
    position:relative!important;
    top:-2px!important;
  }
  .site-header .brand-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    line-height:1!important;
    overflow:visible!important;
    transform:translateY(1px)!important;
  }
  .site-header .brand-copy b{
    position:relative!important;
    top:0!important;
    transform:none!important;
    font-size:29px!important;
    line-height:1.02!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  .site-header .brand-copy small{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    max-height:none!important;
    margin-top:5px!important;
    padding:0!important;
    font-family:var(--font)!important;
    font-size:10.5px!important;
    font-weight:700!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    color:var(--muted)!important;
  }

  /* Both mobile fortune entry points use Nastaliq. */
  .mobile-fortune-shortcut b,
  .site-header .main-nav .nav-fortune .nav-item-label{
    font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .mobile-fortune-shortcut b{
    font-size:18px!important;
    line-height:1.05!important;
    transform:translateY(1px)!important;
  }
  .mobile-fortune-shortcut span{
    font-size:12px!important;
    margin-bottom:-1px!important;
  }
  .site-header .main-nav .nav-fortune .nav-item-label{
    font-size:20px!important;
    line-height:1.25!important;
  }
}

@media(max-width:560px){
  .site-header .brand-logo{
    width:40px!important;
    height:40px!important;
    top:-2px!important;
  }
  .site-header .brand-copy b{
    font-size:27px!important;
  }
  .site-header .brand-copy small{
    display:block!important;
    font-size:9.5px!important;
    margin-top:4px!important;
  }
  .mobile-fortune-shortcut b{
    font-size:17px!important;
  }
}

@media(max-width:390px){
  .site-header .brand-copy{
    width:auto!important;
    min-width:0!important;
  }
  .site-header .brand-copy b{
    font-size:25px!important;
  }
  .site-header .brand-copy small{
    display:block!important;
    font-size:8.5px!important;
    margin-top:3px!important;
  }
  .mobile-fortune-shortcut b{
    font-size:16px!important;
  }
}

/* v1.22.41 — Advanced Search Studio */
.search-advanced-hero{
  padding:28px 0 18px!important;
  background:
    radial-gradient(circle at 10% 14%,rgba(255,170,42,.13),transparent 27%),
    radial-gradient(circle at 87% 22%,rgba(115,68,228,.14),transparent 31%),
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,#fff),var(--bg))!important;
  overflow:visible!important;
}
.search-advanced-shell{
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line));
  border-radius:32px;
  padding:30px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#fff),color-mix(in srgb,var(--surface) 94%,#fff8ee));
  box-shadow:0 28px 80px rgba(82,49,137,.10),0 12px 30px rgba(255,151,29,.05),inset 0 1px 0 rgba(255,255,255,.72);
}
.search-advanced-shell:before,
.search-advanced-shell:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}
.search-advanced-shell:before{width:320px;height:320px;right:-150px;top:-170px;background:radial-gradient(circle,rgba(116,67,230,.17),transparent 70%)}
.search-advanced-shell:after{width:290px;height:290px;left:-140px;bottom:-180px;background:radial-gradient(circle,rgba(255,161,28,.16),transparent 72%)}
.search-advanced-intro{position:relative;z-index:1;max-width:850px;margin-bottom:22px}
.search-advanced-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--purple) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line));font-size:12px;font-weight:800;color:var(--purple)}
.search-advanced-intro h1{font-family:"FolanjaNastaliq","Vazirmatn",sans-serif!important;font-weight:400!important;font-size:49px!important;line-height:1.5!important;margin:8px 0 2px!important;letter-spacing:0!important}
.search-advanced-intro p{margin:0;color:var(--muted);font-size:13px;line-height:2}
.advanced-search-form{position:relative;z-index:2;display:grid;gap:14px}
.advanced-search-main{display:grid;grid-template-columns:48px minmax(0,1fr) 132px;align-items:center;min-height:62px;border-radius:20px;border:1px solid color-mix(in srgb,var(--purple) 19%,var(--line));background:color-mix(in srgb,var(--surface) 98%,transparent);box-shadow:0 18px 42px rgba(75,47,121,.11),inset 0 1px 0 rgba(255,255,255,.65);overflow:hidden}
.advanced-search-icon{display:grid;place-items:center;width:38px;height:38px;margin-inline-start:9px;border-radius:13px;background:color-mix(in srgb,var(--purple) 9%,var(--surface));color:var(--purple);font-size:23px}
.advanced-search-main input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:14px;padding:0 8px;height:100%}
.advanced-search-main input::placeholder{color:color-mix(in srgb,var(--muted) 82%,transparent)}
.advanced-search-main button{height:100%;min-height:62px;border:0;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:11px;background:var(--grad);color:#fff;font-family:var(--font);font-weight:900;font-size:13px;cursor:pointer;box-shadow:-12px 0 30px rgba(109,62,219,.13)}
.advanced-search-main button b{font-size:20px;line-height:1}
.advanced-scope{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:7px;border-radius:18px;background:color-mix(in srgb,var(--purple) 4%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 10%,var(--line))}
.advanced-scope-option{cursor:pointer;min-width:0}
.advanced-scope-option input{position:absolute;opacity:0;pointer-events:none}
.advanced-scope-option span{height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;color:var(--muted);font-size:12.5px;font-weight:800;border:1px solid transparent;transition:.18s}
.advanced-scope-option span i{font-style:normal;width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--purple);font-size:13px}
.advanced-scope-option input:checked + span{background:var(--surface);color:var(--purple);border-color:color-mix(in srgb,var(--purple) 18%,var(--line));box-shadow:0 10px 24px rgba(89,52,151,.10)}
.advanced-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:9px;align-items:end}
.advanced-field{display:grid;gap:6px;min-width:0}
.advanced-field>span{font-size:11.5px;font-weight:800;color:var(--muted);padding-inline:4px;display:flex;gap:6px;align-items:center}
.advanced-field>span i{font-style:normal;color:var(--purple)}
.advanced-field input,.advanced-field select{width:100%;min-width:0;height:44px;border-radius:13px;border:1px solid color-mix(in srgb,var(--purple) 12%,var(--line));background:color-mix(in srgb,var(--surface) 97%,transparent);color:var(--text);padding:0 12px;outline:0;font-family:var(--font);font-size:11.5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.advanced-field input:focus,.advanced-field select:focus{border-color:color-mix(in srgb,var(--purple) 45%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 9%,transparent)}
.advanced-filter-actions{height:44px;display:flex;align-items:center;gap:7px}
.advanced-apply,.advanced-reset{height:44px;border-radius:13px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:var(--font);font-size:11.5px;font-weight:900}
.advanced-apply{border:0;background:color-mix(in srgb,var(--purple) 13%,var(--surface));color:var(--purple);cursor:pointer}
.advanced-reset{border:1px solid var(--line);background:var(--surface);color:var(--muted)}
.advanced-quick-row{position:relative;z-index:1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:11.5px}
.advanced-quick-row>a{padding:5px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--purple) 11%,var(--line));background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);font-weight:700;transition:.18s}
.advanced-quick-row>a:hover{color:var(--purple);border-color:color-mix(in srgb,var(--purple) 30%,var(--line));transform:translateY(-1px)}

.search-advanced-section{padding-top:8px!important}
.advanced-search-welcome{border:1px dashed color-mix(in srgb,var(--purple) 25%,var(--line));border-radius:28px;padding:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--purple) 2%,var(--surface)));box-shadow:0 20px 55px rgba(77,48,124,.05)}
.advanced-welcome-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.advanced-welcome-head>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:26px;color:var(--purple);background:color-mix(in srgb,var(--purple) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 16%,var(--line))}
.advanced-welcome-head h2{margin:0 0 3px;font-size:19px}.advanced-welcome-head p{margin:0;color:var(--muted);font-size:12px}
.advanced-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.advanced-capability-grid>a{position:relative;overflow:hidden;min-height:150px;border-radius:22px;padding:19px;border:1px solid color-mix(in srgb,var(--purple) 13%,var(--line));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--purple) 3%,var(--surface)));box-shadow:0 14px 34px rgba(65,40,105,.06);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:.2s}
.advanced-capability-grid>a:before{content:"";position:absolute;width:120px;height:120px;left:-45px;top:-55px;border-radius:50%;background:radial-gradient(circle,rgba(255,162,27,.12),transparent 70%)}
.advanced-capability-grid>a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--purple) 30%,var(--line));box-shadow:0 20px 42px rgba(76,45,127,.11)}
.advanced-capability-grid>a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--purple) 8%,var(--surface));color:var(--purple);font-size:18px;margin-bottom:auto}
.advanced-capability-grid>a>b{font-size:14px;margin-top:16px}.advanced-capability-grid>a>small{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.8}
.advanced-search-hints{display:flex;align-items:center;gap:10px;margin-top:16px;padding:11px 14px;border-radius:15px;background:color-mix(in srgb,var(--orange) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--orange) 14%,var(--line));font-size:11.5px;color:var(--muted)}
.advanced-search-hints span{padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--orange) 13%,var(--surface));color:var(--orange);font-weight:900}.advanced-search-hints p{margin:0}

.advanced-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;padding:13px 15px;border-radius:18px;border:1px solid color-mix(in srgb,var(--purple) 10%,var(--line));background:color-mix(in srgb,var(--surface) 95%,transparent)}
.advanced-results-title{display:flex;align-items:baseline;gap:8px;min-width:max-content}.advanced-results-title span{font-size:11.5px;color:var(--muted)}.advanced-results-title b{font-size:14px;color:var(--text)}
.advanced-active-filters{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.advanced-active-filters span{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--purple) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 11%,var(--line));font-size:10.5px;color:var(--muted)}
.advanced-search-results{display:grid;gap:15px}
.advanced-result-group{border-radius:27px!important;padding:20px!important;border:1px solid color-mix(in srgb,var(--purple) 13%,var(--line))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--purple) 2%,var(--surface)))!important;box-shadow:0 18px 48px rgba(71,43,116,.06)!important}
.advanced-result-group .premium-result-heading{margin-bottom:14px!important}
.advanced-result-group .premium-result-heading h2{display:flex;align-items:center;gap:8px}
.advanced-result-group .premium-result-heading h2 em{font-style:normal;font-family:var(--font);font-size:10px;font-weight:900;min-width:25px;height:25px;padding:0 7px;display:inline-grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--purple) 9%,var(--surface));color:var(--purple);border:1px solid color-mix(in srgb,var(--purple) 14%,var(--line))}
.advanced-result-group .search-poet-card,.advanced-result-group .search-poem-card,.advanced-result-group .result-item{border-color:color-mix(in srgb,var(--purple) 12%,var(--line))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 99%,transparent),color-mix(in srgb,var(--purple) 2%,var(--surface)))!important;box-shadow:0 12px 28px rgba(66,41,105,.05)!important}
.advanced-result-group .search-poet-card:hover,.advanced-result-group .search-poem-card:hover,.advanced-result-group .result-item:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--purple) 28%,var(--line))!important;box-shadow:0 18px 38px rgba(79,46,132,.11)!important}
.advanced-result-group .result-item{position:relative;display:grid!important;grid-template-columns:36px minmax(0,1fr) 24px!important;align-items:center!important;gap:12px!important;border:1px solid var(--line)!important;border-radius:17px!important;padding:13px 14px!important;margin-bottom:8px!important;transition:.18s!important}
.advanced-result-group .result-item>div{min-width:0}.advanced-result-group .result-item>i{font-style:normal;color:var(--purple);font-size:18px}.verse-result-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--purple) 8%,var(--surface));color:var(--purple)}
.advanced-result-group .result-item b{font-size:12.5px!important}.advanced-result-group .result-item p{margin:4px 0 0!important;color:var(--muted)!important;font-size:11.5px!important;line-height:2!important}

html[data-theme="dark"] .search-advanced-hero{background:radial-gradient(circle at 10% 14%,rgba(255,155,38,.08),transparent 28%),radial-gradient(circle at 87% 20%,rgba(130,78,244,.13),transparent 32%),linear-gradient(180deg,#140e1c,var(--bg))!important}
html[data-theme="dark"] .search-advanced-shell{background:linear-gradient(145deg,rgba(31,21,45,.96),rgba(20,14,30,.97))!important;border-color:#422d5e!important;box-shadow:0 30px 80px rgba(0,0,0,.28),0 12px 32px rgba(105,60,210,.08)!important}
html[data-theme="dark"] .advanced-search-main,html[data-theme="dark"] .advanced-scope,html[data-theme="dark"] .advanced-field input,html[data-theme="dark"] .advanced-field select,html[data-theme="dark"] .advanced-search-welcome,html[data-theme="dark"] .advanced-results-toolbar,html[data-theme="dark"] .advanced-result-group{background:linear-gradient(145deg,rgba(35,24,51,.94),rgba(23,16,35,.96))!important;border-color:#3d2a56!important;box-shadow:0 18px 48px rgba(0,0,0,.19)!important}
html[data-theme="dark"] .advanced-scope-option input:checked + span,html[data-theme="dark"] .advanced-capability-grid>a,html[data-theme="dark"] .advanced-result-group .search-poet-card,html[data-theme="dark"] .advanced-result-group .search-poem-card,html[data-theme="dark"] .advanced-result-group .result-item{background:linear-gradient(145deg,rgba(43,29,62,.96),rgba(28,19,42,.97))!important;border-color:#493263!important}
html[data-theme="dark"] .advanced-search-main button{box-shadow:-12px 0 32px rgba(118,69,233,.17)}

@media(max-width:1050px){
  .advanced-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .advanced-filter-actions{grid-column:auto}
}
@media(max-width:820px){
  .search-advanced-hero{padding:18px 0 12px!important}
  .search-advanced-shell{border-radius:25px;padding:21px 17px}
  .search-advanced-intro h1{font-size:40px!important}
  .advanced-search-main{grid-template-columns:42px minmax(0,1fr) 106px;min-height:55px;border-radius:17px}
  .advanced-search-main button{min-height:55px;padding:0 14px;font-size:12px}
  .advanced-search-main input{font-size:12.5px}
  .advanced-scope{grid-template-columns:repeat(2,minmax(0,1fr))}
  .advanced-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .advanced-filter-actions{grid-column:1/-1;justify-content:flex-start}
  .advanced-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .advanced-results-toolbar{align-items:flex-start;flex-direction:column}
  .advanced-active-filters{justify-content:flex-start}
}
@media(max-width:560px){
  .search-advanced-shell{padding:18px 13px;border-radius:22px}
  .search-advanced-intro{margin-bottom:16px}.search-advanced-intro h1{font-size:34px!important;line-height:1.55!important}.search-advanced-intro p{font-size:11.5px;line-height:1.9}
  .advanced-search-main{grid-template-columns:38px minmax(0,1fr) 86px;min-height:52px;border-radius:15px}.advanced-search-icon{width:31px;height:31px;margin-inline-start:5px;font-size:19px}.advanced-search-main button{min-height:52px;padding:0 9px;gap:5px}.advanced-search-main button b{display:none}.advanced-search-main input{font-size:11.5px;padding:0 5px}
  .advanced-scope{gap:6px;padding:6px}.advanced-scope-option span{height:42px;font-size:11.5px}.advanced-scope-option span i{width:23px;height:23px;font-size:12px}
  .advanced-filter-grid{grid-template-columns:1fr 1fr;gap:8px}.advanced-field input,.advanced-field select{height:42px;font-size:10.8px;padding:0 9px}.advanced-field>span{font-size:10.5px}
  .advanced-filter-actions{height:42px}.advanced-apply,.advanced-reset{height:42px;font-size:10.8px;padding:0 12px}
  .advanced-quick-row{font-size:10.5px;gap:5px}.advanced-quick-row>a{padding:4px 8px}
  .advanced-search-welcome{padding:17px 13px;border-radius:22px}.advanced-welcome-head{align-items:flex-start}.advanced-welcome-head>span{width:41px;height:41px;border-radius:14px}.advanced-welcome-head h2{font-size:16px}.advanced-welcome-head p{font-size:11px;line-height:1.8}
  .advanced-capability-grid{grid-template-columns:1fr 1fr;gap:8px}.advanced-capability-grid>a{min-height:132px;padding:14px;border-radius:18px}.advanced-capability-grid>a>b{font-size:12px}.advanced-capability-grid>a>small{font-size:10px}.advanced-capability-grid>a>span{width:34px;height:34px}
  .advanced-search-hints{align-items:flex-start;font-size:10.5px;line-height:1.8}
  .advanced-result-group{padding:14px!important;border-radius:21px!important}.advanced-result-group .result-item{grid-template-columns:31px minmax(0,1fr)!important;gap:9px!important;padding:11px!important}.advanced-result-group .result-item>i{display:none}.verse-result-mark{width:30px;height:30px;border-radius:10px}.advanced-result-group .result-item b{font-size:11.5px!important}.advanced-result-group .result-item p{font-size:10.8px!important}
}
@media(max-width:390px){
  .advanced-filter-grid{grid-template-columns:1fr}
  .advanced-filter-actions{grid-column:auto}
  .advanced-capability-grid{grid-template-columns:1fr 1fr}
}

/* v1.22.42 — compact advanced-search result hero */
.search-advanced-title-row{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}
.search-advanced-title-row .search-advanced-intro{
  max-width:none!important;
  margin:0!important;
  min-width:0;
}
.search-advanced-query-row{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(260px,.78fr) minmax(520px,1.35fr);
  align-items:center;
  gap:22px;
}
.search-advanced-query-row>p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:2;
}
.search-advanced-query-row .advanced-search-main{
  width:100%;
  min-width:0;
}
.search-query-inline{
  flex:0 1 auto;
  max-width:min(46%,560px);
  min-width:230px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border-radius:17px;
  border:1px solid color-mix(in srgb,var(--purple) 17%,var(--line));
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--purple) 7%,var(--surface)),
    color-mix(in srgb,var(--orange) 5%,var(--surface)));
  box-shadow:0 12px 28px rgba(76,45,127,.08),inset 0 1px 0 rgba(255,255,255,.68);
  white-space:nowrap;
  overflow:hidden;
}
.search-query-inline span{
  flex:0 0 auto;
  color:var(--muted);
  font-size:11.5px;
}
.search-query-inline b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:13px;
  color:var(--text);
}

/* On result pages keep the advanced controls, but make the hero much shorter. */
.search-advanced-hero.has-results{
  padding-top:16px!important;
  padding-bottom:2px!important;
}
.search-advanced-shell.has-results{
  padding:20px 24px 17px!important;
  border-radius:28px!important;
}
.search-advanced-shell.has-results .advanced-search-form{
  gap:9px!important;
}
.search-advanced-shell.has-results .search-advanced-kicker{
  padding:5px 10px!important;
  font-size:10.8px!important;
}
.search-advanced-shell.has-results .search-advanced-intro h1{
  font-size:43px!important;
  line-height:1.38!important;
  margin:4px 0 0!important;
}
.search-advanced-shell.has-results .advanced-search-main{
  min-height:52px!important;
  grid-template-columns:42px minmax(0,1fr) 112px!important;
  border-radius:17px!important;
}
.search-advanced-shell.has-results .advanced-search-main button{
  min-height:52px!important;
  padding-inline:17px!important;
}
.search-advanced-shell.has-results .advanced-scope{
  padding:5px!important;
  gap:6px!important;
}
.search-advanced-shell.has-results .advanced-scope-option span{
  height:39px!important;
  font-size:11.5px!important;
}
.search-advanced-shell.has-results .advanced-scope-option span i{
  width:23px!important;
  height:23px!important;
  font-size:11px!important;
}
.search-advanced-shell.has-results .advanced-filter-grid{
  gap:7px!important;
}
.search-advanced-shell.has-results .advanced-field{
  gap:4px!important;
}
.search-advanced-shell.has-results .advanced-field>span{
  font-size:10.5px!important;
}
.search-advanced-shell.has-results .advanced-field input,
.search-advanced-shell.has-results .advanced-field select,
.search-advanced-shell.has-results .advanced-filter-actions,
.search-advanced-shell.has-results .advanced-apply,
.search-advanced-shell.has-results .advanced-reset{
  height:39px!important;
}
.search-advanced-shell.has-results .advanced-quick-row{
  display:none!important;
}
.search-advanced-hero.has-results + .search-advanced-section,
.search-advanced-section{
  margin-top:0!important;
}
.search-advanced-hero.has-results ~ .search-advanced-section{
  padding-top:2px!important;
}

html[data-theme="dark"] .search-query-inline{
  background:linear-gradient(135deg,rgba(49,33,70,.92),rgba(35,24,51,.94));
  border-color:#493265;
  box-shadow:0 14px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
}

@media(max-width:1050px){
  .search-advanced-query-row{
    grid-template-columns:minmax(220px,.72fr) minmax(420px,1.28fr);
    gap:14px;
  }
  .search-query-inline{max-width:48%;min-width:200px}
}

@media(max-width:820px){
  .search-advanced-title-row{
    align-items:flex-end;
    gap:12px;
  }
  .search-query-inline{
    max-width:52%;
    min-width:0;
    padding:8px 11px;
    border-radius:14px;
  }
  .search-query-inline span{font-size:10.5px}
  .search-query-inline b{font-size:11.5px}
  .search-advanced-query-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .search-advanced-query-row>p{
    font-size:11.5px;
    line-height:1.85;
  }
  .search-advanced-hero.has-results{padding-top:10px!important;padding-bottom:0!important}
  .search-advanced-shell.has-results{padding:15px 15px 13px!important;border-radius:23px!important}
  .search-advanced-shell.has-results .search-advanced-intro h1{font-size:36px!important}
  .search-advanced-shell.has-results .advanced-search-main{min-height:48px!important;grid-template-columns:38px minmax(0,1fr) 92px!important}
  .search-advanced-shell.has-results .advanced-search-main button{min-height:48px!important}
  .search-advanced-hero.has-results ~ .search-advanced-section{padding-top:0!important}
}

@media(max-width:560px){
  .search-advanced-title-row{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:7px;
  }
  .search-query-inline{
    justify-self:stretch;
    width:100%;
    max-width:none;
    min-width:0;
    justify-content:flex-start;
    padding:7px 10px;
  }
  .search-advanced-shell.has-results .search-advanced-intro h1{font-size:32px!important;line-height:1.48!important}
  .search-advanced-query-row{gap:6px}
  .search-advanced-query-row>p{font-size:10.8px}
  .search-advanced-shell.has-results .advanced-scope{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .search-advanced-shell.has-results .advanced-scope-option span{height:36px!important;font-size:10px!important;gap:4px!important}
  .search-advanced-shell.has-results .advanced-scope-option span i{display:none!important}
  .search-advanced-shell.has-results .advanced-filter-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .search-advanced-shell.has-results .advanced-filter-actions{grid-column:1/-1!important}
}

/* v1.22.43 — desktop header search containment + mobile micro-type readability */
@media(min-width:821px){
  /* Keep the autocomplete/result panel anchored to the search box and inside viewport. */
  .site-header .ajax-poet-search{
    position:relative!important;
    min-width:0!important;
  }
  .site-header .poet-suggest{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    transform:none!important;
    width:min(360px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
}

@media(max-width:820px){
  /* One-step readability lift for previously tiny mobile UI text. */
  body{font-size:14.5px!important}
  .site-header .header-search input{font-size:12px!important}
  .site-header .brand-copy small{font-size:11px!important;line-height:1.35!important}
  .site-header .main-nav .nav-item-label{font-size:13.5px!important}
  .poet-suggest b{font-size:13.5px!important}
  .poet-suggest small,.poet-suggest .sg-empty{font-size:12px!important}
  .breadcrumb{font-size:12.5px!important}
  .section-note,.see-all{font-size:13px!important}
  .poet-info p,.poet-stats span,.poet-meta{font-size:12.5px!important}
  .poet-stats b{font-size:13px!important}
  .search-query-chip{font-size:12.5px!important}
  .premium-result-heading p{font-size:12.5px!important}
  .search-poet-copy p,.search-poet-copy span{font-size:12.5px!important}
  .search-poem-meta{font-size:12.5px!important}
  .lazy-verse-subhead span{font-size:12px!important}
  .lazy-verse-results .result-item p{font-size:13px!important}
  .advanced-field>span{font-size:11.5px!important}
  .advanced-field input,.advanced-field select{font-size:11.8px!important}
  .advanced-scope-option span{font-size:12px!important}
  .advanced-quick-row{font-size:11.5px!important}
  .advanced-capability-grid>a>small{font-size:11.5px!important}
  .advanced-search-hints{font-size:11.5px!important}
  .advanced-active-filters span{font-size:11.5px!important}
  .advanced-result-group .result-item b{font-size:12.5px!important}
  .advanced-result-group .result-item p{font-size:12px!important}
  .footer-grid h4{font-size:12.5px!important}
  .footer-links>a:not(.brand){font-size:12px!important}
  .footer-note>p,.footer-signature,.footer-search-cta,.copyright{font-size:11.5px!important}
}

@media(max-width:560px){
  .site-header .header-search input{font-size:11.5px!important}
  .site-header .brand-copy small{font-size:10px!important}
  .site-header .main-nav .nav-item-label{font-size:13px!important}
  .search-advanced-intro p{font-size:12px!important}
  .search-advanced-query-row>p{font-size:11.5px!important}
  .search-advanced-shell.has-results .advanced-scope-option span{font-size:11px!important}
  .advanced-field>span{font-size:11px!important}
  .advanced-field input,.advanced-field select{font-size:11.5px!important}
  .advanced-quick-row{font-size:11px!important}
  .advanced-welcome-head p{font-size:11.5px!important}
  .advanced-capability-grid>a>small{font-size:11px!important}
  .advanced-search-hints{font-size:11px!important}
  .advanced-result-group .result-item b{font-size:12px!important}
  .advanced-result-group .result-item p{font-size:11.5px!important}
}