/* v15.00 KNOWLEDGE — sole owner of hub + all Knowledge child article presentation. */
/* v14.86 — canonical Knowledge content/style sheet; no mobile layout. */
/* v14.80 Knowledge desktop-only stylesheet: mobile max-width <=800px media blocks removed. */
/* Sonam Zangmo v14.00 — Knowledge hub + topic pages */
/* =========================================================
   KNOWLEDGE v11.86 — restrained royal menu
   Scope is intentionally limited to .knowledge-page.
   ========================================================= */
.knowledge-page{
  background:
    radial-gradient(circle at 50% -12%,rgba(102,66,151,.19),transparent 34%),
    linear-gradient(180deg,#100b1b 0%,#090711 52%,#06050c 100%);
}

.knowledge-page .site-shell{
  width:min(1480px,100% - 36px);
}

.knowledge-page .knowledge-royal{
  width:min(1180px,100%);
  margin:0 auto;
  padding:
    clamp(34px,4.4vw,62px)
    clamp(28px,4.8vw,64px)
    clamp(58px,6.5vw,92px);

  /* v11.92: one royal frame around the complete Knowledge hub.
     Purple surface uses 50% alpha as requested; gold remains a fine edge. */
  background:
    linear-gradient(
      180deg,
      rgba(67,38,96,.50) 0%,
      rgba(44,24,72,.50) 48%,
      rgba(30,17,53,.50) 100%
    );
  border:1px solid rgba(219,174,85,.78);
  border-radius:20px;
  box-shadow:
    inset 0 0 0 1px rgba(255,230,168,.045),
    inset 0 18px 46px rgba(119,73,160,.08);
}

.knowledge-page .knowledge-royal-intro{
  width:min(800px,100%);
  margin:0 auto clamp(30px,4vw,48px);
  text-align:center;
}

.knowledge-page .knowledge-royal h1{
  margin:0;
  color:#f1d28a;
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:clamp(2.8rem,5.6vw,5.18rem);
  font-weight:500;
  line-height:.92;
  letter-spacing:.075em;
  text-shadow:0 0 24px rgba(203,149,70,.12);
}

.knowledge-page .knowledge-ornament{
  display:grid;
  grid-template-columns:minmax(34px,110px) auto minmax(34px,110px);
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:19px auto 18px;
  color:#d7aa56;
}
.knowledge-page .knowledge-ornament span{
  width:100%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(222,177,87,.72));
}
.knowledge-page .knowledge-ornament span:last-child{
  background:linear-gradient(90deg,rgba(222,177,87,.72),transparent);
}
.knowledge-page .knowledge-ornament b{
  font-size:.72rem;
  font-weight:400;
  line-height:1;
}

.knowledge-page .knowledge-intro-copy{
  width:min(650px,100%);
  margin:0 auto;
  color:rgba(244,232,214,.90);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:clamp(1.22rem,1.72vw,1.48rem);
  font-weight:400;
  line-height:1.58;
}

.knowledge-page .knowledge-royal-menu{
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  gap:clamp(34px,5vw,72px);
  padding:clamp(34px,4.5vw,54px) clamp(22px,4vw,52px);
  border-top:1px solid rgba(224,178,83,.46);
  border-bottom:1px solid rgba(224,178,83,.46);
  background:
    linear-gradient(90deg,transparent,rgba(131,84,171,.045) 50%,transparent),
    rgba(10,7,16,.12);
  box-shadow:
    inset 0 1px rgba(255,240,199,.02),
    inset 0 -1px rgba(255,240,199,.018);
}

.knowledge-page .knowledge-menu-column{
  min-width:0;
}

.knowledge-page .knowledge-menu-heading{
  min-height:154px;
  margin-bottom:26px;
  text-align:center;
}
.knowledge-page .knowledge-menu-number{
  margin:0 0 5px;
  color:rgba(218,175,87,.62);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.22em;
}
.knowledge-page .knowledge-menu-heading h2{
  margin:0 0 10px;
  color:#f0d596;
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:clamp(2.35rem,4vw,3.7rem);
  font-weight:500;
  line-height:1;
  letter-spacing:.06em;
}
.knowledge-page .knowledge-menu-heading p:last-child{
  width:min(390px,100%);
  margin:0 auto;
  color:rgba(235,217,193,.84);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:1.18rem;
  line-height:1.48;
}

