/* =========================================================
   M6.7 — TOHID GLASS ART DIRECTION / CRAFT UPLIFT
   Owner approved 2026-10-03
   Delta-only stylesheet layered over M6.6
   ========================================================= */

/* Rich but luminous Tohid field — Ink gives depth, not dominance */
#craft.craft-authority{
  isolation:isolate;
  position:relative;
  overflow:hidden;
  padding:78px 0 86px!important;
  background:
    radial-gradient(920px 520px at 7% 24%, rgba(105,117,243,.19), transparent 64%),
    radial-gradient(820px 480px at 93% 18%, rgba(255,209,191,.42), transparent 66%),
    radial-gradient(700px 420px at 86% 88%, rgba(79,143,126,.13), transparent 66%),
    radial-gradient(560px 400px at 2% 83%, rgba(17,27,54,.085), transparent 72%),
    linear-gradient(135deg,#fbf9ff 0%,#fffefd 48%,#fff7f1 100%)!important;
}

#craft.craft-authority::before{
  content:"";
  position:absolute;
  z-index:0;
  width:720px;
  height:720px;
  right:-350px;
  top:-370px;
  border:1px solid rgba(105,117,243,.14);
  border-radius:50%;
  box-shadow:
    0 0 0 44px rgba(105,117,243,.025),
    0 0 0 102px rgba(238,184,157,.018);
  transform:rotate(-12deg);
  pointer-events:none;
}

#craft.craft-authority::after{
  content:"";
  position:absolute;
  z-index:0;
  width:620px;
  height:360px;
  left:-280px;
  bottom:-160px;
  border:1px solid rgba(79,143,126,.13);
  border-radius:50%;
  transform:rotate(17deg);
  box-shadow:
    0 0 0 32px rgba(79,143,126,.018),
    0 0 0 78px rgba(255,209,191,.022);
  pointer-events:none;
}

#craft .shell{
  position:relative;
  z-index:1;
}

#craft .shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:118px 3% 126px;
  border-radius:44px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.40),rgba(255,255,255,.14));
  border:1px solid rgba(255,255,255,.44);
  box-shadow:0 28px 90px rgba(24,39,80,.035);
  backdrop-filter:blur(18px) saturate(1.05);
  -webkit-backdrop-filter:blur(18px) saturate(1.05);
  pointer-events:none;
}

/* Copy remains open and editorial, not another card */
#craft .authority-copy{
  position:relative;
  width:min(820px,100%);
  margin-inline:auto;
  justify-self:center!important;
  text-align:center;
  padding:0 24px 24px!important;
}

#craft .authority-copy::before{
  content:"";
  display:block;
  width:54px;
  height:2px;
  margin:0 auto 18px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--tohid-peach-strong),var(--tohid-iris),var(--tohid-sage));
  box-shadow:0 0 18px rgba(105,117,243,.18);
}

#craft .authority-copy h2{
  max-width:760px;
  margin:0 auto 12px!important;
  color:var(--tohid-ink)!important;
  text-align:center;
}

#craft .authority-copy p{
  max-width:760px;
  margin:0 auto!important;
  text-align:center;
  color:var(--tohid-text)!important;
}

#craft .authority-copy-prize{
  width:max-content;
  max-width:100%;
  margin:16px auto 0!important;
  padding:10px 16px!important;
  border:1px solid rgba(223,132,108,.18)!important;
  border-right:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.46)!important;
  box-shadow:0 8px 22px rgba(24,39,80,.035);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* Three primary evidence cards — frosted glass shells */
#craft .authority-evidence{
  position:relative;
  overflow:hidden;
  padding:12px!important;
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.34))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 22px 54px rgba(24,39,80,.09),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(24,39,80,.025)!important;
  backdrop-filter:blur(20px) saturate(1.12);
  -webkit-backdrop-filter:blur(20px) saturate(1.12);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

