@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap");
:root{
  --bg:#fbf8f1;
  --surface:#fffefa;
  --surface-2:#f7f7ee;
  --surface-3:#eef3e8;
  --ink:#1e1e1e;
  --muted:#626661;
  --brand:#0f5e51;
  --brand-deep:#084e43;
  --brand-2:#2f7e6e;
  --brand-soft:#e7efe6;
  --gold:#b17c20;
  --gold-soft:#fcf2df;
  --line:#e6dfcf;
  --line-strong:#d7cdb8;
  --danger:#b0463d;
  --danger-soft:#fff0ed;
  --warning:#8b631f;
  --warning-soft:#fff5de;
  --shadow:0 10px 30px rgba(48,44,35,.055),0 2px 8px rgba(48,44,35,.035);
  --shadow-hover:0 16px 40px rgba(35,60,51,.10),0 3px 10px rgba(48,44,35,.05);
  --radius:22px;
  --header-h:96px;
}
html{background:var(--bg);scroll-padding-top:calc(var(--header-h) + 18px)}
body,
body[data-design-preview="true"]{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 15% 18%,rgba(177,124,32,.035),transparent 25rem),
    radial-gradient(circle at 88% 38%,rgba(15,94,81,.025),transparent 30rem),
    var(--bg)!important;
  color:var(--ink);
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
  font-weight:400;
  line-height:1.9;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body::selection{background:#dcebe5;color:var(--brand-deep)}
a,button,input,textarea,select{font-family:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
:focus-visible{outline:3px solid rgba(177,124,32,.36)!important;outline-offset:3px}

/* Header */
.site-header,
body[data-design-preview="true"] .site-header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(255,253,248,.94)!important;
  border-bottom:1px solid rgba(224,217,203,.82)!important;
  box-shadow:0 4px 18px rgba(48,44,35,.025);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.header-inner,
body[data-design-preview="true"] .header-inner{
  width:min(1440px,calc(100% - 44px));
  min-height:var(--header-h)!important;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);
  align-items:center;
  gap:18px;
  direction:ltr;
}
.header-leading{grid-column:3;justify-self:end;display:flex;align-items:center;gap:14px;direction:rtl}
.header-actions{grid-column:1;justify-self:start;display:flex;align-items:center;direction:ltr}
.header-title,
body[data-design-preview="true"] .header-title{
  grid-column:2;
  justify-self:center;
  display:grid!important;
  gap:1px!important;
  text-align:center!important;
  direction:rtl;
  color:var(--brand)!important;
  text-decoration:none;
  white-space:nowrap;
  line-height:1.35!important;
  letter-spacing:0!important;
}
.header-title span,
body[data-design-preview="true"] .header-title span{font-size:clamp(23px,2.2vw,32px)!important;font-weight:800!important;color:var(--brand)!important}
.header-title small,
body[data-design-preview="true"] .header-title small{font-size:11px!important;font-weight:400!important;color:#555b58!important}
.site-logo{
  width:62px;height:62px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72);
  color:var(--brand);text-decoration:none;box-shadow:0 3px 13px rgba(48,44,35,.025)
}
.site-logo svg{width:32px;height:32px;stroke-width:1.8}
.menu-button,
body[data-design-preview="true"] .menu-button{
  width:62px;height:62px;min-width:62px;min-height:62px;padding:0!important;
  display:grid;place-items:center;border:1px solid var(--line)!important;border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;color:var(--brand)!important;box-shadow:none!important;cursor:pointer
}
.menu-button>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.menu-lines{width:29px;display:grid;gap:7px}
.menu-lines i{height:2.4px;border-radius:999px;background:currentColor}
.home-label{min-height:auto;padding:0!important;border:0!important;background:transparent!important;color:#334943!important;font-size:11px!important;font-weight:500!important;box-shadow:none!important}
.site-logo:hover,.menu-button:hover{border-color:#bfcfca!important;background:#fff!important;transform:translateY(-1px)}

/* Drawer rebuilt to match reference */
.drawer-overlay{background:rgba(33,35,31,.48)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.side-drawer,
body[data-design-preview="true"] .side-drawer{
  width:min(430px,92vw)!important;height:100dvh;padding:26px 24px!important;
  background:#fffefa!important;border-left:1px solid var(--line)!important;
  box-shadow:-28px 0 80px rgba(30,34,30,.16)!important;overflow-y:auto
}
.drawer-head{padding:0 0 22px!important;border:0!important;display:flex!important;justify-content:flex-start!important}
.drawer-head>div{display:none!important}
.drawer-close{
  width:54px;height:54px;border:1px solid var(--line)!important;border-radius:15px!important;
  display:grid;place-items:center;background:#fffefa!important;color:var(--brand)!important;font-size:0!important;cursor:pointer
}
.drawer-close::before,.drawer-close::after{content:"";position:absolute;width:22px;height:2.2px;border-radius:999px;background:currentColor}
.drawer-close::before{transform:rotate(45deg)}.drawer-close::after{transform:rotate(-45deg)}
.drawer-search{margin:0 0 24px!important;padding:0!important;border:0!important;background:transparent!important}
.drawer-search label{display:none!important}
.drawer-search>div{position:relative;display:block!important}
.drawer-search input{
  width:100%;min-height:62px;padding:13px 56px 13px 18px!important;border:1px solid var(--line-strong)!important;
  border-radius:16px!important;background:#fffefa!important;color:var(--ink);outline:none;font-size:14px
}
.drawer-search button{
  position:absolute;right:7px;top:7px;width:48px;height:48px;padding:0!important;border:0!important;border-radius:13px!important;
  display:grid;place-items:center;background:transparent!important;color:var(--brand)!important;font-size:0!important
}
.drawer-search button svg{width:27px;height:27px}
.drawer-primary{display:block!important;margin:0!important;border:1px solid var(--line-strong);border-radius:18px;overflow:hidden;background:#fffefa}
.drawer-primary>a,
.drawer-primary>div>a{
  display:grid!important;grid-template-columns:54px 1fr!important;align-items:center!important;gap:17px!important;
  min-height:86px!important;padding:13px 20px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;
  border-radius:0!important;background:transparent!important;text-decoration:none!important;transform:none!important;box-shadow:none!important
}
.drawer-primary>a:last-child,.drawer-primary>div:last-child>a:last-child{border-bottom:0!important}
.drawer-primary b{font-size:17px!important;font-weight:600!important;color:var(--brand)!important}
.drawer-primary small{display:none!important}
.drawer-link-icon{
  width:45px!important;height:45px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:var(--brand)!important;font-size:0!important
}
.drawer-link-icon svg{width:32px;height:32px;stroke-width:1.75}
.drawer-primary a:hover{background:#f8f8f1!important}
.drawer-accordions,.drawer-progress,.drawer-note,.phase3-drawer-links,.phase4-drawer-links{display:none!important}

/* Shared card language */
.content-panel,.side-card,.learning-route-card,.learning-topic-card,.deck-card,.product-card,.relation-canvas-card,.relation-detail-card,.relation-list-section,
.semantic-result,.semantic-analysis,.catalog-toolbar,.course-card,.topic-card,.result-card,.progress-summary-card,.learning-unit,.quiz-intro,.quiz-result,.quiz-question,.flash-card{
  border-color:var(--line)!important;background:rgba(255,254,250,.92)!important;box-shadow:var(--shadow)!important
}
.content-panel,.side-card{border-radius:20px!important}
.content-panel:hover,.side-card:hover,.learning-route-card:hover,.learning-topic-card:hover,.deck-card:hover,.semantic-result:hover{box-shadow:var(--shadow-hover)!important;border-color:#d5ccb9!important}
h1,h2,h3,strong,b{font-synthesis:none}
p,li,dd,small,span{overflow-wrap:anywhere}

/* Home */
body[data-page="home"] .home-shell,
body[data-design-preview="true"][data-page="home"] .home-shell{width:min(1100px,calc(100% - 44px));margin:0 auto!important}
body[data-page="home"] .product-home,
body[data-page="home"] .phase3-dashboard,
body[data-page="home"] .phase3-package2-home,
body[data-page="home"] .phase3-package3-home,
body[data-page="home"] .phase3-package4-home,
body[data-page="home"] .stats-grid,
body[data-page="home"] #courses,
body[data-page="home"] #topics,
body[data-page="home"] #catalog,
body[data-page="home"] .about-section{display:none!important}
body[data-page="home"] .hero,
body[data-design-preview="true"][data-page="home"] .hero{
  display:block!important;margin:0!important;padding:115px 0 68px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:var(--ink)!important;text-align:center
}
body[data-page="home"] .hero::after{display:none!important}
body[data-page="home"] .hero-content{max-width:100%!important;display:grid;justify-items:center}
body[data-page="home"] .hero h1,
body[data-design-preview="true"][data-page="home"] .hero h1{
  margin:0 0 62px!important;max-width:none!important;color:var(--brand)!important;
  font-size:clamp(40px,6vw,72px)!important;font-weight:800!important;line-height:1.35!important;letter-spacing:-1.2px!important
}
body[data-page="home"] .hero p{display:none!important}
body[data-page="home"] .hero-search,
body[data-design-preview="true"][data-page="home"] .hero-search{
  width:min(900px,100%);max-width:none!important;min-height:130px;margin:0!important;padding:16px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 115px!important;gap:0!important;direction:rtl;
  border:1px solid var(--line-strong)!important;border-radius:28px!important;background:rgba(255,255,255,.7)!important;
  box-shadow:0 8px 24px rgba(48,44,35,.055)!important
}
body[data-page="home"] .hero-search input{
  grid-column:1;grid-row:1;min-width:0!important;min-height:96px!important;padding:18px 34px!important;border:0!important;border-radius:0 21px 21px 0!important;
  background:transparent!important;color:#2c302e!important;font-size:24px!important;text-align:right!important;outline:0!important
}
body[data-page="home"] .hero-search input::placeholder{color:#797b78;opacity:1}
body[data-page="home"] .hero-search button{
  grid-column:2;grid-row:1;min-width:0!important;width:100%!important;min-height:96px!important;padding:0!important;
  border:0!important;border-radius:21px!important;background:linear-gradient(145deg,#075548,#0b6657)!important;color:#f0d596!important;
  font-size:0!important;display:grid;place-items:center;cursor:pointer
}
body[data-page="home"] .hero-search button::before{
  content:"";width:43px;height:43px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23f0d596' stroke-width='1.7' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.8'/%3E%3Cpath d='m16.1 16.1 4.2 4.2'/%3E%3C/svg%3E")
}
body[data-page="home"] .audience-section,
body[data-design-preview="true"][data-page="home"] .audience-section{margin:0 0 76px!important}
body[data-page="home"] .audience-head{display:none!important}
body[data-page="home"] .audience-grid,
body[data-design-preview="true"][data-page="home"] .audience-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
body[data-page="home"] .audience-card,
body[data-design-preview="true"][data-page="home"] .audience-card{
  min-height:300px!important;padding:42px 28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:24px!important;border:1px solid var(--line-strong)!important;border-radius:30px!important;background:rgba(255,255,255,.70)!important;
  text-align:center!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(48,44,35,.045)!important;transition:.2s ease
}
body[data-page="home"] .audience-card:hover{transform:translateY(-5px)!important;border-color:#c8bea8!important;box-shadow:var(--shadow-hover)!important}
body[data-page="home"] .audience-icon,
body[data-design-preview="true"][data-page="home"] .audience-icon{
  width:92px!important;height:92px!important;display:grid!important;place-items:center!important;border-radius:23px!important;background:#eef2e8!important;color:var(--brand)!important;font-size:0!important
}
body[data-page="home"] .audience-icon svg{width:51px;height:51px;stroke-width:1.65}
body[data-page="home"] .audience-card.expert .audience-icon{background:var(--gold-soft)!important;color:var(--gold)!important}
body[data-page="home"] .audience-card b{font-size:25px!important;font-weight:700!important;color:var(--brand)!important}
body[data-page="home"] .audience-card p{display:block!important;margin:12px 0 0!important;color:#626562!important;font-size:17px!important;line-height:1.8!important}
body[data-page="home"] .audience-card small{display:none!important}

/* Search */
.semantic-shell,
body[data-design-preview="true"][data-page="semantic"] .semantic-shell{width:min(1080px,calc(100% - 44px))!important;margin:72px auto 90px!important}
.semantic-hero,
body[data-design-preview="true"][data-page="semantic"] .semantic-hero{
  overflow:visible!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;text-align:center
}
.semantic-hero::after{display:none!important}
.semantic-hero h1,
body[data-design-preview="true"][data-page="semantic"] .semantic-hero h1{margin:0 0 52px!important;color:var(--brand)!important;font-size:clamp(36px,5vw,62px)!important;font-weight:800!important;line-height:1.45!important}
.semantic-form,
body[data-design-preview="true"][data-page="semantic"] .semantic-form{
  width:100%;min-height:118px;margin:0!important;padding:13px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 105px!important;gap:0!important;
  border:1px solid var(--line-strong)!important;border-radius:26px!important;background:rgba(255,255,255,.74)!important;box-shadow:0 7px 22px rgba(48,44,35,.05)!important
}
.semantic-form input{
  grid-column:1;grid-row:1;min-height:90px!important;padding:17px 30px!important;border:0!important;border-radius:0 19px 19px 0!important;background:transparent!important;
  color:#252a27!important;font-size:23px!important;text-align:right;outline:0
}
.semantic-form input::placeholder{color:#828481}
.semantic-form select{display:none!important}
.semantic-form button{
  grid-column:2;grid-row:1;min-height:90px!important;padding:0!important;border:0!important;border-radius:19px!important;
  display:grid!important;place-items:center;background:linear-gradient(145deg,#075548,#0b6657)!important;color:#fff!important;font-size:0!important;cursor:pointer
}
.semantic-form button::before{content:"";width:42px;height:42px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23ffffff' stroke-width='1.7' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.8'/%3E%3Cpath d='m16.1 16.1 4.2 4.2'/%3E%3C/svg%3E")}
.semantic-filter-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 28px}
.semantic-filter-tabs button{min-height:66px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:18px;background:rgba(255,255,255,.66);color:var(--brand);font-size:16px;font-weight:600;cursor:pointer}
.semantic-filter-tabs button.active{border-color:var(--brand);background:linear-gradient(145deg,#075548,#0b6657);color:#fff}
.semantic-analysis{margin:0 0 12px!important;padding:13px 18px!important;border-radius:16px!important;box-shadow:none!important}
.semantic-analysis[data-empty="true"],.semantic-analysis:has(p:empty){display:none}
.semantic-analysis p{font-size:13px!important;color:var(--muted)!important}
.semantic-count{margin:14px 0 17px!important;color:#666963!important;font-size:18px!important;font-weight:500!important;text-align:right}
.semantic-results{gap:20px!important}
.semantic-result,
body[data-design-preview="true"][data-page="semantic"] .semantic-result{
  position:relative;display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:25px!important;min-height:250px;padding:36px 38px 32px!important;
  border:1px solid var(--line)!important;border-radius:27px!important;background:rgba(255,255,255,.72)!important;color:inherit;text-decoration:none
}
.semantic-number{min-height:110px!important;height:110px;border-radius:21px!important;background:linear-gradient(145deg,#e5ede4,#f0f3eb)!important;color:var(--brand)!important;font-size:30px!important;font-weight:700!important}
.semantic-result h2{margin:3px 0 9px!important;color:var(--brand)!important;font-size:25px!important;font-weight:700!important;line-height:1.7!important}
.semantic-result p{margin:0 0 9px!important;color:#272b29!important;font-size:17px!important;line-height:2!important}
.semantic-result small{color:#777a76!important;font-size:13px!important}
.semantic-reasons{display:none!important}
.semantic-result::after{content:"مشاهده ماده  ←";position:absolute;left:34px;bottom:23px;color:var(--gold);font-size:15px;font-weight:700}
.semantic-empty{border-color:var(--line-strong)!important;background:rgba(255,255,255,.65)!important}

/* Article */
.article-shell,
body[data-design-preview="true"][data-page="article"] .article-shell{width:min(1420px,calc(100% - 44px))!important;margin:28px auto 80px!important}
.breadcrumb{margin:0 0 16px!important;padding:0 8px!important;color:#4e5652!important;font-size:12px!important}
.breadcrumb span{color:#9a9c98!important}
.article-hero,
body[data-design-preview="true"][data-page="article"] .article-hero{
  position:relative;min-height:215px;padding:36px 42px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;align-items:center!important;gap:30px!important;
  border:1px solid var(--line)!important;border-radius:28px!important;background:rgba(255,255,255,.72)!important;box-shadow:var(--shadow)!important
}
.article-hero>div:first-child{min-width:0;text-align:center;grid-column:1;grid-row:1}
.article-hero .eyebrow{display:block!important;margin:0 0 8px!important;padding:0!important;background:transparent!important;color:var(--gold)!important;font-size:13px!important;font-weight:700!important}
.article-hero h1,
body[data-design-preview="true"][data-page="article"] .article-hero h1{margin:0!important;color:var(--brand)!important;font-size:clamp(32px,3.8vw,52px)!important;font-weight:800!important;line-height:1.55!important;letter-spacing:-.5px!important}
.article-subject{margin:8px 0 0!important;color:#5e6460!important;font-size:14px!important}
.article-meta-stack{grid-column:2;grid-row:1;display:grid!important;place-items:center!important;align-self:center!important}
.review-badge,.published-content-badge{display:none!important}
.number-seal,
body[data-design-preview="true"][data-page="article"] .number-seal{
  min-width:100px!important;width:100px!important;height:100px!important;border:0!important;border-radius:25px!important;
  display:grid!important;place-items:center!important;background:linear-gradient(145deg,#075548,#0b6657)!important;color:#fff!important;
  box-shadow:0 10px 22px rgba(7,85,72,.16)!important;font-size:26px!important;font-weight:700!important
}
.article-top-navigation,
body[data-design-preview="true"][data-page="article"] .article-top-navigation{grid-template-columns:1fr minmax(220px,.72fr) 1fr!important;gap:16px!important;margin:18px 0!important}
.article-step-link,.article-position{
  min-height:62px!important;border:1px solid var(--line-strong)!important;border-radius:17px!important;background:rgba(255,255,255,.66)!important;box-shadow:none!important
}
.article-step-link{padding:9px 17px!important}
.article-step-link small{font-size:11px!important;color:#555d59!important}.article-step-link strong{font-size:15px!important;color:var(--brand)!important}
.article-position{background:#f5f6ed!important}.article-position span{font-size:12px!important}.article-position a{font-size:11px!important}
.study-mode-switcher{margin:0 0 18px!important;padding:0!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:16px!important;align-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
.study-mode-intro strong{font-size:15px!important;color:#34413c!important}.study-mode-controls{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.study-mode-button{min-height:65px!important;padding:11px 16px!important;border:1px solid var(--line-strong)!important;border-radius:17px!important;background:rgba(255,255,255,.67)!important;color:var(--brand)!important;cursor:pointer}
.study-mode-button.active{border-color:var(--brand)!important;box-shadow:inset 0 0 0 1px var(--brand)!important;background:#fffdf8!important}
.study-mode-button-title{font-size:15px!important;font-weight:600!important}.study-mode-button small{display:none!important}.study-mode-state{display:none!important}
.article-layout,
body[data-design-preview="true"][data-page="article"] .article-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 335px!important;gap:20px!important;align-items:start!important}
.article-main{min-width:0!important;display:block!important}.study-mode-content{display:grid;gap:18px}
.content-panel,
body[data-design-preview="true"][data-page="article"] .content-panel{padding:27px 30px!important;border:1px solid var(--line)!important;border-radius:22px!important;background:rgba(255,255,255,.74)!important;box-shadow:var(--shadow)!important}
.panel-heading{margin:0 0 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.panel-heading>div{display:flex!important;align-items:center!important;gap:14px!important}
.panel-heading h2{margin:0!important;color:var(--brand)!important;font-size:20px!important;font-weight:700!important}
.panel-icon{
  width:48px!important;height:48px!important;flex:0 0 48px!important;display:grid!important;place-items:center!important;border-radius:14px!important;
  background:#edf2e9!important;color:var(--brand)!important;font-size:0!important
}
.panel-icon svg{width:28px;height:28px;stroke-width:1.65}
.example-panel .panel-icon{background:#eef2f7!important;color:#225da0!important}.exam-panel .panel-icon{background:#eef5ef!important;color:var(--brand)!important}
.mode-fiqh-panel .panel-icon,.mode-validity-panel .panel-icon{background:var(--gold-soft)!important;color:var(--gold)!important}
.official-panel{border:1px solid var(--line)!important}
.text-toggle{min-height:42px!important;padding:8px 13px!important;border:1px solid var(--line-strong)!important;border-radius:13px!important;background:#fffdf8!important;color:#535b57!important;font-size:11px!important;cursor:pointer}
.legal-text,
body[data-design-preview="true"][data-page="article"] .legal-text{
  margin:0!important;padding:28px 30px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:#fffefb!important;
  color:#203b34!important;font-size:21px!important;font-weight:400!important;line-height:2.25!important;text-align:right!important
}
.official-text-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:13px!important}
.official-action-button{min-height:52px!important;padding:9px 12px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fffdf8!important;color:#324b44!important;font-size:13px!important;font-weight:500!important;cursor:pointer}
.study-mode-paragraph,.content-panel>p{margin:0!important;color:#2f3935!important;font-size:16px!important;line-height:2.15!important}
.boundary-note,.example-relation{display:block!important;margin-top:14px!important;padding:12px 15px!important;border-radius:13px!important;background:#f5f5ed!important;color:#656a66!important;font-size:12px!important;line-height:1.95!important}
.study-term-list{display:grid!important;gap:10px!important;margin:0!important}.study-term-row{padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#fffefb!important}.study-term-row dt{color:var(--brand)!important;font-weight:700!important}.study-term-row dd{margin:2px 0 0!important;color:#3d4541!important}
.study-related-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.study-related-card{padding:16px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:#fffefb!important;text-decoration:none!important}.study-related-card small{color:var(--gold)!important}.study-related-card strong{display:block;margin:4px 0;color:var(--brand)!important}.study-related-card span{color:#686d69!important;font-size:11px!important;line-height:1.8!important}
.study-fact-grid{display:grid!important;gap:0!important;margin:0!important}.study-fact-grid>div{display:grid!important;grid-template-columns:150px 1fr!important;gap:12px!important;padding:12px 0!important;border-bottom:1px solid var(--line)!important}.study-fact-grid>div:last-child{border-bottom:0!important}.study-fact-grid dt{color:#626a66!important}.study-fact-grid dd{margin:0!important;color:#2d3f38!important}
.article-sidebar{position:sticky!important;top:calc(var(--header-h) + 18px)!important;display:grid!important;gap:16px!important}.side-card{padding:24px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.74)!important}.side-card h2{margin:0 0 16px!important;color:var(--brand)!important;font-size:19px!important}.side-card dl>div{display:grid!important;grid-template-columns:92px 1fr!important;gap:10px!important;padding:11px 0!important;border-bottom:1px solid var(--line)!important}.side-card dt{color:#6a6e6a!important;font-size:12px!important}.side-card dd{margin:0!important;color:#2d4039!important;font-size:13px!important}.side-card dd a{font-weight:600!important}
body[data-study-mode="simple"] .article-sidebar .study-sidebar-tags,
body[data-study-mode="simple"] .article-sidebar .source-card,
body[data-study-mode="simple"] .article-sidebar .governance-card,
body[data-study-mode="simple"] .article-sidebar .quick-actions,
body[data-study-mode="academic"] .article-sidebar .source-card,
body[data-study-mode="academic"] .article-sidebar .governance-card{display:none!important}
.product-note-panel{display:none!important}
.article-neighbors[data-legacy-navigation="true"],.article-neighbors[hidden]{display:none!important}

/* Learning, topics, study, practice and operational pages */
.learning-shell,.practice-shell,.relation-shell,.path-shell,.product-page{width:min(1180px,calc(100% - 44px))!important;margin:38px auto 80px!important}
.learning-hero,.practice-hero,.path-hero,.relation-hero,.product-page-hero{
  padding:38px 42px!important;border:1px solid var(--line)!important;border-radius:27px!important;background:rgba(255,255,255,.72)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important
}
.learning-hero .eyebrow,.practice-hero .eyebrow,.path-hero .eyebrow,.relation-hero .eyebrow{background:var(--gold-soft)!important;color:var(--gold)!important}
.learning-hero h1,.practice-hero h1,.path-hero h1,.relation-hero h1,.product-page-hero h1{color:var(--brand)!important;font-size:clamp(30px,4.2vw,48px)!important}
.learning-hero p,.practice-hero p,.path-hero p,.relation-hero p,.product-page-hero p{color:var(--muted)!important}
.learning-progress-card,.next-card{background:#f4f5ed!important;color:var(--ink)!important}.learning-actions a,.learning-actions button,.practice-nav a,.practice-nav button{border-color:var(--line-strong)!important;background:#fffefb!important;color:var(--brand)!important}
.learning-card-grid,.deck-grid{gap:18px!important}.learning-route-card,.learning-topic-card,.deck-card{padding:23px!important;border-radius:21px!important}.learning-route-card h2,.learning-topic-card h2,.deck-card h3{font-size:18px!important}.learning-route-card p,.learning-topic-card p,.deck-card>p{font-size:12px!important;line-height:1.9!important}.learning-progress-bar{background:#e7e8df!important}.learning-progress-bar>i{background:var(--brand)!important}
.practice-stat{border-color:var(--line)!important;background:#fffefb!important}.deck-numbers span{background:#f3f4ec!important}.quiz-start,.quiz-feedback button{background:var(--brand)!important}.quiz-options button{background:#fffefb!important}.flash-back{background:#f8f8f1!important}
.topic-toolbar input,.relation-controls input,.relation-controls select,.product-toolbar input,.product-toolbar select{border-color:var(--line-strong)!important;background:#fffefb!important}
.relation-hero,.relation-canvas-card,.relation-detail-card,.relation-list-section{color:var(--ink)!important}.relation-controls button,.relation-detail-actions a{background:var(--brand)!important;border-color:var(--brand)!important}.relation-detail-card .number-bubble{background:var(--brand)!important}.relation-svg{background:#fffefb!important}

/* Footer */
.site-footer,
body[data-design-preview="true"] .site-footer{
  position:relative;overflow:hidden;min-height:210px;margin:0!important;padding:48px 22px!important;border:0!important;
  display:grid;place-items:center;background:linear-gradient(145deg,#075548,#0a6254)!important;color:#f1d798!important;text-align:center!important
}
.site-footer::before{content:"";position:absolute;inset:0 55% 0 0;opacity:.17;background-image:repeating-radial-gradient(circle at 0 100%,transparent 0 17px,rgba(240,215,152,.24) 18px 18.7px);transform:scale(1.35)}
.footer-brand{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;color:#f0d596}
.footer-brand svg{width:43px;height:43px;stroke-width:1.7}.footer-brand strong{font-size:18px;font-weight:500}
.site-footer>p,.site-footer>.footer-operational-links{display:none!important}

/* Prevent low text or clipped controls everywhere */
button,input,select,textarea,.tag,.review-badge,.study-mode-button,.article-step-link,.article-position{line-height:1.6!important}
input,select,button{vertical-align:middle}
textarea{line-height:2!important}

@media(max-width:980px){
  :root{--header-h:82px}
  .header-inner{width:min(100% - 28px,1440px);grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr)}
  .site-logo,.menu-button{width:54px;height:54px;min-width:54px;min-height:54px;border-radius:15px}.site-logo svg{width:29px;height:29px}
  .home-label{display:none!important}
  body[data-page="home"] .hero{padding-top:88px!important}
  body[data-page="home"] .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.audience-card.expert{grid-column:1/-1}
  .article-layout{grid-template-columns:1fr!important}.article-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.article-sidebar .study-sidebar-place{grid-column:1/-1}
  .learning-card-grid,.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:700px){
  :root{--header-h:72px}
  .header-inner{width:calc(100% - 24px);min-height:72px!important;grid-template-columns:58px minmax(0,1fr) 58px;gap:6px}
  .header-title span{font-size:21px!important}.header-title small{display:none!important}
  .site-logo,.menu-button{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:13px}.site-logo svg{width:26px;height:26px}.menu-lines{width:25px;gap:6px}
  .side-drawer{width:min(405px,91vw)!important;padding:20px 18px!important}.drawer-primary>a{min-height:74px!important;padding:10px 16px!important}.drawer-primary b{font-size:15px!important}
  body[data-page="home"] .home-shell{width:calc(100% - 28px)!important}
  body[data-page="home"] .hero{padding:80px 0 54px!important}
  body[data-page="home"] .hero h1{margin-bottom:44px!important;font-size:clamp(36px,10vw,55px)!important;line-height:1.45!important}
  body[data-page="home"] .hero-search{min-height:94px!important;padding:9px!important;grid-template-columns:minmax(0,1fr) 72px!important;border-radius:22px!important}
  body[data-page="home"] .hero-search input{min-height:74px!important;padding:13px 20px!important;font-size:17px!important}
  body[data-page="home"] .hero-search button{min-height:74px!important;border-radius:17px!important}body[data-page="home"] .hero-search button::before{width:34px;height:34px}
  body[data-page="home"] .audience-grid{gap:14px!important}
  body[data-page="home"] .audience-card{min-height:225px!important;padding:28px 15px!important;border-radius:23px!important;gap:17px!important}.audience-icon{width:70px!important;height:70px!important;border-radius:19px!important}.audience-icon svg{width:40px!important;height:40px!important}.audience-card b{font-size:19px!important}.audience-card p{font-size:13px!important}
  .site-footer{min-height:180px!important;padding:40px 18px!important}

  .semantic-shell{width:calc(100% - 28px)!important;margin:52px auto 65px!important}.semantic-hero h1{margin-bottom:36px!important;font-size:clamp(34px,9vw,48px)!important}
  .semantic-form{min-height:91px!important;padding:8px!important;grid-template-columns:minmax(0,1fr) 72px!important;border-radius:21px!important}.semantic-form input{min-height:73px!important;padding:12px 18px!important;font-size:17px!important}.semantic-form button{min-height:73px!important;border-radius:16px!important}.semantic-form button::before{width:33px;height:33px}
  .semantic-filter-tabs{grid-template-columns:repeat(2,1fr);gap:9px;margin:24px 0}.semantic-filter-tabs button{min-height:52px;border-radius:15px;font-size:13px}
  .semantic-result{grid-template-columns:76px minmax(0,1fr)!important;gap:14px!important;min-height:210px;padding:23px 18px 47px!important;border-radius:22px!important}.semantic-number{height:76px!important;min-height:76px!important;border-radius:16px!important;font-size:21px!important}.semantic-result h2{font-size:18px!important}.semantic-result p{font-size:14px!important;line-height:1.95!important}.semantic-result small{font-size:11px!important}.semantic-result::after{left:19px;bottom:15px;font-size:12px}

  .article-shell{width:calc(100% - 24px)!important;margin:18px auto 60px!important}.breadcrumb{white-space:nowrap;overflow-x:auto;padding-bottom:4px!important}
  .article-hero{min-height:auto!important;padding:26px 23px!important;grid-template-columns:minmax(0,1fr) 74px!important;gap:15px!important;border-radius:22px!important}.article-hero h1{font-size:clamp(25px,7vw,34px)!important}.article-hero .eyebrow{font-size:11px!important}.article-subject{font-size:12px!important}.number-seal{min-width:68px!important;width:68px!important;height:68px!important;border-radius:18px!important;font-size:19px!important}
  .article-top-navigation{grid-template-columns:1fr 1fr!important;gap:8px!important}.article-position{grid-column:1/-1!important;grid-row:1!important;min-height:52px!important}.article-step-link{min-height:58px!important;padding:8px 12px!important}.article-step-link small{font-size:9px!important}.article-step-link strong{font-size:12px!important}
  .study-mode-switcher{grid-template-columns:1fr!important;gap:10px!important}.study-mode-intro{display:none!important}.study-mode-controls{gap:8px!important}.study-mode-button{min-height:54px!important;padding:8px 6px!important;border-radius:14px!important}.study-mode-button-title{font-size:12px!important}
  .content-panel{padding:19px 17px!important;border-radius:19px!important}.panel-heading{margin-bottom:15px!important}.panel-heading h2{font-size:17px!important}.panel-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:12px!important}.panel-icon svg{width:24px;height:24px}
  .official-panel .panel-heading{align-items:flex-start!important}.text-toggle{max-width:52%;min-height:40px!important;font-size:9px!important}
  .legal-text{padding:20px 17px!important;font-size:17px!important;line-height:2.3!important;border-radius:14px!important}.official-text-actions{gap:7px!important}.official-action-button{min-height:47px!important;padding:7px 4px!important;font-size:10px!important;border-radius:12px!important}
  .study-mode-paragraph,.content-panel>p{font-size:14px!important;line-height:2.1!important}.study-related-grid{grid-template-columns:1fr!important}
  .article-sidebar{grid-template-columns:1fr!important}.article-sidebar .side-card{grid-column:auto!important}.side-card{padding:19px!important}.side-card h2{font-size:17px!important}
  .learning-shell,.practice-shell,.relation-shell,.path-shell,.product-page{width:calc(100% - 24px)!important;margin:22px auto 60px!important}.learning-hero,.practice-hero,.path-hero,.relation-hero,.product-page-hero{padding:25px 20px!important;border-radius:22px!important}.learning-card-grid,.deck-grid{grid-template-columns:1fr!important}
}

@media(max-width:430px){
  .header-title span{font-size:18px!important}
  body[data-page="home"] .home-shell{width:calc(100% - 20px)!important}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.audience-card{min-height:200px!important}.audience-card b{font-size:16px!important}.audience-card p{font-size:11px!important}.audience-card.expert{min-height:190px!important}
  .semantic-filter-tabs{grid-template-columns:repeat(4,1fr);gap:6px}.semantic-filter-tabs button{min-height:48px;padding:6px 3px;font-size:10px}
  .semantic-result{grid-template-columns:62px minmax(0,1fr)!important;gap:10px!important;padding:19px 14px 44px!important}.semantic-number{height:62px!important;min-height:62px!important;font-size:18px!important}.semantic-result h2{font-size:16px!important}.semantic-result p{font-size:12px!important}
  .article-hero{grid-template-columns:minmax(0,1fr) 62px!important;padding:22px 17px!important}.number-seal{min-width:58px!important;width:58px!important;height:58px!important;border-radius:16px!important;font-size:16px!important}.article-hero h1{font-size:23px!important}
  .study-mode-button-title{font-size:10px!important}.panel-heading h2{font-size:15px!important}.legal-text{font-size:16px!important;padding:18px 14px!important}
}

@media print{
  .site-header,.site-footer,.side-drawer,.drawer-overlay,.study-mode-switcher,.article-top-navigation,.official-text-actions{display:none!important}
  body{background:#fff!important}.article-shell{width:100%!important}.content-panel,.side-card,.article-hero{box-shadow:none!important;background:#fff!important}
}

html[data-stage17="true"] body[data-page="home"] .audience-card>span:last-child{width:100%;min-width:0;overflow-wrap:normal;word-break:normal}
html[data-stage17="true"] body[data-page="home"] .audience-card b,
html[data-stage17="true"] body[data-page="home"] .audience-card p{overflow-wrap:normal;word-break:normal}
@media(max-width:980px){
  html[data-stage17="true"] .header-inner{width:min(100% - 28px,1440px);grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr)}
  html[data-stage17="true"] .site-logo,html[data-stage17="true"] .menu-button{width:54px;height:54px;min-width:54px;min-height:54px;border-radius:15px}
  html[data-stage17="true"] body[data-page="home"] .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-stage17="true"] body[data-page="home"] .audience-card.expert{grid-column:1/-1}
  html[data-stage17="true"] body[data-page="article"] .article-layout{grid-template-columns:1fr!important}
  html[data-stage17="true"] body[data-page="article"] .article-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  html[data-stage17="true"] .header-inner{width:calc(100% - 24px)!important;min-height:72px!important;grid-template-columns:58px minmax(0,1fr) 58px!important;gap:6px!important}
  html[data-stage17="true"] .header-title span{font-size:21px!important}
  html[data-stage17="true"] .header-title small{display:none!important}
  html[data-stage17="true"] .site-logo,html[data-stage17="true"] .menu-button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:13px!important}
  html[data-stage17="true"] body[data-page="home"] .hero{padding:80px 0 54px!important}
  html[data-stage17="true"] body[data-page="home"] .hero h1{margin-bottom:44px!important;font-size:clamp(36px,10vw,55px)!important}
  html[data-stage17="true"] body[data-page="home"] .hero-search{min-height:94px!important;padding:9px!important;grid-template-columns:minmax(0,1fr) 72px!important;border-radius:22px!important}
  html[data-stage17="true"] body[data-page="home"] .hero-search input{min-height:74px!important;padding:13px 20px!important;font-size:17px!important}
  html[data-stage17="true"] body[data-page="home"] .hero-search button{min-height:74px!important;border-radius:17px!important}
  html[data-stage17="true"] body[data-page="home"] .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  html[data-stage17="true"] body[data-page="home"] .audience-card{min-height:225px!important;padding:28px 15px!important;border-radius:23px!important;gap:17px!important}
  html[data-stage17="true"] body[data-page="home"] .audience-card.expert{grid-column:1/-1}
  html[data-stage17="true"] body[data-page="semantic"] .semantic-form{grid-template-columns:minmax(0,1fr) 72px!important}
  html[data-stage17="true"] body[data-page="semantic"] .semantic-result{grid-template-columns:76px minmax(0,1fr)!important}
  html[data-stage17="true"] body[data-page="article"] .article-hero{grid-template-columns:minmax(0,1fr) 74px!important;flex-direction:row!important}
  html[data-stage17="true"] body[data-page="article"] .article-top-navigation{grid-template-columns:1fr 1fr!important}
  html[data-stage17="true"] body[data-page="article"] .study-mode-switcher{grid-template-columns:1fr!important}
  html[data-stage17="true"] body[data-page="article"] .study-mode-controls{grid-template-columns:repeat(3,1fr)!important}
  html[data-stage17="true"] body[data-page="article"] .article-sidebar{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  html[data-stage17="true"] .header-title span{font-size:18px!important}
  html[data-stage17="true"] body[data-page="home"] .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-stage17="true"] body[data-page="home"] .audience-card{min-height:200px!important}
  html[data-stage17="true"] body[data-page="semantic"] .semantic-filter-tabs{grid-template-columns:repeat(4,1fr)!important}
  html[data-stage17="true"] body[data-page="article"] .article-hero{grid-template-columns:minmax(0,1fr) 62px!important}
}

@media(min-width:981px){
  html[data-stage17="true"] body[data-page="article"] .article-layout{
    grid-template-columns:minmax(0,1fr) 335px!important;
    direction:ltr!important;
  }
  html[data-stage17="true"] body[data-page="article"] .article-main,
  html[data-stage17="true"] body[data-page="article"] .article-sidebar{direction:rtl!important}
  html[data-stage17="true"] body[data-page="article"][data-study-mode="simple"] .article-sidebar{
    display:grid!important;
  }
  html[data-stage17="true"] body[data-page="article"][data-study-mode="simple"] .article-sidebar>.side-card:not(:first-child),
  html[data-stage17="true"] body[data-page="article"][data-study-mode="simple"] .article-sidebar>.side-card:not(.study-sidebar-place){
    display:none!important;
  }
  html[data-stage17="true"] body[data-page="article"][data-study-mode="simple"] .article-sidebar>.side-card:first-child,
  html[data-stage17="true"] body[data-page="article"][data-study-mode="simple"] .article-sidebar>.study-sidebar-place{
    display:block!important;
  }
}
@media(max-width:980px){
  html[data-stage17="true"] body[data-page="article"] .article-sidebar,
  html[data-stage17="true"] body[data-page="article"][data-study-mode="simple"] .article-sidebar{
    display:none!important;
  }
}

/* Remove legacy purple/blue visual fragments; preserve one emerald/gold system */
html[data-stage17="true"] .smart-recommendation{
  border-color:var(--line)!important;
  background:linear-gradient(135deg,#f6f7ef,#fffefa)!important;
  color:var(--ink)!important;
}
html[data-stage17="true"] .smart-rec-head span,
html[data-stage17="true"] .smart-rec-head h2{color:var(--brand)!important}
html[data-stage17="true"] .smart-rec-head>b{
  background:var(--gold-soft)!important;
  color:var(--gold)!important;
}
html[data-stage17="true"] .smart-rec-actions a,
html[data-stage17="true"] .smart-rec-actions button{
  border:1px solid var(--brand)!important;
  background:var(--brand)!important;
  color:#fff!important;
}
html[data-stage17="true"] .smart-rec-actions .secondary{
  border-color:var(--line-strong)!important;
  background:#fffefa!important;
  color:var(--brand)!important;
}
html[data-stage17="true"] .relation-graph-panel,
html[data-stage17="true"] .relation-map-card,
html[data-stage17="true"] .article-relation-map{
  border-color:var(--line)!important;
  background:#fffefa!important;
}
html[data-stage17="true"] .relation-graph-panel svg circle,
html[data-stage17="true"] .relation-map-card svg circle,
html[data-stage17="true"] .article-relation-map svg circle{
  stroke:var(--brand)!important;
}
html[data-stage17="true"] .relation-graph-panel svg circle[fill]:not([fill="none"]),
html[data-stage17="true"] .relation-map-card svg circle[fill]:not([fill="none"]),
html[data-stage17="true"] .article-relation-map svg circle[fill]:not([fill="none"]){
  fill:#eef3e8!important;
}
html[data-stage17="true"] .relation-graph-panel svg line,
html[data-stage17="true"] .relation-map-card svg line,
html[data-stage17="true"] .article-relation-map svg line{
  stroke:#9bb8af!important;
}
html[data-stage17="true"] .relation-graph-panel a,
html[data-stage17="true"] .relation-map-card a,
html[data-stage17="true"] .article-relation-map a{color:var(--brand)!important}

/* Drawer mobile geometry: icon/close on the visual left, labels on the right */
html[data-stage17="true"] .drawer-head{direction:ltr!important;justify-content:flex-start!important}
html[data-stage17="true"] .drawer-search input{
  min-height:62px!important;
  padding:13px 18px 13px 56px!important;
}
html[data-stage17="true"] .drawer-search button{
  left:7px!important;
  right:auto!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  min-height:48px!important;
}
html[data-stage17="true"] .drawer-primary>a,
html[data-stage17="true"] .drawer-primary>div>a{
  direction:ltr!important;
  grid-template-columns:54px minmax(0,1fr)!important;
}
html[data-stage17="true"] .drawer-primary>a>span:last-child,
html[data-stage17="true"] .drawer-primary>div>a>span:last-child{
  direction:rtl!important;
  text-align:right!important;
}

/* Pages that originally had no shared site chrome (404, offline and utility pages) */
html[data-stage17="true"] body[data-stage17-auto-chrome="true"]{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  place-items:initial!important;
  min-height:100vh!important;
  padding:0!important;
  background:var(--bg)!important;
  color:var(--ink)!important;
}
html[data-stage17="true"] body[data-stage17-auto-chrome="true"]>main{
  width:min(1180px,calc(100% - 32px));
  margin:54px auto!important;
  flex:1 0 auto;
}
html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .c,
html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .box{
  width:min(560px,calc(100% - 32px))!important;
  max-width:560px!important;
  margin:54px auto!important;
  padding:38px 30px!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:rgba(255,254,250,.94)!important;
  color:var(--ink)!important;
  box-shadow:var(--shadow)!important;
  text-align:center!important;
}
html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .c h1,
html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .box h1{color:var(--brand)!important}
html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .c p,
html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .box p{color:var(--muted)!important}
html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .c a,
html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .box a,
html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .box button{
  min-height:48px!important;
  padding:10px 18px!important;
  border:1px solid var(--brand)!important;
  border-radius:13px!important;
  background:var(--brand)!important;
  color:#fff!important;
  text-decoration:none!important;
}
html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .mark{color:var(--gold)!important}
@media(max-width:700px){
  html[data-stage17="true"] body[data-stage17-auto-chrome="true"]>main{margin:30px auto!important}
  html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .c,
  html[data-stage17="true"] body[data-stage17-auto-chrome="true"] .box{margin:30px auto!important;padding:28px 20px!important}
}

/* Hard reset for page-level inline anchor styles leaking into the shared header */
html[data-stage17="true"] .site-header .header-title{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--brand)!important;
}
html[data-stage17="true"] body[data-stage17-auto-chrome="true"]>main.c,
html[data-stage17="true"] body[data-stage17-auto-chrome="true"]>main.box{
  flex:0 0 auto!important;
  min-height:0!important;
}
html[data-stage17="true"] body[data-stage17-auto-chrome="true"]>.site-footer{margin-top:auto!important}


/* =========================================================
   Stage 20 focused visual refinements
   ========================================================= */
html[data-stage17="true"] body[data-page="article"] .article-hero{
  min-height:0!important;padding:28px 34px!important;grid-template-columns:1fr!important;background:#eef0e8!important;border-color:#d0d3c8!important
}
html[data-stage17="true"] body[data-page="article"] .article-hero>div:first-child{grid-column:1!important;text-align:right!important}
html[data-stage17="true"] body[data-page="article"] .article-meta-stack{display:none!important}
html[data-stage17="true"] body[data-page="article"] .article-top-navigation{grid-template-columns:1fr 1fr!important}
html[data-stage17="true"] body[data-page="article"] .article-position{display:none!important}
html[data-stage17="true"] body[data-page="article"] .content-panel:not(.official-panel){background:#eff0e8!important;border-color:#d4d6cc!important;box-shadow:0 12px 30px rgba(35,48,42,.07)!important}
html[data-stage17="true"] body[data-page="article"] .side-card{background:#eceee7!important;border-color:#d0d4ca!important;box-shadow:0 10px 24px rgba(35,48,42,.065)!important}
html[data-stage17="true"] body[data-page="article"] .study-related-card,
html[data-stage17="true"] body[data-page="article"] .study-term-row,
html[data-stage17="true"] body[data-page="article"] .related-card{background:#f8f8f1!important;border-color:#d2d5ca!important}
html[data-stage17="true"] body[data-page="article"] .official-panel{
  overflow:hidden!important;padding:38px 40px!important;border:1px solid #0a574a!important;border-radius:28px!important;
  background:linear-gradient(145deg,#073f37 0%,#0b5d50 56%,#0d6c5c 100%)!important;color:#fff!important;
  box-shadow:0 22px 52px rgba(7,63,55,.22)!important
}
html[data-stage17="true"] body[data-page="article"] .official-panel .panel-heading{margin-bottom:22px!important}
html[data-stage17="true"] body[data-page="article"] .official-panel .panel-heading>div{width:100%!important;display:flex!important;align-items:center!important;gap:17px!important}
html[data-stage17="true"] body[data-page="article"] .official-panel .panel-icon{display:none!important}
html[data-stage17="true"] body[data-page="article"] .official-panel .panel-heading h2{color:#fff9e9!important;font-size:23px!important;-webkit-text-fill-color:#fff9e9!important}
html[data-stage17="true"] body[data-page="article"] .official-panel .official-number-focus{
  position:static!important;min-width:88px!important;width:88px!important;height:88px!important;margin:0!important;flex:0 0 88px!important;
  border:1px solid rgba(255,255,255,.24)!important;border-radius:23px!important;background:#052f2a!important;color:#f4d28b!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.20)!important;font-size:25px!important;-webkit-text-fill-color:#f4d28b!important
}
html[data-stage17="true"] body[data-page="article"] .official-panel .legal-text{
  min-height:245px!important;padding:34px 36px!important;display:flex!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.19)!important;border-radius:21px!important;background:rgba(255,255,255,.075)!important;
  color:#fffef8!important;font-size:clamp(20px,2vw,25px)!important;font-weight:500!important;line-height:2.35!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;-webkit-text-fill-color:#fffef8!important
}
html[data-stage17="true"] body[data-page="article"] .official-panel .text-toggle{border-color:rgba(244,210,139,.6)!important;background:rgba(244,210,139,.12)!important;color:#f4d28b!important;-webkit-text-fill-color:#f4d28b!important}
html[data-stage17="true"] body[data-page="article"] .official-panel .legal-disclaimer{color:rgba(255,255,255,.73)!important;-webkit-text-fill-color:rgba(255,255,255,.73)!important}
html[data-stage17="true"] body[data-page="article"] .official-panel .official-action-button{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.10)!important;color:#fffdf5!important;-webkit-text-fill-color:#fffdf5!important}
html[data-stage17="true"] body[data-page="article"] .official-panel .official-action-button:hover{background:rgba(255,255,255,.17)!important}
html[data-stage17="true"] .footer-operational-links{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px 15px!important;margin-top:10px!important}
html[data-stage17="true"] .footer-operational-links a{text-decoration:none!important;color:var(--brand)!important;font-weight:600!important}
html[data-stage17="true"] .footer-operational-links a:hover{text-decoration:underline!important}
@media(max-width:700px){
  html[data-stage17="true"] body[data-page="article"] .article-hero{padding:22px 19px!important}
  html[data-stage17="true"] body[data-page="article"] .article-top-navigation{grid-template-columns:1fr 1fr!important;gap:8px!important}
  html[data-stage17="true"] body[data-page="article"] .official-panel{padding:24px 18px!important;border-radius:23px!important}
  html[data-stage17="true"] body[data-page="article"] .official-panel .panel-heading>div{gap:11px!important}
  html[data-stage17="true"] body[data-page="article"] .official-panel .official-number-focus{min-width:64px!important;width:64px!important;height:64px!important;flex-basis:64px!important;border-radius:18px!important;font-size:19px!important}
  html[data-stage17="true"] body[data-page="article"] .official-panel .panel-heading h2{font-size:18px!important}
  html[data-stage17="true"] body[data-page="article"] .official-panel .legal-text{min-height:210px!important;padding:23px 18px!important;font-size:18px!important;line-height:2.3!important}
  html[data-stage17="true"] body[data-page="article"] .content-panel:not(.official-panel),html[data-stage17="true"] body[data-page="article"] .side-card{background:#eceee6!important}
}