.knowledge-page .knowledge-menu-divider{
  position:relative;
  width:1px;
  min-height:100%;
  /* Leave a clean breathing gap around the center star instead of masking
     the divider with a dark square. */
  background:linear-gradient(
    180deg,
    transparent 0%,
    rgba(214,168,77,.52) 14%,
    rgba(214,168,77,.52) calc(50% - 18px),
    transparent calc(50% - 18px),
    transparent calc(50% + 18px),
    rgba(214,168,77,.52) calc(50% + 18px),
    rgba(214,168,77,.52) 86%,
    transparent 100%
  );
}
.knowledge-page .knowledge-menu-divider span{
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  transform:translate(-50%,-50%);
  background:transparent;
  color:#d9ad5d;
  font-size:.58rem;
  text-shadow:0 0 10px rgba(217,173,93,.26);
}

.knowledge-page .knowledge-topic-list{
  border-top:1px solid rgba(220,178,91,.24);
}
.knowledge-page .knowledge-topic{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 28px;
  align-items:center;
  gap:15px;
  min-height:92px;
  padding:18px 4px;
  border-bottom:1px solid rgba(220,178,91,.24);
  transition:
    padding-left .22s ease,
    background .22s ease,
    border-color .22s ease;
}
.knowledge-page a.knowledge-topic:hover,
.knowledge-page a.knowledge-topic:focus-visible{
  padding-left:12px;
  background:linear-gradient(90deg,rgba(225,180,87,.055),transparent 74%);
  border-color:rgba(229,188,103,.48);
  outline:none;
}
.knowledge-page .knowledge-topic-index{
  color:rgba(229,188,99,.78);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.86rem;
  font-weight:600;
  letter-spacing:.12em;
}
.knowledge-page .knowledge-topic-copy{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.knowledge-page .knowledge-topic-copy strong{
  color:#f8e8c9;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:clamp(1.48rem,2.25vw,1.88rem);
  font-weight:500;
  line-height:1.05;
}
.knowledge-page .knowledge-topic-copy small{
  color:rgba(224,208,229,.82);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:clamp(1.22rem,1.72vw,1.48rem);
  font-style:italic;
  line-height:1.58;
}
.knowledge-page .knowledge-topic-arrow{
  color:rgba(221,178,89,.72);
  font-size:1.22rem;
  line-height:1;
  transform:translateX(0);
  transition:transform .22s ease,color .22s ease;
}
.knowledge-page a.knowledge-topic:hover .knowledge-topic-arrow,
.knowledge-page a.knowledge-topic:focus-visible .knowledge-topic-arrow{
  color:#f1cf85;
  transform:translateX(4px);
}

.knowledge-page .knowledge-topic-pending{
  grid-template-columns:34px minmax(0,1fr);
  opacity:.48;
}
.knowledge-page .knowledge-topic-pending .knowledge-topic-copy strong{
  font-size:1.42rem;
}

.knowledge-page .knowledge-return{
  margin-top:34px;
  text-align:center;
}
.knowledge-page .knowledge-return a{
  display:inline-block;
  padding:8px 2px;
  border-bottom:1px solid rgba(219,174,85,.28);
  color:rgba(237,216,178,.82);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.86rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:color .2s ease,border-color .2s ease;
}
.knowledge-page .knowledge-return a:hover,
.knowledge-page .knowledge-return a:focus-visible{
  color:#f0d494;
  border-color:rgba(230,189,104,.62);
  outline:none;
}



@media (prefers-reduced-motion:reduce){
  .knowledge-page .knowledge-topic,
  .knowledge-page .knowledge-topic-arrow{
    transition:none;
  }
}


/* =========================================================
   KNOWLEDGE v11.88 — shared royal topic-page system
   Applies to every branch page under the Knowledge collection.
   ========================================================= */
.knowledge-topic-page{
  background:
    radial-gradient(circle at 50% -10%,rgba(102,66,151,.18),transparent 32%),
    linear-gradient(180deg,#100b1b 0%,#090711 50%,#06050c 100%);
}

.knowledge-topic-page .site-shell{
  width:min(1480px,100% - 36px);
}

.knowledge-topic-page .knowledge-article-shell{
  width:min(1180px,100%);
  margin:0 auto;
  padding:
    clamp(34px,4.4vw,62px)
    clamp(28px,4.8vw,64px)
    clamp(58px,6.5vw,92px);

  /* v11.95: match the Knowledge hub frame exactly. */
  background:
    linear-gradient(
      180deg,
      rgba(67,38,96,.50) 0%,
      rgba(44,24,72,.50) 48%,
      rgba(30,17,53,.50) 100%
    );
  border:1px solid rgba(219,174,85,.78);
  border-radius:20px;
  box-shadow:
    inset 0 0 0 1px rgba(255,230,168,.045),
    inset 0 18px 46px rgba(119,73,160,.08);
}

.knowledge-topic-page .knowledge-article{
  width:100%;
}

.knowledge-topic-page .knowledge-article-hero{
  width:min(850px,100%);
  margin:0 auto clamp(34px,4.5vw,54px);
  text-align:center;
}

.knowledge-topic-page .knowledge-article-number{
  margin:0 0 16px;
  color:rgba(226,185,98,.76);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.85rem;
  font-weight:600;
  letter-spacing:.19em;
  text-transform:uppercase;
}

.knowledge-topic-page .knowledge-article-hero h1{
  margin:0;
  color:#f1d28a;
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:clamp(3.05rem,5.4vw,5.05rem);
  font-weight:500;
  line-height:.94;
  letter-spacing:.055em;
  text-shadow:0 0 24px rgba(203,149,70,.12);
}

.knowledge-topic-page .knowledge-article-hero h1.knowledge-title-long{
  font-size:clamp(2.65rem,4.7vw,4.45rem);
  line-height:.96;
  letter-spacing:.035em;
}

.knowledge-topic-page .knowledge-article-intro{
  width:min(760px,100%);
  margin:0 auto;
  color:rgba(244,232,214,.92);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:clamp(1.22rem,1.72vw,1.48rem);
  font-weight:400;
  line-height:1.58;
}
.knowledge-topic-page .knowledge-article-intro-secondary{
  margin-top:16px;
  color:rgba(229,214,198,.80);
  font-size:clamp(1.16rem,1.6vw,1.34rem);
}

.knowledge-topic-page .knowledge-article-section,
.knowledge-topic-page .knowledge-work-section{
  width:min(920px,100%);
  margin:0 auto;
  padding:clamp(36px,4.4vw,54px) 0;
  border-top:1px solid rgba(224,178,83,.46);
}

.knowledge-topic-page .knowledge-section-kicker{
  margin:0 0 10px;
  color:rgba(226,185,98,.78);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.knowledge-topic-page .knowledge-article-section > h2,
.knowledge-topic-page .knowledge-work-section > h2{
  margin:0 0 22px;
  color:#f3d895;
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:clamp(2.25rem,4.2vw,3.65rem);
  font-weight:500;
  line-height:1.03;
  letter-spacing:.035em;
}

.knowledge-topic-page .knowledge-article-section > p:not(.knowledge-section-kicker):not(.knowledge-section-note),
.knowledge-topic-page .knowledge-work-section > p:not(.knowledge-section-kicker),
.knowledge-topic-page .knowledge-reference-entry p,
.knowledge-topic-page .knowledge-source-columns li{
  color:rgba(239,226,208,.88);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:clamp(1.16rem,1.55vw,1.30rem);
  font-weight:400;
  line-height:1.62;
}

.knowledge-topic-page .knowledge-article-section > p + p{
  margin-top:15px;
}

.knowledge-topic-page .knowledge-entry-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(34px,5vw,62px);
  margin-top:30px;
  border-top:1px solid rgba(220,178,91,.24);
}

.knowledge-topic-page .knowledge-article-entry{
  position:relative;
  min-width:0;
  padding:27px 0 29px 42px;
  border-bottom:1px solid rgba(220,178,91,.24);
}

.knowledge-topic-page .knowledge-entry-number{
  position:absolute;
  top:31px;
  left:0;
  color:rgba(229,188,99,.76);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.10em;
}

.knowledge-topic-page .knowledge-article-entry h3,
.knowledge-topic-page .knowledge-reference-entry h3,
.knowledge-topic-page .knowledge-source-columns h3{
  margin:0 0 9px;
  color:#f7e5c5;
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:clamp(1.42rem,2vw,1.76rem);
  font-weight:500;
  line-height:1.14;
}

.knowledge-topic-page .knowledge-article-entry p{
  margin:0;
  color:rgba(225,211,195,.82);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:clamp(1.05rem,1.4vw,1.18rem);
  line-height:1.55;
}

.knowledge-topic-page .knowledge-section-note{
  margin:28px 0 0;
  color:rgba(223,207,226,.78);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:1.10rem;
  font-style:italic;
  line-height:1.52;
}
.knowledge-topic-page .knowledge-section-note-top{
  margin:0 0 30px;
}

/* v16.16 — quiet editorial note at the bottom of Knowledge articles. */
.knowledge-topic-page .knowledge-editorial-note{
  width:min(920px,100%);
  margin:18px auto 0;
  padding-top:22px;
  border-top:1px solid rgba(224,178,83,.24);
  color:rgba(223,207,226,.64);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:1.02rem;
  font-style:italic;
  line-height:1.5;
  text-align:center;
}

.knowledge-topic-page .knowledge-work-section{
  position:relative;
  width:min(920px,100%);
  margin:18px auto;
  padding:clamp(48px,6vw,70px) clamp(28px,5vw,60px);
  border-top:1px solid rgba(232,190,103,.65);
  border-bottom:1px solid rgba(232,190,103,.65);
  background:
    radial-gradient(circle at 50% 0%,rgba(133,81,176,.11),transparent 56%),
    linear-gradient(90deg,transparent,rgba(223,177,86,.025),transparent);
  text-align:center;
}

.knowledge-topic-page .knowledge-work-section > p:not(.knowledge-section-kicker){
  width:min(760px,100%);
  margin-left:auto;
  margin-right:auto;
}

.knowledge-topic-page .knowledge-inline-link{
  color:#f5d88f;
  border-bottom:1px solid rgba(235,190,99,.42);
  transition:color .2s ease,border-color .2s ease,text-shadow .2s ease;
}
.knowledge-topic-page .knowledge-inline-link:hover,
.knowledge-topic-page .knowledge-inline-link:focus-visible{
  color:#ffe8ae;
  border-color:rgba(248,210,128,.78);
  text-shadow:0 0 10px rgba(237,187,87,.22);
  outline:none;
}

.knowledge-topic-page .knowledge-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:9px 18px;
  margin:28px auto 0;
}
.knowledge-topic-page .knowledge-tags span{
  color:rgba(232,199,132,.84);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.knowledge-topic-page .knowledge-article-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px 28px;
  margin-top:34px;
}
.knowledge-topic-page .knowledge-article-actions a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 0;
  border-bottom:1px solid rgba(219,174,85,.38);
  color:#f0d494;
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.86rem;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
  transition:color .2s ease,border-color .2s ease,transform .2s ease;
}
.knowledge-topic-page .knowledge-article-actions a:hover,
.knowledge-topic-page .knowledge-article-actions a:focus-visible{
  color:#ffe8ad;
  border-color:rgba(232,190,103,.72);
  transform:translateY(-1px);
  outline:none;
}