#craft .authority-evidence::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.38),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.42),transparent 24%);
}

#craft .authority-measure{
  background:
    linear-gradient(145deg,rgba(239,240,255,.78),rgba(255,255,255,.42))!important;
  border-color:rgba(105,117,243,.20)!important;
}

#craft .authority-side{
  background:
    linear-gradient(145deg,rgba(234,246,242,.80),rgba(255,255,255,.44))!important;
  border-color:rgba(79,143,126,.19)!important;
}

#craft .authority-detail{
  background:
    linear-gradient(145deg,rgba(255,240,232,.82),rgba(255,255,255,.44))!important;
  border-color:rgba(223,132,108,.19)!important;
}

#craft .authority-evidence:hover{
  transform:translateY(-4px);
  box-shadow:
    0 30px 64px rgba(24,39,80,.12),
    inset 0 1px 0 rgba(255,255,255,.88)!important;
}

#craft .authority-evidence > img:first-child{
  position:relative;
  z-index:1;
  border-radius:20px!important;
  background:rgba(255,255,255,.66)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.74),
    0 10px 26px rgba(24,39,80,.045);
}

#craft .authority-evidence figcaption{
  position:relative!important;
  z-index:2;
  min-height:68px!important;
  padding:13px 6px 1px!important;
}

#craft .craft-step{
  background:rgba(255,255,255,.64)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:
    0 6px 18px rgba(24,39,80,.07),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Native watermark becomes a restrained glass provenance chip */
#craft .authority-evidence img.proof-watermark{
  z-index:5!important;
  left:20px!important;
  bottom:82px!important;
  width:144px!important;
  padding:4px 7px!important;
  border-radius:8px!important;
  background:rgba(24,39,80,.18)!important;
  border:1px solid rgba(255,255,255,.18);
  opacity:.66!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Secondary context becomes one intentional integrated glass panel */
#craft .authority-context{
  display:grid!important;
  grid-template-columns:minmax(0,1.72fr) minmax(280px,.72fr)!important;
  grid-template-rows:1fr!important;
  gap:18px!important;
  align-items:stretch!important;
  direction:ltr;
  height:218px!important;
  padding:12px!important;
  border-radius:30px!important;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.30))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 20px 50px rgba(24,39,80,.07),
    inset 0 1px 0 rgba(255,255,255,.84)!important;
  backdrop-filter:blur(20px) saturate(1.08);
  -webkit-backdrop-filter:blur(20px) saturate(1.08);
}

#craft .authority-context::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 50%,rgba(17,27,54,.06),transparent 30%),
    radial-gradient(circle at 92% 30%,rgba(238,184,157,.15),transparent 32%);
}

#craft .authority-context > img:first-child{
  grid-column:1!important;
  grid-row:1!important;
  position:relative;
  z-index:1;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 52%!important;
  padding:0!important;
  border-radius:20px!important;
  opacity:.91!important;
  filter:saturate(.91) contrast(.99) brightness(1.03)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.52),
    0 10px 24px rgba(24,39,80,.045);
}

#craft .authority-context figcaption{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  z-index:2;
  inset:auto!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  padding:24px 26px!important;
  direction:rtl;
  text-align:right;
  border-radius:20px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.28))!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 10px 28px rgba(24,39,80,.035)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

#craft .authority-context figcaption::before{
  content:"";
  width:42px;
  height:2px;
  margin-bottom:7px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--tohid-coral),var(--tohid-iris));
}

#craft .authority-context figcaption span{
  color:var(--tohid-ink)!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.45!important;
}

#craft .authority-context figcaption small{
  color:var(--tohid-text)!important;
  font-size:9px!important;
  line-height:1.8!important;
}

#craft .authority-context img.proof-watermark{
  z-index:5!important;
  left:26px!important;
  bottom:26px!important;
  width:142px!important;
  padding:4px 7px!important;
  border-radius:8px!important;
  background:rgba(24,39,80,.18)!important;
  border:1px solid rgba(255,255,255,.18);
  opacity:.62!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Slightly increase vertical rhythm between primary proof and context */