.knowledge-topic-page .knowledge-reference-list{
  border-top:1px solid rgba(220,178,91,.24);
}
.knowledge-topic-page .knowledge-reference-entry{
  position:relative;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:18px;
  padding:30px 0;
  border-bottom:1px solid rgba(220,178,91,.24);
}
.knowledge-topic-page .knowledge-reference-entry .knowledge-entry-number{
  position:static;
  padding-top:5px;
}
.knowledge-topic-page .knowledge-reference-entry p{
  margin:0;
}
.knowledge-topic-page .knowledge-reference-tags{
  margin:0 0 10px;
  color:rgba(222,182,103,.78);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.08em;
  line-height:1.45;
  text-transform:uppercase;
}
.knowledge-topic-page .knowledge-reference-question{
  background:linear-gradient(90deg,rgba(137,84,176,.045),transparent 72%);
}

.knowledge-topic-page .knowledge-sources-section{
  font-size:.96em;
}
.knowledge-topic-page .knowledge-source-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(32px,6vw,70px);
  margin-top:28px;
  padding-top:28px;
  border-top:1px solid rgba(220,178,91,.24);
}
.knowledge-topic-page .knowledge-source-columns h3{
  color:#eed395;
}
.knowledge-topic-page .knowledge-source-columns ul{
  margin:0;
  padding:0;
  list-style:none;
}
.knowledge-topic-page .knowledge-source-columns li{
  padding:10px 0;
  border-bottom:1px solid rgba(220,178,91,.16);
  font-size:1.05rem;
}
.knowledge-topic-page .knowledge-source-columns a{
  color:rgba(232,218,199,.82);
  transition:color .2s ease;
}
.knowledge-topic-page .knowledge-source-columns a:hover,
.knowledge-topic-page .knowledge-source-columns a:focus-visible{
  color:#f6da9b;
  outline:none;
}


/* Knowledge topic: keep the return path beside the SZ mark instead of at article end. */
.knowledge-topic-page .knowledge-topbar-left{
  display:flex;
  align-items:center;
  gap:14px;
  flex:0 0 auto;
}
.knowledge-topic-page .knowledge-return-top{
  display:inline-block;
  padding:7px 2px;
  border-bottom:1px solid rgba(219,174,85,.28);
  color:rgba(237,216,178,.82);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.10em;
  line-height:1.2;
  text-transform:uppercase;
  white-space:nowrap;
  transition:color .2s ease,border-color .2s ease;
}
.knowledge-topic-page .knowledge-return-top:hover,
.knowledge-topic-page .knowledge-return-top:focus-visible{
  color:#f0d494;
  border-color:rgba(230,189,104,.62);
  outline:none;
}

.knowledge-topic-page .knowledge-article-footer-nav{
  width:min(920px,100%);
  margin:34px auto 0;
  text-align:center;
}
.knowledge-topic-page .knowledge-article-footer-nav a{
  display:inline-block;
  padding:8px 2px;
  border-bottom:1px solid rgba(219,174,85,.28);
  color:rgba(237,216,178,.82);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.86rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:color .2s ease,border-color .2s ease;
}
.knowledge-topic-page .knowledge-article-footer-nav a:hover,
.knowledge-topic-page .knowledge-article-footer-nav a:focus-visible{
  color:#f0d494;
  border-color:rgba(230,189,104,.62);
  outline:none;
}