#craft .authority-layout{
  row-gap:20px!important;
}

/* Tablet */
@media(max-width:900px){
  #craft.craft-authority{
    padding:62px 0 68px!important;
  }
  #craft .shell::before{
    inset:128px 0 104px;
    border-radius:34px;
  }
  #craft .authority-context{
    grid-template-columns:minmax(0,1.45fr) minmax(230px,.8fr)!important;
    height:205px!important;
  }
}

/* Mobile structural — stack, preserve glass hierarchy */
@media(max-width:620px){
  #craft.craft-authority{
    padding:50px 0 58px!important;
    background:
      radial-gradient(620px 340px at 0% 16%,rgba(105,117,243,.15),transparent 68%),
      radial-gradient(560px 320px at 100% 28%,rgba(255,209,191,.31),transparent 68%),
      radial-gradient(520px 300px at 86% 92%,rgba(79,143,126,.10),transparent 66%),
      linear-gradient(160deg,#fbfaff 0%,#fffdfb 52%,#fff7f2 100%)!important;
  }

  #craft.craft-authority::before{
    width:430px;
    height:430px;
    right:-270px;
    top:-230px;
  }

  #craft.craft-authority::after{
    width:380px;
    height:240px;
    left:-230px;
    bottom:-110px;
  }

  #craft .shell::before{
    display:none;
  }

  #craft .authority-copy{
    padding:0 8px 18px!important;
  }

  #craft .authority-copy-prize{
    width:100%;
    border-radius:15px!important;
  }

  #craft .authority-evidence{
    padding:9px!important;
    border-radius:23px!important;
  }

  #craft .authority-evidence > img:first-child{
    border-radius:16px!important;
  }

  #craft .authority-evidence img.proof-watermark{
    width:126px!important;
    left:16px!important;
    bottom:74px!important;
  }

  #craft .authority-context{
    grid-template-columns:1fr!important;
    grid-template-rows:162px auto!important;
    height:auto!important;
    gap:9px!important;
    padding:9px!important;
    border-radius:23px!important;
  }

  #craft .authority-context > img:first-child{
    grid-column:1!important;
    grid-row:1!important;
    border-radius:16px!important;
  }

  #craft .authority-context figcaption{
    grid-column:1!important;
    grid-row:2!important;
    padding:15px 16px!important;
    border-radius:15px!important;
  }

  #craft .authority-context img.proof-watermark{
    width:122px!important;
    left:16px!important;
    bottom:auto!important;
    top:130px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #craft .authority-evidence{
    transition:none!important;
  }
}


/* M6.7.1 — glass legibility / richer native Tohid color bleed */
#craft.craft-authority{
  background:
    radial-gradient(940px 540px at 6% 22%,rgba(105,117,243,.23),transparent 64%),
    radial-gradient(850px 500px at 94% 18%,rgba(255,209,191,.46),transparent 65%),
    radial-gradient(720px 440px at 86% 90%,rgba(79,143,126,.15),transparent 66%),
    radial-gradient(590px 420px at 0% 80%,rgba(17,27,54,.10),transparent 72%),
    linear-gradient(135deg,#f9f8ff 0%,#fffefd 47%,#fff6ef 100%)!important;
}

#craft .shell::before{
  background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.075))!important;
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:
    0 30px 94px rgba(24,39,80,.04),
    inset 0 1px 0 rgba(255,255,255,.38)!important;
}

#craft .authority-evidence{
  background:linear-gradient(145deg,rgba(255,255,255,.63),rgba(255,255,255,.24))!important;
  border-color:rgba(255,255,255,.68)!important;
}

#craft .authority-measure{
  background:linear-gradient(145deg,rgba(239,240,255,.67),rgba(255,255,255,.28))!important;
  box-shadow:
    0 24px 58px rgba(88,100,223,.105),
    inset 0 1px 0 rgba(255,255,255,.84)!important;
}