@media (prefers-reduced-motion:reduce){
  .knowledge-topic-page .knowledge-inline-link,
  .knowledge-topic-page .knowledge-article-actions a{
    transition:none;
  }
}


/* =========================================================
   KNOWLEDGE v11.93 — top-right Fiction CTA
   Shared by the Knowledge hub and all Knowledge topic pages.
   ========================================================= */

/* v15.83 — Knowledge hub return path, isolated from topic-page navigation. */
.knowledge-page .knowledge-hub-topbar-left{
  display:flex;
  align-items:center;
  gap:18px;
  flex:0 0 auto;
}
.knowledge-page .knowledge-hub-return{
  color:rgba(238,211,159,.88);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.92rem;
  font-weight:600;
  letter-spacing:.08em;
  white-space:nowrap;
  transition:color .2s ease;
}
.knowledge-page .knowledge-hub-return:hover,
.knowledge-page .knowledge-hub-return:focus-visible{
  color:#ffe4a4;
  outline:none;
}

.knowledge-page .knowledge-fiction-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
  color:rgba(240,211,149,.88);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:clamp(.80rem,1vw,.98rem);
  font-weight:600;
  letter-spacing:.10em;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  transition:
    color .22s ease,
    text-shadow .22s ease,
    opacity .22s ease;
}
.knowledge-page .knowledge-fiction-cta-mark{
  color:rgba(220,172,77,.78);
  font-size:.72em;
  line-height:1;
  transition:
    color .22s ease,
    transform .22s ease;
}
.knowledge-page .knowledge-fiction-cta:hover,
.knowledge-page .knowledge-fiction-cta:focus-visible{
  color:#ffe4a4;
  text-shadow:0 0 10px rgba(230,181,82,.24);
  outline:none;
}
.knowledge-page .knowledge-fiction-cta:hover .knowledge-fiction-cta-mark:first-child,
.knowledge-page .knowledge-fiction-cta:focus-visible .knowledge-fiction-cta-mark:first-child{
  color:#f1c86c;
  transform:translateX(-2px);
}
.knowledge-page .knowledge-fiction-cta:hover .knowledge-fiction-cta-mark:last-child,
.knowledge-page .knowledge-fiction-cta:focus-visible .knowledge-fiction-cta-mark:last-child{
  color:#f1c86c;
  transform:translateX(2px);
}