#craft .authority-side{
  background:linear-gradient(145deg,rgba(234,246,242,.69),rgba(255,255,255,.28))!important;
  box-shadow:
    0 24px 58px rgba(61,120,105,.09),
    inset 0 1px 0 rgba(255,255,255,.84)!important;
}

#craft .authority-detail{
  background:linear-gradient(145deg,rgba(255,240,232,.71),rgba(255,255,255,.29))!important;
  box-shadow:
    0 24px 58px rgba(223,132,108,.09),
    inset 0 1px 0 rgba(255,255,255,.84)!important;
}

#craft .authority-context{
  background:
    linear-gradient(135deg,rgba(255,255,255,.54),rgba(255,255,255,.20))!important;
  border-color:rgba(255,255,255,.68)!important;
}

#craft .authority-context figcaption{
  background:
    linear-gradient(145deg,rgba(239,240,255,.42),rgba(255,240,232,.30),rgba(255,255,255,.30))!important;
}


/* =========================================================
   M6.7.2 — CAPTION RECOVERY + CENTERED CONTEXT COMPOSITION
   Owner correction 2026-10-03
   ========================================================= */

/* Give the three primary evidence cards enough real caption room */
#craft .authority-layout{
  grid-template-rows:auto 386px 258px!important;
}

#craft .authority-evidence{
  height:386px!important;
  min-height:386px!important;
  padding:12px 12px 14px!important;
  overflow:visible!important;
}

#craft .authority-evidence > img:first-child{
  height:258px!important;
  flex:0 0 258px;
}

#craft .authority-evidence figcaption{
  min-height:92px!important;
  padding:14px 8px 6px!important;
  align-items:center!important;
  gap:12px!important;
  overflow:visible!important;
}

#craft .craft-caption-copy{
  display:grid!important;
  gap:4px!important;
  min-width:0;
}

#craft .craft-caption-copy b{
  font-size:13.5px!important;
  line-height:1.55!important;
}

#craft .craft-caption-copy small{
  display:block!important;
  font-size:9.5px!important;
  line-height:1.75!important;
  color:var(--tohid-text)!important;
  white-space:normal!important;
  overflow:visible!important;
}

#craft .authority-evidence img.proof-watermark{
  bottom:102px!important;
}

/* Lower context: one centered visual, with text as a floating glass note */
#craft .authority-context{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:258px!important;
  padding:14px!important;
  overflow:hidden!important;
}

#craft .authority-context > img:first-child{
  position:relative!important;
  z-index:1!important;
  width:min(76%,860px)!important;
  height:100%!important;
  margin:0 auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.48)!important;
  box-shadow:
    0 14px 34px rgba(24,39,80,.08),
    inset 0 0 0 1px rgba(255,255,255,.58)!important;
}

/* Caption is attached to the visual instead of occupying a separate empty column */
#craft .authority-context figcaption{
  position:absolute!important;
  z-index:6!important;
  right:34px!important;
  bottom:28px!important;
  top:auto!important;
  left:auto!important;
  width:min(310px,29%)!important;
  min-height:92px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:4px!important;
  padding:16px 18px!important;
  direction:rtl!important;
  text-align:right!important;
  border-radius:18px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.38))!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:
    0 14px 34px rgba(24,39,80,.10),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
  backdrop-filter:blur(18px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1)!important;
}

#craft .authority-context figcaption::before{
  width:38px!important;
  height:2px!important;
  margin:0 0 7px!important;
}

#craft .authority-context figcaption span{
  font-size:14px!important;
  line-height:1.5!important;
}

#craft .authority-context figcaption small{
  font-size:8.5px!important;
  line-height:1.75!important;
  max-width:260px;
}

/* Keep provenance on the image but away from the caption */
#craft .authority-context img.proof-watermark{
  left:calc(12% + 16px)!important;
  bottom:30px!important;
  top:auto!important;
  width:136px!important;
}

/* Tablet */
@media(max-width:900px){
  #craft .authority-layout{
    grid-template-rows:auto auto auto auto!important;
  }

  #craft .authority-evidence{
    height:360px!important;
    min-height:360px!important;
  }

  #craft .authority-evidence > img:first-child{
    height:236px!important;
    flex-basis:236px;
  }

  #craft .authority-context{
    height:236px!important;
  }

  #craft .authority-context > img:first-child{
    width:min(82%,780px)!important;
  }

  #craft .authority-context figcaption{
    right:24px!important;
    bottom:22px!important;
    width:min(300px,34%)!important;
  }

  #craft .authority-context img.proof-watermark{
    left:calc(9% + 14px)!important;
    bottom:26px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  #craft .authority-evidence{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  #craft .authority-evidence > img:first-child{
    height:220px!important;
    flex-basis:220px;
  }

  #craft .authority-evidence figcaption{
    min-height:86px!important;
    padding:12px 8px 7px!important;
  }

  #craft .authority-evidence img.proof-watermark{
    bottom:92px!important;
  }

  #craft .authority-context{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:176px auto!important;
    height:auto!important;
    gap:10px!important;
    padding:9px!important;
  }

  #craft .authority-context > img:first-child{
    grid-row:1!important;
    width:100%!important;
    height:176px!important;
    margin:0!important;
    object-position:center center!important;
    border-radius:16px!important;
  }

  #craft .authority-context figcaption{
    grid-row:2!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:0!important;
    padding:14px 16px!important;
    border-radius:15px!important;
  }

  #craft .authority-context img.proof-watermark{
    left:16px!important;
    bottom:auto!important;
    top:142px!important;
    width:118px!important;
  }
}


/* =========================================================
   M6.7.3 — SMALL FLOATING NOTE
   Owner approved 2026-10-03
   ========================================================= */

#craft .authority-context{
  height:258px!important;
  position:relative!important;
}

#craft .authority-context > img:first-child{
  width:min(84%,920px)!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0 auto!important;
  border-radius:22px!important;
}

#craft .authority-context figcaption{
  position:absolute!important;
  right:18px!important;
  bottom:16px!important;
  left:auto!important;
  top:auto!important;
  width:228px!important;
  min-height:72px!important;
  padding:12px 14px!important;
  gap:3px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.24))!important;
  border:1px solid rgba(255,255,255,.66)!important;
  box-shadow:
    0 10px 24px rgba(24,39,80,.08),
    inset 0 1px 0 rgba(255,255,255,.80)!important;
  backdrop-filter:blur(14px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.05)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:right!important;
  direction:rtl!important;
}

#craft .authority-context figcaption::before{
  width:28px!important;
  height:2px!important;
  margin:0 0 5px!important;
}

#craft .authority-context figcaption span{
  font-size:12.5px!important;
  line-height:1.45!important;
  font-weight:900!important;
}

#craft .authority-context figcaption small{
  font-size:8px!important;
  line-height:1.65!important;
  opacity:.82!important;
  max-width:190px!important;
}

#craft .authority-context img.proof-watermark{
  left:18px!important;
  bottom:18px!important;
  top:auto!important;
  width:118px!important;
}

@media(max-width:620px){
  #craft .authority-context{
    grid-template-columns:1fr!important;
    grid-template-rows:176px auto!important;
    height:auto!important;
  }

  #craft .authority-context > img:first-child{
    width:100%!important;
    height:176px!important;
    margin:0!important;
  }

  #craft .authority-context figcaption{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:0!important;
    padding:12px 14px!important;
    border-radius:15px!important;
  }

  #craft .authority-context img.proof-watermark{
    left:16px!important;
    top:142px!important;
    bottom:auto!important;
    width:116px!important;
  }
}