/* v11.95 — topic-page ornament proportions aligned with /knowledge */
.knowledge-topic-page .knowledge-ornament{
  grid-template-columns:minmax(34px,110px) auto minmax(34px,110px);
  gap:12px;
  margin:19px auto 18px;
}




/* =========================================================
   KNOWLEDGE v14.09 — quiet internal TRH promo
   Small editorial-style fiction card on Knowledge topic pages.
   ========================================================= */
.knowledge-topic-page .knowledge-trh-promo{
  display:grid;
  grid-template-columns:68px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  width:min(840px,100%);
  margin:0 auto 34px;
  padding:8px 14px 8px 8px;
  border:1px solid rgba(224,178,83,.30);
  background:linear-gradient(100deg,rgba(28,17,39,.70),rgba(19,13,29,.42));
  box-shadow:0 10px 28px rgba(0,0,0,.16);
  text-align:left;
  text-decoration:none;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.knowledge-topic-page .knowledge-trh-promo img{
  display:block;
  width:68px;
  height:97px;
  object-fit:cover;
  border:1px solid rgba(239,198,111,.25);
}
.knowledge-topic-page .knowledge-trh-promo-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:5px;
}
.knowledge-topic-page .knowledge-trh-promo-copy strong{
  color:#f1d493;
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:.92rem;
  font-weight:600;
  letter-spacing:.06em;
  line-height:1.18;
}
.knowledge-topic-page .knowledge-trh-promo-copy strong em{
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:1.08em;
  font-style:italic;
  letter-spacing:.02em;
}
.knowledge-topic-page .knowledge-trh-promo-copy > span{
  color:rgba(231,216,200,.78);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-size:1.01rem;
  line-height:1.35;
}
.knowledge-topic-page .knowledge-trh-promo-arrow{
  color:rgba(231,190,104,.72);
  font-size:1.05rem;
  transition:transform .2s ease,color .2s ease;
}
.knowledge-topic-page .knowledge-trh-promo:hover,
.knowledge-topic-page .knowledge-trh-promo:focus-visible{
  border-color:rgba(232,190,103,.58);
  background:linear-gradient(100deg,rgba(38,23,52,.76),rgba(24,16,35,.48));
  transform:translateY(-1px);
  outline:none;
}
.knowledge-topic-page .knowledge-trh-promo:hover .knowledge-trh-promo-arrow,
.knowledge-topic-page .knowledge-trh-promo:focus-visible .knowledge-trh-promo-arrow{
  color:#f4d999;
  transform:translateX(2px);
}



@media (prefers-reduced-motion:reduce){
  .knowledge-topic-page .knowledge-trh-promo,
  .knowledge-topic-page .knowledge-trh-promo-arrow{
    transition:none;
  }
}

/* v14.59 — Knowledge hub + six knowledge articles:
   one centered Social & Publishing link, in white. */
.knowledge-social-footer{
  text-align:center;
}
.knowledge-social-footer .footer-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.knowledge-social-footer .footer-nav a{
  display:inline-block;
  color:#fff;
  text-align:center;
  text-decoration:none;
}
.knowledge-social-footer .footer-nav a:hover,
.knowledge-social-footer .footer-nav a:focus-visible{
  color:#fff;
  opacity:.82;
}
.knowledge-social-footer p{
  text-align:center;
}

\n\n/* =========================================================
   v15.00 KNOWLEDGE DOCUMENT STAGE
   One 1280px document layout at every device size. The browser keeps native
   vertical scrolling; JS only applies a width-fit scale. No mobile reflow,
   no rotated scroll container, no duplicate DOM.
   ========================================================= */
.knowledge-landscape-viewport{display:block;position:relative;width:100%;overflow:visible;background:#090611}

/* v15.46 — Knowledge hub desktop artwork.
   Intentionally restricted to fine-pointer desktop so touch tablet/mobile
   rendering remains byte-for-byte behaviorally unchanged. */
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  body.knowledge-page:not(.knowledge-topic-page)>.knowledge-landscape-viewport{
    background:
      linear-gradient(rgba(9,6,17,.38),rgba(9,6,17,.42)),
      url("/assets/knowledge-artwork-desktop-v16.206.webp") center top/cover fixed no-repeat;
  }
}

.knowledge-landscape-stage{position:relative;width:100%;height:var(--knowledge-stage-height,auto);overflow:visible}
.knowledge-landscape-document{position:absolute;left:50%;top:0;width:1280px;min-width:1280px;max-width:1280px;transform:translateX(-50%) scale(var(--knowledge-scale,1));transform-origin:top center}
/* v16.17 — one vertical scroll owner in desktop / true landscape.
   The root viewport owns native Y scrolling; body stays non-scrollable as a
   separate box. Portrait touch overrides both to hidden below and gives X
   scrolling exclusively to .knowledge-landscape-viewport. */
html.knowledge-stage-active{margin:0;width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;background:#090611;-webkit-overflow-scrolling:touch}
html.knowledge-stage-active body.knowledge-page{margin:0;width:100%;min-height:100%;overflow-x:clip;overflow-y:visible;background:#090611}
html.knowledge-stage-active body.knowledge-page>.knowledge-landscape-viewport{min-height:var(--knowledge-stage-height,100vh)}
html.knowledge-stage-active .knowledge-landscape-document>.site-shell{display:block;width:1248px;max-width:none;margin:0 auto;padding:18px 0 48px}
html.knowledge-stage-active .knowledge-landscape-document .topbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between}
html.knowledge-stage-active .knowledge-royal-menu{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)}
html.knowledge-stage-active .knowledge-entry-grid,html.knowledge-stage-active .knowledge-source-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
html.knowledge-stage-active .knowledge-article-actions{flex-direction:row}

/* =========================================================
   v15.44 KNOWLEDGE TOUCH PORTRAIT — ROTATED LONG DOCUMENT
   Desktop and physical landscape keep the v15.00 native vertical document.
   Portrait touch rotates the same 1280px document clockwise and lets the
   browser own native horizontal panning along the article's logical Y axis.
   ========================================================= */
html.knowledge-stage-active.knowledge-portrait-landscape,
html.knowledge-stage-active.knowledge-portrait-landscape body.knowledge-page{
  width:100%;
  height:100%;
  min-height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#090611;
}

html.knowledge-stage-active.knowledge-portrait-landscape body.knowledge-page>.knowledge-landscape-viewport{
  position:fixed;
  left:0;
  top:0;
  display:block;
  width:var(--knowledge-physical-w);
  height:var(--knowledge-physical-h);
  min-width:var(--knowledge-physical-w);
  min-height:var(--knowledge-physical-h);
  margin:0;
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pinch-zoom;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  z-index:1;
  background:#090611;
}
html.knowledge-stage-active.knowledge-portrait-landscape body.knowledge-page>.knowledge-landscape-viewport::-webkit-scrollbar{display:none}

html.knowledge-stage-active.knowledge-portrait-landscape .knowledge-landscape-stage{
  position:relative;
  display:block;
  width:var(--knowledge-track-width);
  min-width:var(--knowledge-track-width);
  height:var(--knowledge-physical-h);
  min-height:var(--knowledge-physical-h);
  margin:0;
  padding:0;
  overflow:visible;
}

html.knowledge-stage-active.knowledge-portrait-landscape .knowledge-landscape-document{
  position:absolute;
  left:0;
  top:0;
  width:1280px;
  min-width:1280px;
  max-width:1280px;
  transform-origin:0 0;
  will-change:transform;
}



/* v15.52 — Royal Political Fantasy article desktop artwork.
   URL-scoped through the canonical link so frozen HTML remains untouched.
   Fine-pointer desktop only: tablet/mobile retain their existing rendering. */
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  html:has(link[rel="canonical"][href="https://sonamzangmo.com/royal-political-fantasy"])
  body.knowledge-page>.knowledge-landscape-viewport{
    background:
      linear-gradient(rgba(9,6,17,.38),rgba(9,6,17,.42)),
      url("/assets/royal-political-fantasy-artwork-desktop-lossless.webp") center top/cover fixed no-repeat;
  }
}




/* v16.207 — Shared Knowledge Fiction artwork */
/* One visual identity for every Knowledge article page. The Knowledge hub keeps its own artwork. */
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  body.knowledge-page.knowledge-topic-page>.knowledge-landscape-viewport{
    background:
      linear-gradient(rgba(9,6,17,.38),rgba(9,6,17,.42)),
      url("/assets/knowledge-fiction-shared-artwork-v16.207.webp") center top/cover fixed no-repeat !important;
  }
}