/* TehranWeb Article Design System v2.9.9
 * Reference-locked article body only. Theme header/footer are untouched.
 */

.twref-page{
  --tw-blue:#0b63f6;
  --tw-blue-2:#1c7cf8;
  --tw-navy:#061a33;
  --tw-navy-2:#0b274a;
  --tw-navy-3:#102f56;
  --tw-gold:#f3b63f;
  --tw-gold-2:#d9951e;
  --tw-ink:#10284b;
  --tw-text:#405b7c;
  --tw-muted:#8191a7;
  --tw-line:#d8e4f0;
  --tw-soft:#f6f9fd;
  --tw-soft-blue:#edf5ff;
  --tw-green:#13a85f;
  --tw-red:#ed4450;
  width:100%;
  margin:0;
  padding:0 0 58px;
  direction:rtl;
  color:var(--tw-ink);
  background:#fff;
  font-family:inherit;
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.twref-page,.twref-page *{box-sizing:border-box}
.twref-page img,.twref-page svg,.twref-page iframe,.twref-page video{max-width:100%}
.twref-page a{color:inherit}
.twref-page button,.twref-page input,.twref-page textarea,.twref-page select{font:inherit}

.twref-canvas{
  width:min(1180px,calc(100vw - 72px));
  margin-inline:auto;
}

/* Full-width hero matching the approved reference */
.twref-hero-band{
  width:100%;
  background:var(--tw-navy);
  overflow:hidden;
}
.twref-hero-canvas{
  position:relative;
  width:min(1600px,100%);
  margin-inline:auto;
}
.twref-breadcrumbs{
  display:flex;
  align-items:center;
  gap:7px;
  color:#9cabc0;
  font-size:11px;
  line-height:1.5;
}
.twref-breadcrumbs--hero{
  position:absolute;
  top:12px;
  right:clamp(22px,4vw,62px);
  z-index:6;
  max-width:43%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.twref-breadcrumbs a{color:#b8c6d7!important;text-decoration:none!important}
.twref-breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis}

.twref-hero--reference{
  position:relative;
  min-height:284px;
  height:clamp(284px,27.4vw,430px);
  display:grid;
  grid-template-columns:57% 43%;
  direction:ltr;
  background:var(--tw-navy);
  overflow:hidden;
}
.twref-hero--reference::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(6,26,51,0) 0 44%,rgba(6,26,51,.12) 51%,rgba(6,26,51,.86) 68%,#061a33 84%,#061a33 100%);
}
.twref-hero__media{grid-column:1;grid-row:1;min-width:0;background:#061a33}
.twref-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.06) contrast(1.03)}
.twref-hero__copy{
  grid-column:2;grid-row:1;
  position:relative;z-index:2;
  min-width:0;
  direction:rtl;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:clamp(42px,5vw,72px) clamp(34px,4.4vw,68px) clamp(17px,2vw,26px) clamp(22px,2.2vw,34px);
}
.twref-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px}
.twref-tags a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:25px;padding:4px 10px;border-radius:999px;
  border:1px solid rgba(243,182,63,.42);
  background:rgba(243,182,63,.10);
  color:#ffd56f!important;text-decoration:none!important;
  font-size:10px;font-weight:850;line-height:1.2;
}
.twref-tags a:first-child{background:linear-gradient(135deg,#f8cf69,#d9951e);border-color:transparent;color:#10213a!important}
.twref-hero h1{
  margin:0!important;
  max-width:100%;
  color:#fff!important;
  font-size:clamp(31px,2.75vw,52px)!important;
  line-height:1.28!important;
  letter-spacing:-.5px!important;
  font-weight:950!important;
  text-wrap:balance;
}
.twref-subtitle{
  margin:11px 0 0!important;
  color:#d7e0ea!important;
  font-size:clamp(13px,1vw,17px)!important;
  line-height:1.95!important;
  font-weight:500!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.twref-meta--hero{
  margin-top:auto!important;
  min-height:56px;
  padding:6px 8px!important;
  display:grid!important;
  grid-template-columns:1.32fr 1fr 1fr .88fr;
  align-items:stretch;
  direction:rtl;
  border:1px solid rgba(243,182,63,.95)!important;
  border-radius:10px;
  background:rgba(3,16,34,.82);
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset;
}
.twref-meta--hero>div{
  min-width:0;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 10px!important;
  border-inline-start:1px solid rgba(255,255,255,.13)!important;
}
.twref-meta--hero>div:first-child{border-inline-start:0!important}
.twref-meta__icon{
  width:30px;height:30px;flex:none;
  display:grid;place-items:center;
  border-radius:50%;
  color:#dbe9fb;background:rgba(255,255,255,.07)
}
.twref-meta__icon--gold{color:#ffd15d;background:rgba(243,182,63,.10)}
.twref-meta--hero svg{width:17px!important;height:17px!important;color:inherit!important}
.twref-meta--hero span:not(.twref-meta__icon){display:flex;flex-direction:column;gap:2px;min-width:0}
.twref-meta--hero small{color:#aab7c8!important;font-size:8.5px!important;line-height:1.25!important;white-space:nowrap}
.twref-meta--hero strong{color:#fff!important;font-size:10.5px!important;line-height:1.45!important;font-weight:850!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Main body */
.twref-shell--reference{
  width:100%;
  margin:16px 0 0;
  display:grid!important;
  grid-template-columns:238px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start;
  direction:ltr!important;
}
.twref-sidebar,.twref-article{direction:rtl;min-width:0}
.twref-sidebar{
  position:sticky;
  top:18px;
  z-index:20;
  display:grid;
  gap:14px;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  align-self:start;
}
.twref-side-card,.twref-promo{border:1px solid var(--tw-line);border-radius:10px;overflow:hidden;box-shadow:0 7px 20px rgba(9,35,70,.045)}
.twref-toc{padding:0;background:#fff}
.twref-toc h2{
  min-height:44px;margin:0!important;padding:0 14px!important;
  display:flex;align-items:center;gap:8px;
  color:#fff!important;background:linear-gradient(135deg,#0b2342,#06182f);
  font-size:16px!important;line-height:1.4!important;font-weight:950!important
}
.twref-toc h2 svg{width:18px;height:18px;color:var(--tw-gold)}
.twref-toc ol{list-style:none!important;margin:0!important;padding:8px 9px 10px!important;position:relative}
.twref-toc ol::before{content:"";position:absolute;right:14px;top:16px;bottom:17px;width:1px;background:#d8e3ef}
.twref-toc li{margin:0!important;padding:0!important}
.twref-toc a{
  position:relative;
  min-height:37px;
  display:flex;align-items:center;
  padding:7px 27px 7px 8px;
  border-radius:7px;
  color:#405a79!important;text-decoration:none!important;
  font-size:12.5px!important;line-height:1.5!important;font-weight:700!important;
  transition:.18s ease;
}
.twref-toc a>span{position:absolute;right:11px;width:8px;height:8px;border-radius:50%;border:2px solid #9baec5;background:#fff;z-index:1}
.twref-toc a:hover{background:#f4f8fe;color:#0b63f6!important}
.twref-toc a.is-active,.twref-toc a[aria-current="true"]{background:linear-gradient(90deg,#eef6ff,#f8fbff);color:#075bdc!important;font-weight:900!important;box-shadow:inset -3px 0 0 #0b63f6}
.twref-toc a.is-active>span,.twref-toc a[aria-current="true"]>span{background:#0b63f6;border-color:#0b63f6;box-shadow:0 0 0 4px rgba(11,99,246,.10)}

.twref-share--dark{
  padding:15px 15px 14px;color:#fff;
  background:radial-gradient(circle at 15% 15%,rgba(243,182,63,.17),transparent 28%),linear-gradient(145deg,#0a203b,#06172f 72%);
  border-color:#173a61;
}
.twref-share--dark h2{margin:0 0 5px!important;color:#fff!important;font-size:16px!important;line-height:1.5!important;font-weight:950!important}
.twref-share--dark p{margin:0 0 12px!important;color:#becadd!important;font-size:11.5px!important;line-height:1.7!important}
.twref-share-buttons{display:grid!important;grid-template-columns:repeat(5,1fr);gap:7px!important;direction:ltr!important}
.twref-share-buttons a,.twref-share-buttons button{appearance:none;border:0;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#1a4b79;cursor:pointer;padding:0;text-decoration:none!important}
.twref-share-buttons svg{width:17px;height:17px}.twref-share-buttons>*:nth-child(1){background:linear-gradient(135deg,#d49a29,#f4c65f);color:#10213a}.twref-share-buttons>*:nth-child(2){background:#229ed9}.twref-share-buttons>*:nth-child(3){background:#0a66c2}.twref-share-buttons>*:nth-child(4){background:#05080d}.twref-share-buttons>*:nth-child(5){background:#25d366}
.twref-share-buttons .twref-wa span{font-size:10px;font-weight:950;letter-spacing:-.2px}
.twref-share-url{width:100%;height:36px;margin-top:10px;padding:0 9px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(255,255,255,.06);color:#dce6f3;display:flex;align-items:center;gap:7px;direction:ltr;cursor:pointer}
.twref-share-url span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.twref-share-url svg{width:15px;height:15px;flex:none;color:#f2bc48}

.twref-promo--dark{min-height:236px;padding:20px 17px;text-align:center;color:#fff;background:radial-gradient(circle at 50% 0,rgba(243,182,63,.12),transparent 36%),linear-gradient(160deg,#0c2544,#06182f);border-color:#1d3d61}
.twref-promo__mark{width:54px;height:54px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;color:#f7c85d;font-size:29px;background:rgba(243,182,63,.09);border:1px solid rgba(243,182,63,.25)}
.twref-promo--dark h2{margin:0 0 8px!important;color:#fff!important;font-size:17px!important;line-height:1.62!important;font-weight:950!important}.twref-promo--dark p{margin:0 0 13px!important;color:#c4cfdd!important;font-size:11.5px!important;line-height:1.85!important}.twref-promo--dark>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;border-radius:8px;background:linear-gradient(135deg,#f7cc65,#d9951e);color:#10213a!important;text-decoration:none!important;font-size:12px;font-weight:950;box-shadow:0 8px 18px rgba(217,149,30,.22)}

.twref-article{min-width:0}

/* Summary */
.twref-summary--reference{
  min-height:104px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 94px;
  gap:16px;
  align-items:center;
  padding:18px 18px 18px 20px;
  border:1px solid #dbe7f4;
  border-radius:10px;
  background:linear-gradient(90deg,#f9fbff,#eef6ff);
  box-shadow:0 7px 18px rgba(10,35,70,.035);
}
.twref-summary--reference h2{margin:0 0 7px!important;display:flex;align-items:center;gap:7px;color:#174fc0!important;font-size:20px!important;line-height:1.4!important;font-weight:950!important}
.twref-summary__title-icon{width:26px;height:26px;display:grid;place-items:center;color:#0b63f6}
.twref-summary__title-icon svg{width:20px;height:20px}
.twref-summary--reference p{margin:0!important;color:#506b8b!important;font-size:14px!important;line-height:2!important;font-weight:500!important}
.twref-summary__art{width:84px;height:84px;display:grid;place-items:center;border-radius:22px;color:#ffbf35;font-size:42px;background:radial-gradient(circle at 50% 50%,#fff8dc 0,#eef6ff 60%,transparent 61%);border:1px solid #e1ebf5}

/* Story */
.twref-story--reference{margin-top:24px;display:grid;grid-template-columns:35% minmax(0,1fr);gap:22px;align-items:start;direction:ltr}
.twref-story__media,.twref-story__copy{direction:rtl;min-width:0}.twref-story__media figure{margin:0}.twref-story__media img{display:block;width:100%;height:164px;object-fit:cover;border-radius:10px;box-shadow:0 8px 20px rgba(8,33,68,.08)}.twref-story__media figcaption{margin-top:6px;color:#94a2b5;font-size:9.5px;line-height:1.55;text-align:center}

/* Typography and sections */
.twref-h2{margin:0 0 10px!important;display:flex;align-items:center;gap:10px;color:#10284b!important;font-size:21px!important;line-height:1.55!important;font-weight:950!important;scroll-margin-top:90px}
.twref-h2__num{order:-1;width:37px;height:31px;display:grid;place-items:center;flex:none;border:1px solid #e6b253;border-radius:7px;background:#fffaf1;color:#9a6712;font-size:11px;font-weight:900}
.twref-h3{margin:24px 0 10px!important;color:#143153!important;font-size:18px!important;line-height:1.55!important;font-weight:900!important}.twref-h4{margin:20px 0 8px!important;color:#1c3c64!important;font-size:16px!important;line-height:1.55!important;font-weight:900!important}
.twref-richtext{margin:0 0 18px}.twref-richtext p{margin:0 0 12px!important;color:#49627f!important;font-size:15px!important;line-height:2.05!important;font-weight:500!important}.twref-richtext p:last-child{margin-bottom:0!important}.twref-richtext a{color:#075ee7!important;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.twref-richtext strong{color:#15395f;font-weight:900}
.twref-bullets{margin:10px 0 22px!important;padding:0 22px 0 0!important}.twref-bullets li{margin:0 0 8px!important;color:#49627f;font-size:14.5px;line-height:1.9}.twref-bullets li::marker{color:#0b63f6}
.twref-feature-strip{margin:18px 0 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.twref-mini-feature{min-height:112px;padding:16px 12px;border:1px solid #dbe5f1;border-radius:9px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.twref-mini-feature__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#eef5ff;color:#0b63f6}.twref-mini-feature__icon svg{width:22px;height:22px}.twref-mini-feature strong{color:#183655;font-size:13px;line-height:1.75;font-weight:900}

.twref-keypoints--reference{margin-top:24px}.twref-keypoints--reference>h2{margin:0 0 12px!important;color:#10284b!important;font-size:19px!important;line-height:1.5!important;font-weight:950!important}.twref-keypoints__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.twref-keypoints__grid article{min-height:150px;padding:18px 13px 15px;border:1px solid #dbe5f1;border-radius:9px;background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;box-shadow:0 5px 15px rgba(10,35,70,.025)}.twref-keypoints__grid article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f0f5ff;color:#0b63f6}.twref-keypoints__grid article:nth-child(2)>span{background:#eefaf3;color:#1daa66}.twref-keypoints__grid article:nth-child(3)>span{background:#f6f1ff;color:#7b4ff5}.twref-keypoints__grid article:nth-child(4)>span{background:#fff5e8;color:#ef9c24}.twref-keypoints__grid svg{width:23px;height:23px}.twref-keypoints__grid strong{color:#183655;font-size:13.5px;line-height:1.8;font-weight:900}

.twref-flow--reference{margin-top:30px}.twref-flow--reference>*+*{margin-top:22px}
.twref-steps{list-style:none!important;margin:14px 0 28px!important;padding:0!important;display:grid;gap:12px}.twref-steps li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #dce6f1;border-radius:9px;background:#fff}.twref-step-no{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:#eef5ff;color:#0b63f6;font-size:11px;font-weight:900}.twref-steps strong{color:#183655;font-size:14px}.twref-steps p{margin:4px 0 0!important;color:#617894;font-size:13px!important;line-height:1.85!important}
.twref-callout{margin:24px 0!important;padding:17px 19px;border:1px solid #d8e5f5;border-radius:9px;background:#f6faff}.twref-callout strong{display:block;margin-bottom:5px;color:#0d4ba9;font-size:15px}.twref-callout p{margin:0!important;font-size:14px!important;line-height:1.95!important;color:#536d8e!important}.twref-quote{margin:24px 0!important;padding:18px 20px;border-inline-start:4px solid #126df5;border-radius:8px;background:#f4f8ff}.twref-quote p{margin:0;color:#284e78;font-size:16px;line-height:1.95;font-weight:700}.twref-quote cite{display:block;margin-top:8px;color:#8291a6;font-size:11px}.twref-inline-image{margin:28px 0!important;text-align:center}.twref-inline-image img{display:block;width:100%;height:auto;border-radius:10px}.twref-caption,.twref-inline-image figcaption{margin-top:7px;color:#8e9eb2;font-size:10px;line-height:1.65}.twref-code{margin:28px 0!important;border-radius:10px;overflow:hidden;background:#07182f}.twref-code>strong{display:block;padding:10px 14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.twref-code pre{margin:0;padding:16px;overflow:auto;color:#dce9ff;font:500 13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.twref-video{margin:28px 0!important;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#07182f}.twref-video:empty{display:none!important}.twref-video iframe{width:100%;height:100%;border:0}

/* Table */
.twref-table-title{margin:38px 0 9px!important;color:#10284b!important;font-size:21px!important;line-height:1.5!important;font-weight:950!important}.twref-table-shell{margin:10px 0 34px;border:1px solid #d4dee9;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(10,35,70,.045);overflow:hidden}.twref-table{width:100%;border-collapse:collapse;table-layout:fixed}.twref-table th,.twref-table td{height:40px;padding:7px 11px;border-inline-start:1px solid #e1e7ef;border-top:1px solid #e1e7ef;text-align:right;font-size:12px;line-height:1.6}.twref-table thead th{border-top:0;background:linear-gradient(180deg,#0d2848,#071a31);color:#fff;font-weight:900}.twref-table thead th.is-featured{background:linear-gradient(180deg,#f2bc47,#d7951e);color:#fff}.twref-table tbody td{background:#fff;color:#3d5574}.twref-table tbody tr:nth-child(even) td{background:#f6f8fb}.twref-table td.is-featured{background:#fffaf0;color:#72501d}.twref-table tbody tr:nth-child(even) td.is-featured{background:#fff7e7}.twref-table th:first-child,.twref-table td:first-child{border-inline-start:0}

/* FAQ as image + accordion, matching reference */
.twref-faq-reference{margin-top:36px;display:grid;grid-template-columns:28% minmax(0,1fr);gap:18px;align-items:stretch;direction:ltr}.twref-faq-media,.twref-faq-card{direction:rtl}.twref-faq-media{min-height:176px;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(244,187,67,.26),transparent 24%),linear-gradient(145deg,#0e2b50,#07182f);box-shadow:0 8px 22px rgba(7,24,47,.10)}.twref-faq-media span{font-size:88px;line-height:1;font-weight:900;color:#f4bf48;text-shadow:0 8px 20px rgba(244,191,72,.22)}.twref-faq-card{border:1px solid #dbe5f0;border-radius:9px;background:#fff;box-shadow:0 7px 18px rgba(10,35,70,.035);overflow:hidden}.twref-faq-card h2,.twref-sources-list h2{margin:0;padding:12px 14px;display:flex;align-items:center;gap:8px;color:#10284b!important;font-size:18px!important;line-height:1.5!important;font-weight:950!important;border-bottom:1px solid #e5ebf3}.twref-support-num{width:31px;height:28px;display:grid;place-items:center;border:1px solid #e7b04d;border-radius:7px;background:#fffaf0;color:#9a670f;font-size:10px;font-weight:900}.twref-faq-card details{border-bottom:1px solid #edf1f6}.twref-faq-card details:last-child{border-bottom:0}.twref-faq-card summary{min-height:43px;padding:9px 12px;display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;color:#49627f;font-size:12.5px;font-weight:700}.twref-faq-card summary::-webkit-details-marker{display:none}.twref-plus{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:50%;background:#eef5ff;color:#0b63f6}.twref-plus svg{width:13px;height:13px}.twref-faq-card details>div{padding:0 14px 13px;color:#607793;font-size:12px;line-height:1.9}

/* Sources */
.twref-sources-reference{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) 31%;gap:14px;align-items:stretch;direction:ltr}.twref-sources-list,.twref-sources-media{direction:rtl}.twref-sources-list{border:1px solid #dbe5f0;border-radius:9px;background:#fff;box-shadow:0 7px 18px rgba(10,35,70,.035);overflow:hidden}.twref-sources{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr}.twref-sources li{margin:0!important}.twref-sources a{min-height:48px;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #edf1f6;border-inline-start:1px solid #edf1f6;color:#075ee7!important;text-decoration:none!important;font-size:11.5px;line-height:1.55}.twref-sources li:nth-child(odd) a{border-inline-start:0}.twref-sources a:hover{background:#f7faff}.twref-sources svg{width:15px;height:15px;flex:none;color:#0b63f6}.twref-sources-media{min-height:130px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(145deg,#10294b,#07182f);color:#fff;box-shadow:0 8px 22px rgba(7,24,47,.10);text-align:center}.twref-sources-media__badge{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:0 12px;margin-bottom:8px;border-radius:999px;background:#fff;color:#2670e8;font-size:12px;font-weight:950}.twref-sources-media strong{font-size:17px;line-height:1.45}

/* Related */
.twref-related--reference{margin-top:34px;padding-top:0}.twref-related__head{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:2px}.twref-related__head h2{margin:0!important;color:#10284b!important;font-size:19px!important;line-height:1.4!important;font-weight:950!important}.twref-related__head>span{color:#e6a42d;font-size:17px}.twref-related__lead{text-align:center;margin:0 0 12px!important;color:#8998ac;font-size:10.5px}.twref-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.twref-related-card{position:relative;display:block;overflow:hidden;border:1px solid #d9e3ef;border-radius:9px;background:#fff;color:inherit!important;text-decoration:none!important;box-shadow:0 7px 20px rgba(10,35,70,.045);transition:transform .18s ease,box-shadow .18s ease}.twref-related-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(10,35,70,.09)}.twref-related-card>img{display:block;width:100%;height:132px;object-fit:cover}.twref-related-card__cat{position:absolute;top:120px;right:10px;transform:translateY(-50%);height:25px;padding:0 10px;display:flex;align-items:center;border:1px solid #d7e4f2;border-radius:999px;background:#fff;color:#0b63f6;font-size:9px;font-weight:850}.twref-related-card__body{padding:15px 12px 13px}.twref-related-card__body strong{display:block;min-height:44px;color:#10284b;font-size:12.2px;line-height:1.72;font-weight:900}.twref-related-card__body small{display:block;margin-top:8px;color:#97a5b8;font-size:9px}

/* Accessibility */
.twref-page :focus-visible{outline:3px solid rgba(18,109,245,.35);outline-offset:2px}.twref-page #twref-faq,.twref-page #twref-sources,.twref-page .twref-h2{scroll-margin-top:90px}

/* Tablet */
@media(max-width:1100px){
  .twref-canvas{width:min(100% - 44px,1040px)}
  .twref-shell--reference{grid-template-columns:218px minmax(0,1fr)!important;gap:16px!important}
  .twref-hero__copy{padding-right:28px;padding-left:20px}
  .twref-hero h1{font-size:clamp(29px,3vw,38px)!important}
  .twref-related-card>img{height:124px}.twref-related-card__cat{top:112px}
}

/* Mobile */
@media(max-width:820px){
  .twref-page{padding-bottom:40px}
  .twref-canvas{width:min(100% - 24px,720px)}
  .twref-breadcrumbs--hero{display:none}
  .twref-hero--reference{height:auto;min-height:0;display:flex;flex-direction:column;background:#07182f}
  .twref-hero--reference::before{display:none}
  .twref-hero__media{order:1;height:210px}
  .twref-hero__copy{order:2;padding:18px 16px 16px}
  .twref-tags{margin-bottom:9px}
  .twref-tags a{min-height:24px;font-size:10px}
  .twref-hero h1{font-size:clamp(27px,7.3vw,34px)!important;line-height:1.34!important;letter-spacing:-.25px!important}
  .twref-subtitle{font-size:15px!important;line-height:1.9!important;-webkit-line-clamp:4}
  .twref-meta--hero{margin-top:14px!important;grid-template-columns:1fr 1fr;gap:0;min-height:0;padding:5px!important}
  .twref-meta--hero>div{min-height:58px;padding:8px 9px!important;border-inline-start:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  .twref-meta--hero>div:nth-last-child(-n+2){border-bottom:0!important}
  .twref-meta--hero>div:nth-child(even){border-inline-start:1px solid rgba(255,255,255,.10)!important}
  .twref-meta--hero small{font-size:10px!important}.twref-meta--hero strong{font-size:12px!important}.twref-meta__icon{width:32px;height:32px}
  .twref-shell--reference{display:flex!important;flex-direction:column!important;margin-top:14px!important;gap:18px!important}
  .twref-sidebar{position:static!important;top:auto!important;width:100%;display:grid;grid-template-columns:1fr;gap:12px;order:2}
  .twref-article{order:1;width:100%}
  .twref-toc h2{font-size:17px!important}.twref-toc a{font-size:14px!important;min-height:42px}.twref-share--dark h2,.twref-promo--dark h2{font-size:18px!important}.twref-share--dark p,.twref-promo--dark p{font-size:14px!important}
  .twref-summary--reference{grid-template-columns:1fr;padding:17px 16px}.twref-summary__art{display:none}.twref-summary--reference h2{font-size:20px!important}.twref-summary--reference p{font-size:16px!important;line-height:2!important}
  .twref-story--reference{grid-template-columns:1fr;gap:16px;margin-top:20px}.twref-story__media{order:1}.twref-story__copy{order:2}.twref-story__media img{height:auto;aspect-ratio:16/9}
  .twref-h2{font-size:21px!important;line-height:1.55!important}.twref-h2__num{width:36px;height:31px}.twref-h3{font-size:18px!important}.twref-h4{font-size:16.5px!important}.twref-richtext p{font-size:16px!important;line-height:2.05!important}.twref-bullets li{font-size:15.5px!important;line-height:1.95!important}
  .twref-keypoints__grid,.twref-feature-strip{grid-template-columns:1fr 1fr;gap:10px}.twref-keypoints__grid article{min-height:138px}.twref-keypoints__grid strong,.twref-mini-feature strong{font-size:14px;line-height:1.8}
  .twref-table-shell{overflow:visible;border:0;box-shadow:none;background:transparent}.twref-table,.twref-table thead,.twref-table tbody,.twref-table tr,.twref-table th,.twref-table td{display:block;width:100%}.twref-table thead{display:none}.twref-table tr{margin:0 0 12px;border:1px solid #d9e3ef;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 6px 16px rgba(10,35,70,.04)}.twref-table td{height:auto;min-height:49px;padding:10px 12px 10px 46%;position:relative;border:0;border-bottom:1px solid #edf1f5;font-size:14px!important;line-height:1.8;text-align:right}.twref-table td:last-child{border-bottom:0}.twref-table td::before{content:attr(data-label);position:absolute;right:12px;top:10px;width:40%;color:#183655;font-weight:900}.twref-table td.is-featured{background:#fff8e7}
  .twref-faq-reference,.twref-sources-reference{grid-template-columns:1fr;gap:12px}.twref-faq-media{min-height:150px}.twref-faq-card summary,.twref-sources a{font-size:14px!important}.twref-sources{grid-template-columns:1fr}
  .twref-related--reference{margin-top:40px}.twref-related__grid{grid-template-columns:1fr 1fr;gap:10px}.twref-related-card>img{height:150px}.twref-related-card__cat{top:138px}.twref-related-card__body strong{font-size:14px;line-height:1.75}.twref-related__head h2{font-size:21px!important}
}

@media(max-width:520px){
  .twref-canvas{width:min(100% - 20px,500px)}
  .twref-hero__media{height:190px}
  .twref-keypoints__grid,.twref-feature-strip,.twref-related__grid{grid-template-columns:1fr}
  .twref-related-card>img{height:190px}.twref-related-card__cat{top:178px}
  .twref-share-buttons{grid-template-columns:repeat(5,36px);justify-content:start}
  .twref-meta--hero{grid-template-columns:1fr}
  .twref-meta--hero>div,.twref-meta--hero>div:nth-child(even),.twref-meta--hero>div:nth-last-child(-n+2){border-inline-start:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  .twref-meta--hero>div:last-child{border-bottom:0!important}
}

/* ========================================================================
   v2.9.9 REFERENCE LOCK — exact geometry/scaling refinements
   Reference: approved 1024×1536 Tehran Web article mockup.
   Scope: article only. Theme header/footer are untouched.
   ======================================================================== */

.twref-page{
  --twref-gutter:clamp(44px,4.4vw,80px);
  --twref-canvas-max:1720px;
}

.twref-page .twref-canvas{
  width:min(var(--twref-canvas-max),calc(100vw - (var(--twref-gutter) * 2)))!important;
  max-width:none!important;
}

/* 1024px reference = ~936px body canvas, 238px sidebar, 20px gap. */
.twref-page .twref-shell--reference{
  grid-template-columns:clamp(238px,17.2vw,304px) minmax(0,1fr)!important;
  gap:clamp(18px,1.25vw,24px)!important;
  margin-top:16px!important;
}

/* Full-width hero proportions from the approved reference. */
.twref-page .twref-hero--reference{
  min-height:258px!important;
  height:clamp(258px,25.2vw,432px)!important;
  grid-template-columns:58% 42%!important;
}
.twref-page .twref-hero--reference::before{
  background:linear-gradient(90deg,rgba(6,26,51,0) 0 43%,rgba(6,26,51,.10) 49%,rgba(6,26,51,.80) 66%,#061a33 83%,#061a33 100%)!important;
}
.twref-page .twref-hero__copy{
  padding:clamp(43px,4.25vw,72px) clamp(30px,3.4vw,56px) clamp(11px,1.05vw,18px) clamp(22px,2.1vw,36px)!important;
}
.twref-page .twref-tags{margin-bottom:9px!important;gap:6px!important}
.twref-page .twref-tags a{min-height:23px!important;padding:4px 9px!important;font-size:10px!important}
.twref-page .twref-hero h1{
  font-size:clamp(34px,3.35vw,56px)!important;
  line-height:1.245!important;
  letter-spacing:-.65px!important;
  text-wrap:balance!important;
}
.twref-page .twref-subtitle{
  margin-top:9px!important;
  font-size:clamp(13px,1.02vw,17px)!important;
  line-height:1.82!important;
  -webkit-line-clamp:2!important;
}
.twref-page .twref-meta--hero{
  min-height:45px!important;
  margin-top:auto!important;
  padding:4px 6px!important;
  border-radius:8px!important;
  grid-template-columns:1.34fr 1fr 1fr .9fr!important;
}
.twref-page .twref-meta--hero>div{gap:6px!important;padding:4px 8px!important}
.twref-page .twref-meta__icon{width:26px!important;height:26px!important}
.twref-page .twref-meta--hero svg{width:15px!important;height:15px!important}
.twref-page .twref-meta--hero small{font-size:8.5px!important}
.twref-page .twref-meta--hero strong{font-size:10.5px!important}

/* Sidebar proportions and visibility. No internal scroll, ever. */
.twref-page .twref-sidebar{
  top:16px!important;
  gap:14px!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  scrollbar-width:none!important;
}
.twref-page .twref-sidebar::-webkit-scrollbar{display:none!important}
.twref-page .twref-toc h2{min-height:43px!important;font-size:16px!important}
.twref-page .twref-toc a{min-height:36px!important;font-size:12.5px!important;line-height:1.45!important}
.twref-page .twref-share--dark{padding:15px!important}
.twref-page .twref-share--dark h2{font-size:16px!important}
.twref-page .twref-share--dark p{font-size:11.5px!important}
.twref-page .twref-promo--dark{min-height:235px!important;padding:19px 16px!important}

/* Main cards and reading rhythm. */
.twref-page .twref-summary--reference{
  min-height:105px!important;
  grid-template-columns:minmax(0,1fr) 92px!important;
  gap:15px!important;
  padding:17px 18px!important;
}
.twref-page .twref-summary--reference h2{font-size:20px!important;margin-bottom:6px!important}
.twref-page .twref-summary--reference p{font-size:clamp(14px,.93vw,16px)!important;line-height:1.95!important}
.twref-page .twref-summary__art{width:82px!important;height:82px!important;border-radius:22px!important;color:#f2a51f!important;background:radial-gradient(circle at 50% 48%,#fff8de 0,#edf5ff 61%,transparent 62%)!important}
.twref-page .twref-summary__art svg{width:48px!important;height:48px!important;stroke-width:1.55!important}

.twref-page .twref-story--reference{
  margin-top:22px!important;
  grid-template-columns:33.3% minmax(0,1fr)!important;
  gap:22px!important;
}
.twref-page .twref-story__media img{height:clamp(158px,12.4vw,210px)!important;border-radius:9px!important}
.twref-page .twref-story__media figcaption{font-size:9.5px!important}

.twref-page .twref-h2{font-size:clamp(21px,1.42vw,25px)!important;line-height:1.5!important;margin-bottom:10px!important}
.twref-page .twref-h2__num{width:37px!important;height:31px!important;border-radius:7px!important}
.twref-page .twref-richtext p{font-size:clamp(15px,1vw,17px)!important;line-height:2!important;margin-bottom:11px!important}
.twref-page .twref-bullets li{font-size:clamp(14.5px,.95vw,16px)!important;line-height:1.9!important}

/* Key points = the second visual section in the reference. */
.twref-page .twref-keypoints--reference{margin-top:24px!important}
.twref-page .twref-keypoints--reference>h2{
  display:flex!important;align-items:center!important;gap:10px!important;
  font-size:clamp(19px,1.28vw,23px)!important;
  margin:0 0 12px!important;
}
.twref-page .twref-keypoints__num{
  width:37px;height:31px;display:grid;place-items:center;flex:none;
  border:1px solid #e6b253;border-radius:7px;background:#fffaf1;color:#9a6712;
  font-size:11px;font-weight:900;order:-1;
}
.twref-page .twref-keypoints__grid{gap:12px!important}
.twref-page .twref-keypoints__grid article{
  min-height:142px!important;
  padding:16px 13px 14px!important;
}
.twref-page .twref-keypoints__grid article>span{width:42px!important;height:42px!important}
.twref-page .twref-keypoints__grid strong{font-size:clamp(13.5px,.9vw,15.5px)!important;line-height:1.75!important}

.twref-page .twref-flow--reference{margin-top:28px!important}
.twref-page .twref-flow--reference>*+*{margin-top:20px!important}
.twref-page .twref-table-title{font-size:clamp(21px,1.42vw,25px)!important;margin:34px 0 8px!important}
.twref-page .twref-table-shell{margin:9px 0 31px!important;border-radius:7px!important}
.twref-page .twref-table th,.twref-page .twref-table td{
  height:39px!important;
  padding:6px 10px!important;
  font-size:clamp(12px,.82vw,14px)!important;
  line-height:1.55!important;
}

/* FAQ and sources proportions in the approved reference. */
.twref-page .twref-faq-reference{
  margin-top:30px!important;
  grid-template-columns:28% minmax(0,1fr)!important;
  gap:17px!important;
}
.twref-page .twref-faq-media{min-height:174px!important;border-radius:9px!important}
.twref-page .twref-faq-card h2,.twref-page .twref-sources-list h2{font-size:18px!important;padding:11px 13px!important}
.twref-page .twref-faq-card summary{min-height:42px!important;font-size:12.5px!important;padding:8px 12px!important}
.twref-page .twref-sources-reference{margin-top:20px!important;grid-template-columns:minmax(0,1fr) 31%!important;gap:13px!important}
.twref-page .twref-sources a{min-height:46px!important;font-size:11.5px!important;padding:7px 12px!important}
.twref-page .twref-sources-media{min-height:126px!important}

/* Related cards — exact compact editorial rhythm from the reference. */
.twref-page .twref-related--reference{margin-top:28px!important}
.twref-page .twref-related__head{margin-bottom:1px!important}
.twref-page .twref-related__head h2{font-size:19px!important}
.twref-page .twref-related__lead{margin-bottom:10px!important;font-size:10.5px!important}
.twref-page .twref-related__grid{gap:10px!important}
.twref-page .twref-related-card>img{
  height:clamp(96px,9.7vw,166px)!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
}
.twref-page .twref-related-card__cat{
  top:clamp(84px,8.5vw,154px)!important;
  height:24px!important;
}
.twref-page .twref-related-card__body{padding:14px 11px 12px!important}
.twref-page .twref-related-card__body strong{font-size:clamp(12.2px,.82vw,14px)!important;line-height:1.68!important;min-height:42px!important}
.twref-page .twref-related-card__body small{margin-top:6px!important;font-size:9px!important}

/* Wider professional desktops: preserve the reference proportions instead of
   freezing the article at a narrow 1180px canvas. */
@media(min-width:1280px){
  .twref-page .twref-shell--reference{grid-template-columns:clamp(255px,17.2vw,304px) minmax(0,1fr)!important}
  .twref-page .twref-toc a{font-size:13.5px!important;min-height:39px!important}
  .twref-page .twref-share--dark p,.twref-page .twref-promo--dark p{font-size:12.5px!important}
}

/* Short desktop viewports: keep the entire sticky sidebar visible without
   introducing its own scrollbar. */
@media(min-width:821px) and (max-height:820px){
  .twref-page .twref-sidebar{gap:9px!important;top:8px!important}
  .twref-page .twref-toc h2{min-height:37px!important;font-size:14px!important}
  .twref-page .twref-toc ol{padding-top:5px!important;padding-bottom:6px!important}
  .twref-page .twref-toc a{min-height:30px!important;padding-top:5px!important;padding-bottom:5px!important;font-size:11.5px!important}
  .twref-page .twref-share--dark{padding:11px!important}
  .twref-page .twref-share--dark h2{font-size:14px!important}.twref-page .twref-share--dark p{margin-bottom:7px!important;font-size:10.5px!important}
  .twref-page .twref-share-buttons a,.twref-page .twref-share-buttons button{width:31px!important;height:31px!important}
  .twref-page .twref-share-url{height:31px!important;margin-top:7px!important}
  .twref-page .twref-promo--dark{min-height:175px!important;padding:12px 11px!important}
  .twref-page .twref-promo__mark{width:39px!important;height:39px!important;margin-bottom:6px!important;font-size:22px!important}
  .twref-page .twref-promo--dark h2{font-size:14px!important;margin-bottom:4px!important}.twref-page .twref-promo--dark p{font-size:10.5px!important;line-height:1.55!important;margin-bottom:7px!important}.twref-page .twref-promo--dark>a{min-height:33px!important;font-size:10.5px!important}
}

/* Tablet keeps the approved structure until the true mobile breakpoint. */
@media(max-width:1100px) and (min-width:821px){
  .twref-page{--twref-gutter:44px}
  .twref-page .twref-shell--reference{grid-template-columns:238px minmax(0,1fr)!important;gap:18px!important}
  .twref-page .twref-hero h1{font-size:clamp(32px,3.25vw,36px)!important}
  .twref-page .twref-related-card>img{height:clamp(96px,9.7vw,112px)!important}
  .twref-page .twref-related-card__cat{top:clamp(84px,8.5vw,100px)!important}
}

/* Mobile: same design language, readable typography, no compressed text. */
@media(max-width:820px){
  .twref-page{--twref-gutter:12px}
  .twref-page .twref-canvas{width:calc(100vw - 24px)!important}
  .twref-page .twref-hero__media{height:clamp(210px,58vw,290px)!important}
  .twref-page .twref-hero__copy{padding:19px 17px 17px!important}
  .twref-page .twref-hero h1{font-size:clamp(28px,7.7vw,36px)!important;line-height:1.32!important}
  .twref-page .twref-subtitle{font-size:16px!important;line-height:1.9!important}
  .twref-page .twref-meta--hero{grid-template-columns:1fr 1fr!important;margin-top:16px!important}
  .twref-page .twref-meta--hero>div{min-height:62px!important}
  .twref-page .twref-meta--hero small{font-size:10.5px!important}.twref-page .twref-meta--hero strong{font-size:12.5px!important}
  .twref-page .twref-summary--reference h2{font-size:21px!important}.twref-page .twref-summary--reference p{font-size:16px!important;line-height:2!important}
  .twref-page .twref-h2{font-size:22px!important}.twref-page .twref-richtext p{font-size:16.5px!important;line-height:2.05!important}.twref-page .twref-bullets li{font-size:16px!important}
  .twref-page .twref-keypoints__grid article{min-height:145px!important}.twref-page .twref-keypoints__grid strong{font-size:14.5px!important}
  .twref-page .twref-related--reference{margin-top:38px!important}
  .twref-page .twref-related-card>img{height:170px!important}.twref-page .twref-related-card__cat{top:158px!important}
}

@media(max-width:520px){
  .twref-page .twref-related-card>img{height:210px!important}.twref-page .twref-related-card__cat{top:198px!important}
}
/* ========================================================================
   v2.9.9 FINAL APPROVED REFERENCE LOCK
   Approved reference: 1024×1536 Tehran Web article composition.
   Article area only. Theme header/footer are intentionally untouched.
   ======================================================================== */

.twref-page{
  --twref-canvas-max:1440px;
  --twref-desktop-gutter:44px;
}
.twref-page .twref-canvas{
  width:min(var(--twref-canvas-max),calc(100vw - 88px))!important;
  max-width:none!important;
  margin-inline:auto!important;
}

/* HERO — image left, editorial copy right, exactly as approved. */
.twref-page .twref-hero-band{background:#061a33!important}
.twref-page .twref-hero-canvas{width:min(1600px,100%)!important;margin-inline:auto!important}
.twref-page .twref-hero--reference{
  min-height:258px!important;
  height:clamp(258px,25.2vw,404px)!important;
  grid-template-columns:56.5% 43.5%!important;
  background:#061a33!important;
}
.twref-page .twref-hero--reference::before{
  background:linear-gradient(90deg,rgba(6,26,51,0) 0 42%,rgba(6,26,51,.08) 49%,rgba(6,26,51,.78) 65%,#061a33 83%,#061a33 100%)!important;
}
.twref-page .twref-hero__media{overflow:hidden!important}
.twref-page .twref-hero__media img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;object-position:center center!important;
  filter:saturate(1.06) contrast(1.035)!important;
}
.twref-page .twref-hero__copy{
  padding:18px clamp(31px,3.2vw,50px) 13px clamp(21px,2.2vw,34px)!important;
  justify-content:flex-start!important;
}
.twref-page .twref-breadcrumbs--hero{
  position:static!important;inset:auto!important;
  display:flex!important;align-items:center!important;gap:6px!important;
  max-width:100%!important;margin:0 0 8px!important;
  color:#91a3ba!important;font-size:9.5px!important;line-height:1.45!important;
  white-space:nowrap!important;overflow:hidden!important;
}
.twref-page .twref-breadcrumbs--hero a{
  color:#b9c7d8!important;text-decoration:none!important;flex:none!important;
}
.twref-page .twref-breadcrumbs--hero>span:not(.twref-breadcrumbs__current){color:#71869f!important;flex:none!important}
.twref-page .twref-breadcrumbs__current{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#8498b0!important}
.twref-page .twref-tags{margin:0 0 8px!important;gap:6px!important}
.twref-page .twref-tags a{
  min-height:23px!important;padding:4px 10px!important;border-radius:999px!important;
  border:1px solid rgba(243,182,63,.46)!important;
  background:rgba(243,182,63,.11)!important;color:#ffd76c!important;
  font-size:9.5px!important;font-weight:900!important;
}
.twref-page .twref-tags a:first-child{background:rgba(243,182,63,.11)!important;color:#ffd76c!important;border-color:rgba(243,182,63,.46)!important}
.twref-page .twref-hero h1{
  max-width:100%!important;margin:0!important;
  color:#fff!important;font-size:clamp(31px,3.02vw,47px)!important;
  line-height:1.31!important;letter-spacing:-.55px!important;font-weight:950!important;
  text-align:right!important;text-wrap:balance!important;
}
.twref-page .twref-subtitle{
  margin:9px 0 0!important;color:#d7e0ea!important;
  font-size:clamp(13px,.98vw,16px)!important;line-height:1.85!important;font-weight:500!important;
  -webkit-line-clamp:3!important;
}
.twref-page .twref-meta--hero{
  width:100%!important;min-height:45px!important;margin-top:auto!important;
  padding:4px 6px!important;border:1px solid #e3aa32!important;border-radius:8px!important;
  grid-template-columns:1.48fr 1.04fr 1.10fr .86fr!important;
  background:rgba(2,15,31,.84)!important;
}
.twref-page .twref-meta--hero>div{
  min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:6px!important;padding:4px 7px!important;border-inline-start:1px solid rgba(255,255,255,.12)!important;
}
.twref-page .twref-meta--hero>div:first-child{border-inline-start:0!important}
.twref-page .twref-meta__icon{width:26px!important;height:26px!important;flex:0 0 26px!important}
.twref-page .twref-meta--hero svg{width:15px!important;height:15px!important}
.twref-page .twref-meta__text{
  min-width:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:3px!important;
  white-space:nowrap!important;overflow:hidden!important;
}
.twref-page .twref-meta--hero small{
  display:inline!important;flex:none!important;color:#9eafc2!important;font-size:8.5px!important;line-height:1.4!important;
}
.twref-page .twref-meta--hero strong{
  display:inline!important;min-width:0!important;color:#fff!important;font-size:10px!important;line-height:1.4!important;font-weight:850!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* BODY CANVAS — approved 1024 reference = 936px canvas / 238px sidebar. */
.twref-page .twref-shell--reference{
  grid-template-columns:clamp(238px,19vw,276px) minmax(0,1fr)!important;
  gap:18px!important;margin-top:16px!important;align-items:start!important;
}
.twref-page .twref-sidebar{
  position:sticky!important;top:16px!important;align-self:start!important;
  display:grid!important;gap:14px!important;height:auto!important;max-height:none!important;overflow:visible!important;
}
.twref-page .twref-sidebar::-webkit-scrollbar{display:none!important}
.twref-page .twref-toc h2{min-height:43px!important;font-size:16px!important}
.twref-page .twref-toc a{min-height:36px!important;font-size:12.5px!important;line-height:1.45!important}
.twref-page .twref-share--dark{padding:15px!important}.twref-page .twref-share--dark h2{font-size:16px!important}.twref-page .twref-share--dark p{font-size:11.5px!important}
.twref-page .twref-promo--dark{min-height:232px!important;padding:19px 16px!important}

/* Summary */
.twref-page .twref-summary--reference{
  min-height:104px!important;grid-template-columns:minmax(0,1fr) 90px!important;
  gap:14px!important;padding:17px 18px!important;border-radius:9px!important;
}
.twref-page .twref-summary--reference h2{font-size:20px!important;margin-bottom:6px!important}
.twref-page .twref-summary--reference p{font-size:14px!important;line-height:1.95!important}
.twref-page .twref-summary__art{width:82px!important;height:82px!important;border-radius:21px!important;color:#efaa27!important}
.twref-page .twref-summary__art svg{width:47px!important;height:47px!important}

/* First editorial story: reference image is deliberately compact. */
.twref-page .twref-story--reference{
  margin-top:22px!important;grid-template-columns:32.5% minmax(0,1fr)!important;gap:20px!important;
}
.twref-page .twref-story__media img{
  width:100%!important;height:auto!important;aspect-ratio:1.9 / 1!important;
  object-fit:cover!important;border-radius:9px!important;
}
.twref-page .twref-story__media figcaption{font-size:9px!important;margin-top:5px!important}

/* Editorial typography */
.twref-page .twref-h2{font-size:20px!important;line-height:1.52!important;margin:0 0 8px!important;gap:9px!important}
.twref-page .twref-h2__num,.twref-page .twref-keypoints__num{width:35px!important;height:29px!important;border-radius:7px!important;font-size:10px!important}
.twref-page .twref-h3{font-size:17px!important;margin:21px 0 8px!important}.twref-page .twref-h4{font-size:15px!important}
.twref-page .twref-richtext{margin-bottom:14px!important}
.twref-page .twref-richtext p{font-size:14px!important;line-height:2!important;margin-bottom:9px!important}
.twref-page .twref-bullets li{font-size:13.8px!important;line-height:1.9!important;margin-bottom:6px!important}

/* Key points */
.twref-page .twref-keypoints--reference{margin-top:20px!important}
.twref-page .twref-keypoints--reference>h2{font-size:19px!important;margin:0 0 11px!important;gap:9px!important}
.twref-page .twref-keypoints__grid{gap:10px!important}
.twref-page .twref-keypoints__grid article{min-height:137px!important;padding:15px 11px 13px!important;gap:8px!important;border-radius:8px!important}
.twref-page .twref-keypoints__grid article>span{width:40px!important;height:40px!important}
.twref-page .twref-keypoints__grid svg{width:21px!important;height:21px!important}
.twref-page .twref-keypoints__grid strong{font-size:13px!important;line-height:1.72!important}

/* Remaining article rhythm */
.twref-page .twref-flow--reference{margin-top:25px!important}
.twref-page .twref-flow--reference>*+*{margin-top:18px!important}
.twref-page .twref-table-title{font-size:20px!important;margin:30px 0 7px!important}
.twref-page .twref-table-shell{margin:8px 0 26px!important;border-radius:7px!important}
.twref-page .twref-table th,.twref-page .twref-table td{
  height:31px!important;padding:5px 9px!important;font-size:11.5px!important;line-height:1.45!important;
}
.twref-page .twref-table thead th{font-size:11.5px!important}

/* FAQ */
.twref-page .twref-faq-reference{margin-top:27px!important;grid-template-columns:28% minmax(0,1fr)!important;gap:16px!important}
.twref-page .twref-faq-media{min-height:128px!important;border-radius:9px!important}.twref-page .twref-faq-media span{font-size:70px!important}
.twref-page .twref-faq-card h2,.twref-page .twref-sources-list h2{padding:10px 12px!important;font-size:17px!important}
.twref-page .twref-faq-card summary{min-height:38px!important;padding:7px 11px!important;font-size:12px!important}
.twref-page .twref-faq-card details>div{font-size:11.5px!important;line-height:1.8!important}

/* Sources */
.twref-page .twref-sources-reference{margin-top:18px!important;grid-template-columns:minmax(0,1fr) 31%!important;gap:12px!important}
.twref-page .twref-sources a{min-height:42px!important;padding:6px 11px!important;font-size:10.8px!important}
.twref-page .twref-sources-media{min-height:96px!important;padding:13px!important;border-radius:9px!important}
.twref-page .twref-sources-media__badge{min-height:25px!important;margin-bottom:5px!important;font-size:10.5px!important}
.twref-page .twref-sources-media strong{font-size:15px!important}

/* Related articles span the full approved body canvas, not only the main column. */
.twref-page .twref-related--wide{width:100%!important;margin-top:25px!important;padding-top:0!important}
.twref-page .twref-related__head{margin-bottom:0!important}
.twref-page .twref-related__head h2{font-size:18px!important}
.twref-page .twref-related__lead{margin:0 0 9px!important;font-size:10px!important}
.twref-page .twref-related__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.twref-page .twref-related-card{border-radius:8px!important}
.twref-page .twref-related-card>img{
  width:100%!important;height:clamp(126px,12vw,185px)!important;object-fit:cover!important;aspect-ratio:auto!important;
}
.twref-page .twref-related-card__cat{
  top:calc(clamp(126px,12vw,185px) - 12px)!important;height:24px!important;padding:0 9px!important;font-size:9px!important;
}
.twref-page .twref-related-card__body{padding:14px 11px 11px!important}
.twref-page .twref-related-card__body strong{min-height:40px!important;font-size:12px!important;line-height:1.65!important}
.twref-page .twref-related-card__body small{margin-top:6px!important;font-size:9px!important}

/* Accessibility / anchored navigation */
.twref-page .twref-h2,.twref-page #twref-faq,.twref-page #twref-sources{scroll-margin-top:88px!important}

/* Large desktop — preserve composition, do not stretch it beyond editorial proportions. */
@media(min-width:1280px){
  .twref-page .twref-canvas{width:min(1440px,calc(100vw - 96px))!important}
  .twref-page .twref-shell--reference{grid-template-columns:276px minmax(0,1fr)!important;gap:22px!important}
  .twref-page .twref-hero h1{font-size:clamp(37px,2.55vw,47px)!important}
  .twref-page .twref-subtitle{font-size:15px!important}
  .twref-page .twref-richtext p{font-size:15px!important}
  .twref-page .twref-h2{font-size:22px!important}
  .twref-page .twref-keypoints__grid strong{font-size:14px!important}
  .twref-page .twref-table th,.twref-page .twref-table td{font-size:12.5px!important}
}

/* Short desktop viewports: never add an internal sidebar scrollbar. */
@media(min-width:821px) and (max-height:760px){
  .twref-page .twref-sidebar{position:static!important;top:auto!important}
}

/* Tablet */
@media(max-width:1100px) and (min-width:821px){
  .twref-page .twref-canvas{width:calc(100vw - 88px)!important}
  .twref-page .twref-shell--reference{grid-template-columns:238px minmax(0,1fr)!important;gap:18px!important}
  .twref-page .twref-hero h1{font-size:31px!important}
}

/* Mobile: same composition language, readable and touch friendly. */
@media(max-width:820px){
  .twref-page .twref-canvas{width:calc(100vw - 24px)!important}
  .twref-page .twref-hero--reference{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
  .twref-page .twref-hero--reference::before{display:none!important}
  .twref-page .twref-hero__media{order:1!important;height:auto!important;aspect-ratio:16/9!important}
  .twref-page .twref-hero__copy{order:2!important;padding:14px 16px 16px!important}
  .twref-page .twref-breadcrumbs--hero{font-size:11px!important;margin-bottom:8px!important}
  .twref-page .twref-tags a{font-size:10.5px!important}
  .twref-page .twref-hero h1{font-size:clamp(27px,7.5vw,34px)!important;line-height:1.35!important;letter-spacing:-.25px!important}
  .twref-page .twref-subtitle{font-size:15.5px!important;line-height:1.9!important;-webkit-line-clamp:4!important}
  .twref-page .twref-meta--hero{grid-template-columns:1fr 1fr!important;margin-top:14px!important}
  .twref-page .twref-meta--hero>div{min-height:58px!important;padding:8px 9px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  .twref-page .twref-meta__text{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
  .twref-page .twref-meta--hero small{font-size:10.5px!important}.twref-page .twref-meta--hero strong{font-size:12.5px!important}
  .twref-page .twref-shell--reference{display:flex!important;flex-direction:column!important;gap:18px!important;margin-top:14px!important}
  .twref-page .twref-article{order:1!important;width:100%!important}.twref-page .twref-sidebar{order:2!important;position:static!important;width:100%!important}
  .twref-page .twref-summary--reference{grid-template-columns:1fr!important;padding:16px!important}.twref-page .twref-summary__art{display:none!important}
  .twref-page .twref-summary--reference h2{font-size:21px!important}.twref-page .twref-summary--reference p{font-size:16px!important;line-height:2!important}
  .twref-page .twref-story--reference{grid-template-columns:1fr!important;gap:15px!important}.twref-page .twref-story__media{order:1!important}.twref-page .twref-story__copy{order:2!important}
  .twref-page .twref-story__media img{aspect-ratio:16/9!important}
  .twref-page .twref-h2{font-size:22px!important}.twref-page .twref-h3{font-size:18px!important}.twref-page .twref-richtext p{font-size:16px!important;line-height:2.05!important}.twref-page .twref-bullets li{font-size:15.5px!important}
  .twref-page .twref-keypoints__grid,.twref-page .twref-feature-strip{grid-template-columns:1fr 1fr!important;gap:10px!important}.twref-page .twref-keypoints__grid strong{font-size:14px!important}
  .twref-page .twref-table-shell{overflow:visible!important;border:0!important;box-shadow:none!important;background:transparent!important}.twref-page .twref-table,.twref-page .twref-table thead,.twref-page .twref-table tbody,.twref-page .twref-table tr,.twref-page .twref-table th,.twref-page .twref-table td{display:block!important;width:100%!important}.twref-page .twref-table thead{display:none!important}.twref-page .twref-table tr{margin:0 0 12px!important;border:1px solid #d9e3ef!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}.twref-page .twref-table td{height:auto!important;min-height:51px!important;padding:10px 12px 10px 46%!important;position:relative!important;border:0!important;border-bottom:1px solid #edf1f5!important;font-size:14px!important;line-height:1.8!important}.twref-page .twref-table td:last-child{border-bottom:0!important}.twref-page .twref-table td::before{content:attr(data-label)!important;position:absolute!important;right:12px!important;top:10px!important;width:40%!important;color:#183655!important;font-weight:900!important}.twref-page .twref-table td.is-featured{background:#fff8e7!important}
  .twref-page .twref-faq-reference,.twref-page .twref-sources-reference{grid-template-columns:1fr!important;gap:12px!important}.twref-page .twref-faq-card summary,.twref-page .twref-sources a{font-size:14px!important}.twref-page .twref-sources{grid-template-columns:1fr!important}
  .twref-page .twref-related--wide{margin-top:36px!important}.twref-page .twref-related__grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.twref-page .twref-related-card>img{height:170px!important}.twref-page .twref-related-card__cat{top:158px!important}.twref-page .twref-related-card__body strong{font-size:14px!important;line-height:1.72!important}
}

@media(max-width:520px){
  .twref-page .twref-canvas{width:calc(100vw - 20px)!important}
  .twref-page .twref-keypoints__grid,.twref-page .twref-feature-strip,.twref-page .twref-related__grid{grid-template-columns:1fr!important}
  .twref-page .twref-meta--hero{grid-template-columns:1fr!important}
  .twref-page .twref-meta--hero>div{border-inline-start:0!important}
  .twref-page .twref-related-card>img{height:205px!important}.twref-page .twref-related-card__cat{top:193px!important}
  .twref-page .twref-share-buttons{grid-template-columns:repeat(5,36px)!important;justify-content:start!important}
}

/* ======================================================================
   v2.9.9 — approved-reference lock for the TOP/HERO area only
   Do not alter the rest of the article design here.
   Reference canvas: 1024px desktop screenshot supplied by the user.
   ====================================================================== */

/* Remove any residual vertical gap from theme/content wrappers around our page. */
.twref-page{
  margin-top:0!important;
}

.twref-hero-band{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#06182f!important;
  overflow:hidden!important;
}

.twref-hero-canvas{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* Exact desktop composition: visual left / editorial copy right. */
.twref-hero--reference{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  height:258px!important;
  display:grid!important;
  grid-template-columns:58.2% 41.8%!important;
  direction:ltr!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#06182f!important;
  overflow:hidden!important;
}

.twref-hero--reference::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(
    90deg,
    rgba(6,24,47,0) 0%,
    rgba(6,24,47,.03) 46%,
    rgba(6,24,47,.40) 55%,
    rgba(6,24,47,.90) 65%,
    #06182f 78%,
    #06182f 100%
  )!important;
}

.twref-hero__media{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  height:258px!important;
  margin:0!important;
  padding:0!important;
  background:#06182f!important;
  overflow:hidden!important;
}
.twref-hero__media img{
  display:block!important;
  width:100%!important;
  height:258px!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:saturate(1.06) contrast(1.035)!important;
}

.twref-hero__copy{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  height:258px!important;
  direction:rtl!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  padding:43px 31px 12px 18px!important;
  margin:0!important;
  background:transparent!important;
  text-align:right!important;
}

/* Breadcrumb — one clean compact line exactly above the gold category pill. */
.twref-breadcrumbs--hero{
  position:absolute!important;
  top:11px!important;
  right:31px!important;
  left:18px!important;
  max-width:none!important;
  height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#b9c5d4!important;
  font-size:9.5px!important;
  line-height:20px!important;
  font-weight:500!important;
  opacity:.95!important;
}
.twref-breadcrumbs--hero a,
.twref-breadcrumbs--hero span{
  color:#b9c5d4!important;
  font-size:inherit!important;
  line-height:inherit!important;
  text-decoration:none!important;
}
.twref-breadcrumbs--hero .twref-breadcrumbs__current{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* One gold taxonomy chip, same size/position as the approved reference. */
.twref-tags{
  width:100%!important;
  min-height:22px!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 9px!important;
  padding:0!important;
}
.twref-tags a{
  min-height:22px!important;
  height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 10px!important;
  border:1px solid rgba(243,182,63,.5)!important;
  border-radius:999px!important;
  background:rgba(243,182,63,.11)!important;
  color:#ffd56f!important;
  font-size:9px!important;
  line-height:20px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.twref-tags a:first-child{
  background:linear-gradient(135deg,#f7cc65,#d9951e)!important;
  border-color:#e8ad35!important;
  color:#17253a!important;
}

/* Headline: same measured visual density and line wrapping as reference. */
.twref-hero h1{
  width:100%!important;
  max-width:398px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:31px!important;
  line-height:1.30!important;
  letter-spacing:-.55px!important;
  font-weight:950!important;
  text-align:right!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
}
.twref-hero h1 strong,
.twref-hero h1 b{
  color:inherit!important;
}

.twref-subtitle{
  width:100%!important;
  max-width:404px!important;
  margin:8px 0 0!important;
  padding:0!important;
  color:#d9e2ed!important;
  font-size:11.5px!important;
  line-height:1.85!important;
  font-weight:500!important;
  text-align:right!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

/* Reference meta rail: compact black-navy bar with gold outline and 4 equal data groups. */
.twref-meta--hero{
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  margin:auto 0 0!important;
  padding:4px 6px!important;
  display:grid!important;
  grid-template-columns:1.22fr 1fr 1fr .88fr!important;
  align-items:stretch!important;
  border:1px solid #e7ad35!important;
  border-radius:8px!important;
  background:rgba(2,14,29,.89)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset!important;
  overflow:hidden!important;
}
.twref-meta--hero>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  margin:0!important;
  padding:3px 7px!important;
  border:0!important;
  border-inline-start:1px solid rgba(255,255,255,.14)!important;
  background:transparent!important;
  border-radius:0!important;
}
.twref-meta--hero>div:first-child{
  border-inline-start:0!important;
}
.twref-meta__icon{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:50%!important;
  color:#f4f8fd!important;
  background:rgba(255,255,255,.06)!important;
}
.twref-meta__icon--gold{
  color:#ffc949!important;
  background:rgba(243,182,63,.08)!important;
}
.twref-meta--hero svg{
  width:14px!important;
  height:14px!important;
  stroke-width:1.9!important;
}
.twref-meta--hero .twref-meta__text,
.twref-meta--hero span:not(.twref-meta__icon){
  min-width:0!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1.15!important;
}
.twref-meta--hero small,
.twref-meta--hero strong{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.twref-meta--hero small{
  color:#aebccd!important;
  font-size:7.4px!important;
  font-weight:650!important;
  line-height:1!important;
}
.twref-meta--hero strong{
  color:#fff!important;
  font-size:8.8px!important;
  font-weight:850!important;
  line-height:1!important;
}
.twref-meta--hero small::after{
  content:" "!important;
}

/* Keep the next section starting at exactly the visual distance shown in the reference. */
.twref-canvas{
  margin-top:0!important;
}
.twref-shell--reference{
  margin-top:14px!important;
}

/* Large desktop: preserve the SAME visual proportions instead of blowing up the hero. */
@media (min-width:1200px){
  .twref-hero--reference,
  .twref-hero__media,
  .twref-hero__media img,
  .twref-hero__copy{height:318px!important}
  .twref-hero--reference{grid-template-columns:58.2% 41.8%!important}
  .twref-hero__copy{padding:53px 42px 14px 24px!important}
  .twref-breadcrumbs--hero{top:14px!important;right:42px!important;left:24px!important;font-size:11px!important}
  .twref-tags{margin-bottom:11px!important}
  .twref-tags a{height:25px!important;min-height:25px!important;font-size:10px!important;padding-inline:12px!important}
  .twref-hero h1{max-width:510px!important;font-size:39px!important;line-height:1.28!important;letter-spacing:-.7px!important}
  .twref-subtitle{max-width:520px!important;font-size:14px!important;line-height:1.9!important;margin-top:10px!important}
  .twref-meta--hero{height:50px!important;min-height:50px!important;padding:5px 7px!important;border-radius:9px!important}
  .twref-meta--hero>div{gap:7px!important;padding:4px 10px!important}
  .twref-meta__icon{width:27px!important;height:27px!important;flex-basis:27px!important}
  .twref-meta--hero svg{width:15px!important;height:15px!important}
  .twref-meta--hero small{font-size:8.5px!important}
  .twref-meta--hero strong{font-size:10px!important}
}

/* Tablet: same composition until it no longer fits. */
@media (max-width:820px){
  .twref-hero--reference{
    height:auto!important;
    grid-template-columns:1fr!important;
    grid-template-rows:220px auto!important;
  }
  .twref-hero--reference::before{display:none!important}
  .twref-hero__media{
    grid-column:1!important;
    grid-row:1!important;
    height:220px!important;
  }
  .twref-hero__media img{height:220px!important}
  .twref-hero__copy{
    grid-column:1!important;
    grid-row:2!important;
    height:auto!important;
    min-height:0!important;
    padding:43px 22px 16px!important;
    background:#06182f!important;
  }
  .twref-breadcrumbs--hero{top:10px!important;right:22px!important;left:22px!important;font-size:10px!important}
  .twref-hero h1{max-width:none!important;font-size:30px!important;line-height:1.34!important}
  .twref-subtitle{max-width:none!important;font-size:14px!important;line-height:1.9!important;-webkit-line-clamp:3!important}
  .twref-meta--hero{margin-top:16px!important;height:auto!important;min-height:0!important;grid-template-columns:1fr 1fr!important;gap:0!important}
  .twref-meta--hero>div:nth-child(odd){border-inline-start:0!important}
  .twref-meta--hero>div{min-height:40px!important}
}

/* Mobile: readability first while preserving the approved visual language. */
@media (max-width:560px){
  .twref-hero--reference{grid-template-rows:190px auto!important}
  .twref-hero__media,.twref-hero__media img{height:190px!important}
  .twref-hero__copy{padding:42px 18px 14px!important}
  .twref-breadcrumbs--hero{right:18px!important;left:18px!important;font-size:10px!important}
  .twref-tags{margin-bottom:8px!important}
  .twref-tags a{height:24px!important;min-height:24px!important;font-size:10px!important}
  .twref-hero h1{font-size:28px!important;line-height:1.38!important;letter-spacing:-.35px!important}
  .twref-subtitle{font-size:15px!important;line-height:1.95!important;margin-top:10px!important}
  .twref-meta--hero{grid-template-columns:1fr!important;margin-top:15px!important}
  .twref-meta--hero>div{min-height:42px!important;border-inline-start:0!important;border-top:1px solid rgba(255,255,255,.11)!important;padding:6px 8px!important}
  .twref-meta--hero>div:first-child{border-top:0!important}
  .twref-meta__icon{width:28px!important;height:28px!important;flex-basis:28px!important}
  .twref-meta--hero small{font-size:10px!important}
  .twref-meta--hero strong{font-size:11.5px!important}
}

/* ======================================================================
   v2.9.9 — FINAL APPROVED HERO REFERENCE LOCK
   Scope: ONLY article top/hero. No header/footer/body-section redesign here.
   Reference: user-approved 1024px Tehran Web article mockup.
   ====================================================================== */
.twref-page .twref-hero-band{
  background:#06172d!important;
  overflow:hidden!important;
}
.twref-page .twref-hero--reference{
  position:relative!important;
  width:100%!important;
  height:286px!important;
  display:grid!important;
  grid-template-columns:58% 42%!important;
  direction:ltr!important;
  background:#06172d!important;
  overflow:hidden!important;
}
.twref-page .twref-hero--reference::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(6,23,45,0) 0%,
    rgba(6,23,45,0) 45%,
    rgba(6,23,45,.18) 50%,
    rgba(6,23,45,.64) 58%,
    rgba(6,23,45,.94) 66%,
    #06172d 76%,
    #06172d 100%)!important;
}
.twref-page .twref-hero__media{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  z-index:1!important;
  height:286px!important;
  overflow:hidden!important;
  background:#06172d!important;
}
.twref-page .twref-hero__media::after{
  content:""!important;
  position:absolute!important;
  inset-block:0!important;
  inset-inline-end:-1px!important;
  width:31%!important;
  background:linear-gradient(90deg,rgba(6,23,45,0),#06172d 96%)!important;
  pointer-events:none!important;
}
.twref-page .twref-hero__media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(1.08) contrast(1.04)!important;
}
.twref-page .twref-hero__copy{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  z-index:4!important;
  height:286px!important;
  padding:48px 34px 13px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  direction:rtl!important;
  text-align:right!important;
  background:transparent!important;
}
.twref-page .twref-breadcrumbs--hero{
  position:absolute!important;
  top:12px!important;
  right:34px!important;
  left:16px!important;
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  color:#b8c7d8!important;
  font-size:11.5px!important;
  line-height:22px!important;
  font-weight:600!important;
  opacity:1!important;
}
.twref-page .twref-breadcrumbs--hero a,
.twref-page .twref-breadcrumbs--hero span{
  color:#b8c7d8!important;
  font-size:inherit!important;
  line-height:inherit!important;
  text-decoration:none!important;
}
.twref-page .twref-breadcrumbs--hero a:hover{color:#fff!important}
.twref-page .twref-breadcrumbs--hero .twref-breadcrumbs__current{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#d7e0ea!important;
}
.twref-page .twref-tags{
  min-height:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0 0 10px!important;
  gap:7px!important;
}
.twref-page .twref-tags a{
  height:26px!important;
  min-height:26px!important;
  padding:0 12px!important;
  border:1px solid rgba(243,182,63,.42)!important;
  border-radius:999px!important;
  background:rgba(243,182,63,.10)!important;
  color:#ffd36a!important;
  font-size:11px!important;
  line-height:24px!important;
  font-weight:850!important;
  box-shadow:0 0 18px rgba(243,182,63,.06)!important;
  text-decoration:none!important;
}
.twref-page .twref-tags a::before{
  content:"★"!important;
  display:inline-block!important;
  margin-inline-end:5px!important;
  color:#f6bd47!important;
  font-size:9px!important;
  line-height:1!important;
}
.twref-page .twref-tags a:first-child{
  background:rgba(243,182,63,.10)!important;
  color:#ffd36a!important;
  border-color:rgba(243,182,63,.46)!important;
}
.twref-page .twref-hero h1{
  width:100%!important;
  max-width:430px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:35px!important;
  line-height:1.29!important;
  letter-spacing:-.55px!important;
  font-weight:950!important;
  text-align:right!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
}
.twref-page .twref-title-accent{
  color:#f6b83f!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  display:inline!important;
  white-space:normal!important;
}
.twref-page .twref-subtitle{
  width:100%!important;
  max-width:430px!important;
  margin:10px 0 0!important;
  color:#e3eaf2!important;
  font-size:14.5px!important;
  line-height:1.85!important;
  font-weight:520!important;
  text-align:right!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.twref-page .twref-meta--hero{
  width:100%!important;
  min-height:52px!important;
  height:52px!important;
  margin:auto 0 0!important;
  padding:4px 7px!important;
  display:grid!important;
  grid-template-columns:1.28fr 1fr 1fr .92fr!important;
  align-items:stretch!important;
  border:1.5px solid #e6ae38!important;
  border-radius:9px!important;
  background:rgba(2,13,28,.90)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset!important;
  overflow:hidden!important;
}
.twref-page .twref-meta--hero>div{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding:4px 9px!important;
  border-inline-start:1px solid rgba(255,255,255,.13)!important;
  background:transparent!important;
}
.twref-page .twref-meta--hero>div:first-child{border-inline-start:0!important}
.twref-page .twref-meta__icon{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:rgba(255,255,255,.065)!important;
}
.twref-page .twref-meta__icon--gold{
  color:#ffc74a!important;
  background:rgba(243,182,63,.08)!important;
}
.twref-page .twref-meta--hero svg{width:16px!important;height:16px!important;stroke-width:1.9!important}
.twref-page .twref-meta--hero .twref-meta__text{
  min-width:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:3px!important;
  white-space:nowrap!important;
  line-height:1.25!important;
}
.twref-page .twref-meta--hero small,
.twref-page .twref-meta--hero strong{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
.twref-page .twref-meta--hero small{
  color:#c6d1dd!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  font-weight:650!important;
}
.twref-page .twref-meta--hero strong{
  color:#fff!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:850!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media (min-width:1200px){
  .twref-page .twref-hero--reference,
  .twref-page .twref-hero__media,
  .twref-page .twref-hero__copy{height:348px!important}
  .twref-page .twref-hero__copy{padding:58px 48px 15px 22px!important}
  .twref-page .twref-breadcrumbs--hero{top:15px!important;right:48px!important;left:22px!important;font-size:13px!important;height:24px!important}
  .twref-page .twref-tags{margin-bottom:12px!important}.twref-page .twref-tags a{height:29px!important;min-height:29px!important;font-size:12px!important;padding-inline:14px!important}
  .twref-page .twref-hero h1{max-width:535px!important;font-size:45px!important;line-height:1.25!important;letter-spacing:-.7px!important}
  .twref-page .twref-subtitle{max-width:540px!important;font-size:16.5px!important;line-height:1.85!important;margin-top:12px!important}
  .twref-page .twref-meta--hero{height:58px!important;min-height:58px!important;padding:5px 8px!important}
  .twref-page .twref-meta__icon{width:31px!important;height:31px!important;flex-basis:31px!important}
  .twref-page .twref-meta--hero svg{width:17px!important;height:17px!important}
  .twref-page .twref-meta--hero small{font-size:11.5px!important}
  .twref-page .twref-meta--hero strong{font-size:13px!important}
}

@media (max-width:820px){
  .twref-page .twref-hero--reference{
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    background:#06172d!important;
  }
  .twref-page .twref-hero--reference::before{display:none!important}
  .twref-page .twref-hero__media{order:1!important;height:auto!important;aspect-ratio:16/9!important}
  .twref-page .twref-hero__media::after{display:none!important}
  .twref-page .twref-hero__copy{order:2!important;height:auto!important;min-height:0!important;padding:44px 18px 18px!important;background:#06172d!important}
  .twref-page .twref-breadcrumbs--hero{top:10px!important;right:18px!important;left:18px!important;font-size:12px!important;height:22px!important}
  .twref-page .twref-tags{margin-bottom:10px!important}.twref-page .twref-tags a{font-size:11.5px!important;height:27px!important;min-height:27px!important}
  .twref-page .twref-hero h1{max-width:none!important;font-size:clamp(30px,8.2vw,38px)!important;line-height:1.34!important;letter-spacing:-.3px!important}
  .twref-page .twref-subtitle{max-width:none!important;font-size:16px!important;line-height:1.9!important;-webkit-line-clamp:4!important}
  .twref-page .twref-meta--hero{height:auto!important;min-height:0!important;margin-top:16px!important;grid-template-columns:1fr 1fr!important;padding:5px!important}
  .twref-page .twref-meta--hero>div{min-height:60px!important;padding:8px 9px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  .twref-page .twref-meta--hero>div:nth-child(even){border-inline-start:1px solid rgba(255,255,255,.10)!important}
  .twref-page .twref-meta--hero>div:nth-last-child(-n+2){border-bottom:0!important}
  .twref-page .twref-meta--hero .twref-meta__text{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
  .twref-page .twref-meta--hero small{font-size:11px!important}.twref-page .twref-meta--hero strong{font-size:13px!important}
}

@media (max-width:480px){
  .twref-page .twref-hero__copy{padding:43px 16px 16px!important}
  .twref-page .twref-breadcrumbs--hero{right:16px!important;left:16px!important;font-size:11.5px!important}
  .twref-page .twref-hero h1{font-size:clamp(29px,8.8vw,35px)!important}
  .twref-page .twref-subtitle{font-size:16px!important}
  .twref-page .twref-meta--hero{grid-template-columns:1fr!important}
  .twref-page .twref-meta--hero>div,
  .twref-page .twref-meta--hero>div:nth-child(even),
  .twref-page .twref-meta--hero>div:nth-last-child(-n+2){border-inline-start:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  .twref-page .twref-meta--hero>div:last-child{border-bottom:0!important}
}


/* ======================================================================
   v2.9.10 — HERO FIT / NO CLIPPING LOCK
   User constraint: keep the approved hero height unchanged. Adjust only
   internal typography/spacing so title + excerpt + metadata remain visible.
   ====================================================================== */
@media (min-width:821px){
  .twref-page .twref-hero--reference,
  .twref-page .twref-hero__media,
  .twref-page .twref-hero__copy{height:286px!important;min-height:286px!important;max-height:286px!important}

  .twref-page .twref-hero__copy{
    padding:42px 32px 10px 14px!important;
    overflow:hidden!important;
  }
  .twref-page .twref-breadcrumbs--hero{
    top:10px!important;right:32px!important;left:14px!important;
    height:20px!important;font-size:10.5px!important;line-height:20px!important;gap:6px!important;
  }
  .twref-page .twref-tags{min-height:23px!important;margin:0 0 6px!important;gap:6px!important}
  .twref-page .twref-tags a{height:23px!important;min-height:23px!important;padding:0 10px!important;font-size:10px!important;line-height:21px!important}
  .twref-page .twref-hero h1{
    max-width:450px!important;
    font-size:31px!important;
    line-height:1.18!important;
    letter-spacing:-.35px!important;
    text-wrap:pretty!important;
    overflow:visible!important;
    max-height:none!important;
  }
  .twref-page .twref-title-accent{white-space:nowrap!important}
  .twref-page .twref-subtitle{
    max-width:455px!important;
    margin:6px 0 0!important;
    font-size:12.5px!important;
    line-height:1.62!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .twref-page .twref-meta--hero{
    height:46px!important;min-height:46px!important;
    margin:auto 0 0!important;padding:3px 5px!important;
    grid-template-columns:1.22fr 1fr 1fr .88fr!important;
  }
  .twref-page .twref-meta--hero>div{gap:5px!important;padding:3px 6px!important}
  .twref-page .twref-meta__icon{width:25px!important;height:25px!important;flex:0 0 25px!important}
  .twref-page .twref-meta--hero svg{width:14px!important;height:14px!important}
  .twref-page .twref-meta--hero .twref-meta__text{gap:2px!important;min-width:0!important}
  .twref-page .twref-meta--hero small{font-size:8.5px!important;line-height:1.2!important}
  .twref-page .twref-meta--hero strong{font-size:9.7px!important;line-height:1.22!important}
}

@media (min-width:1200px){
  .twref-page .twref-hero--reference,
  .twref-page .twref-hero__media,
  .twref-page .twref-hero__copy{height:348px!important;min-height:348px!important;max-height:348px!important}

  .twref-page .twref-hero__copy{
    padding:50px 46px 12px 20px!important;
    overflow:hidden!important;
  }
  .twref-page .twref-breadcrumbs--hero{
    top:12px!important;right:46px!important;left:20px!important;
    height:22px!important;font-size:11.5px!important;line-height:22px!important;
  }
  .twref-page .twref-tags{min-height:25px!important;margin-bottom:7px!important}
  .twref-page .twref-tags a{height:25px!important;min-height:25px!important;font-size:10.5px!important;line-height:23px!important;padding-inline:11px!important}
  .twref-page .twref-hero h1{
    max-width:570px!important;
    font-size:34px!important;
    line-height:1.17!important;
    letter-spacing:-.45px!important;
    text-wrap:pretty!important;
    overflow:visible!important;
    max-height:none!important;
  }
  .twref-page .twref-title-accent{white-space:nowrap!important}
  .twref-page .twref-subtitle{
    max-width:575px!important;
    margin-top:7px!important;
    font-size:13.5px!important;
    line-height:1.65!important;
    -webkit-line-clamp:2!important;
  }
  .twref-page .twref-meta--hero{
    height:50px!important;min-height:50px!important;
    padding:4px 6px!important;
  }
  .twref-page .twref-meta--hero>div{gap:6px!important;padding:3px 8px!important}
  .twref-page .twref-meta__icon{width:27px!important;height:27px!important;flex:0 0 27px!important}
  .twref-page .twref-meta--hero svg{width:15px!important;height:15px!important}
  .twref-page .twref-meta--hero small{font-size:9.2px!important}
  .twref-page .twref-meta--hero strong{font-size:10.8px!important}
}

/* Mobile is naturally auto-height: nothing is allowed to clip. */
@media (max-width:820px){
  .twref-page .twref-hero--reference,
  .twref-page .twref-hero__copy{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .twref-page .twref-title-accent{white-space:normal!important}
}


/* ======================================================================
   v2.9.13 — COMPLETE HERO TEXT / NO ELLIPSIS / SAME HEIGHT
   Fixes the real rendered output only. Hero height is intentionally unchanged.
   ====================================================================== */
@media (min-width:821px){
  .twref-page .twref-hero--reference{
    grid-template-columns:54% 46%!important;
  }
  .twref-page .twref-hero__copy{
    overflow:visible!important;
    padding:44px 30px 10px 12px!important;
  }

  /* Breadcrumb: full text, no server/client ellipsis. Up to two compact lines. */
  .twref-page .twref-breadcrumbs--hero{
    top:8px!important;
    right:30px!important;
    left:12px!important;
    height:auto!important;
    min-height:19px!important;
    max-height:34px!important;
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:3px 6px!important;
    white-space:normal!important;
    overflow:visible!important;
    font-size:10.5px!important;
    line-height:1.5!important;
  }
  .twref-page .twref-breadcrumbs--hero a,
  .twref-page .twref-breadcrumbs--hero>span:not(.twref-breadcrumbs__current){
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .twref-page .twref-breadcrumbs--hero .twref-breadcrumbs__current{
    flex:1 1 230px!important;
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    display:block!important;
  }

  .twref-page .twref-tags{
    margin:0 0 5px!important;
    min-height:22px!important;
  }
  .twref-page .twref-tags a{
    height:22px!important;
    min-height:22px!important;
    line-height:20px!important;
    font-size:9.8px!important;
    padding-inline:10px!important;
  }

  /* Title: readable, wider line box, no compression and no clipping. */
  .twref-page .twref-hero h1{
    width:100%!important;
    max-width:100%!important;
    font-size:25.5px!important;
    line-height:1.22!important;
    letter-spacing:-.18px!important;
    text-wrap:pretty!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .twref-page .twref-title-accent{
    white-space:nowrap!important;
  }
  .twref-page .twref-subtitle{
    max-width:100%!important;
    margin-top:5px!important;
    font-size:11.8px!important;
    line-height:1.58!important;
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
  }

  /* Meta: full labels/values, no ellipsis. Allow wrapping inside each item. */
  .twref-page .twref-meta--hero{
    height:48px!important;
    min-height:48px!important;
    margin:auto 0 0!important;
    padding:3px 5px!important;
    grid-template-columns:1.38fr 1fr 1fr .86fr!important;
    overflow:visible!important;
  }
  .twref-page .twref-meta--hero>div{
    min-width:0!important;
    gap:5px!important;
    padding:3px 6px!important;
    overflow:visible!important;
  }
  .twref-page .twref-meta__icon{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
  }
  .twref-page .twref-meta--hero svg{width:14px!important;height:14px!important}
  .twref-page .twref-meta--hero .twref-meta__text{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:1px!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .twref-page .twref-meta--hero small{
    font-size:8.8px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .twref-page .twref-meta--hero strong{
    max-width:100%!important;
    font-size:10.2px!important;
    line-height:1.22!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
  }
}

@media (min-width:1200px){
  /* Keep the already-approved 348px hero height. */
  .twref-page .twref-hero--reference,
  .twref-page .twref-hero__media,
  .twref-page .twref-hero__copy{
    height:348px!important;
    min-height:348px!important;
    max-height:348px!important;
  }
  .twref-page .twref-hero--reference{
    grid-template-columns:54% 46%!important;
  }
  .twref-page .twref-hero__copy{
    padding:49px 38px 12px 18px!important;
  }
  .twref-page .twref-breadcrumbs--hero{
    top:10px!important;
    right:38px!important;
    left:18px!important;
    max-height:38px!important;
    font-size:11.2px!important;
    line-height:1.5!important;
  }
  .twref-page .twref-tags{margin-bottom:7px!important}
  .twref-page .twref-tags a{
    height:24px!important;
    min-height:24px!important;
    line-height:22px!important;
    font-size:10.5px!important;
  }
  .twref-page .twref-hero h1{
    font-size:31px!important;
    line-height:1.23!important;
    letter-spacing:-.3px!important;
  }
  .twref-page .twref-subtitle{
    margin-top:6px!important;
    font-size:12.8px!important;
    line-height:1.6!important;
  }
  .twref-page .twref-meta--hero{
    height:56px!important;
    min-height:56px!important;
    padding:4px 6px!important;
  }
  .twref-page .twref-meta--hero>div{gap:6px!important;padding:4px 7px!important}
  .twref-page .twref-meta__icon{width:27px!important;height:27px!important;flex-basis:27px!important}
  .twref-page .twref-meta--hero svg{width:15px!important;height:15px!important}
  .twref-page .twref-meta--hero small{font-size:9.6px!important}
  .twref-page .twref-meta--hero strong{font-size:11.2px!important;line-height:1.24!important}
}

@media (min-width:1500px){
  .twref-page .twref-hero__copy{padding-right:42px!important;padding-left:20px!important}
  .twref-page .twref-breadcrumbs--hero{right:42px!important;left:20px!important}
  .twref-page .twref-hero h1{font-size:32px!important;line-height:1.24!important}
  .twref-page .twref-subtitle{font-size:13px!important}
  .twref-page .twref-meta--hero small{font-size:9.8px!important}
  .twref-page .twref-meta--hero strong{font-size:11.4px!important}
}

/* Mobile remains auto-height so no information can ever be clipped. */
@media (max-width:820px){
  .twref-page .twref-breadcrumbs--hero{
    white-space:normal!important;
    overflow:visible!important;
    height:auto!important;
    max-height:none!important;
  }
  .twref-page .twref-breadcrumbs--hero .twref-breadcrumbs__current{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .twref-page .twref-meta--hero strong{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

/* ======================================================================
   v2.9.13 — readability patch only
   Approved scope: inline link decoration, FAQ readability, source readability.
   No layout/hero/sidebar/table/related/header/footer changes in this patch.
   ====================================================================== */

/* Inline editorial links: keep brand color but remove underline completely. */
.twref-page .twref-richtext a,
.twref-page .twref-flow p a,
.twref-page .twref-story p a,
.twref-page .twref-fallback-content a{
  color:#075ee7!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.twref-page .twref-richtext a:hover,
.twref-page .twref-flow p a:hover,
.twref-page .twref-story p a:hover,
.twref-page .twref-fallback-content a:hover{
  color:#064fc3!important;
  text-decoration:none!important;
}

/* FAQ: larger, calmer and fully readable without changing its placement. */
.twref-page .twref-faq-card h2{
  font-size:20px!important;
  line-height:1.5!important;
  padding:13px 15px!important;
}
.twref-page .twref-faq-card summary{
  min-height:52px!important;
  padding:11px 14px!important;
  gap:10px!important;
  font-size:15px!important;
  line-height:1.75!important;
  font-weight:750!important;
  color:#304d6f!important;
}
.twref-page .twref-plus{
  width:27px!important;
  height:27px!important;
}
.twref-page .twref-plus svg{
  width:14px!important;
  height:14px!important;
}
.twref-page .twref-faq-card details>div{
  padding:2px 15px 15px!important;
  color:#516b89!important;
  font-size:14px!important;
  line-height:2!important;
}

/* Sources: increase all readable text while preserving the approved grid. */
.twref-page .twref-sources-list h2{
  font-size:20px!important;
  line-height:1.5!important;
  padding:13px 15px!important;
}
.twref-page .twref-support-note{
  font-size:13.5px!important;
  line-height:1.9!important;
}
.twref-page .twref-sources a{
  min-height:58px!important;
  padding:10px 14px!important;
  gap:11px!important;
  font-size:14px!important;
  line-height:1.75!important;
  font-weight:600!important;
  text-decoration:none!important;
}
.twref-page .twref-sources a span{
  font-size:inherit!important;
  line-height:inherit!important;
}
.twref-page .twref-sources svg{
  width:17px!important;
  height:17px!important;
}
.twref-page .twref-sources-media__badge{
  font-size:12.5px!important;
}
.twref-page .twref-sources-media strong{
  font-size:18px!important;
  line-height:1.55!important;
}

@media (max-width:820px){
  .twref-page .twref-faq-card h2,
  .twref-page .twref-sources-list h2{
    font-size:20px!important;
    padding:13px 14px!important;
  }
  .twref-page .twref-faq-card summary{
    min-height:54px!important;
    padding:12px 13px!important;
    font-size:15.5px!important;
    line-height:1.8!important;
  }
  .twref-page .twref-faq-card details>div{
    padding:3px 14px 15px!important;
    font-size:14.5px!important;
    line-height:2!important;
  }
  .twref-page .twref-sources a{
    min-height:58px!important;
    padding:11px 13px!important;
    font-size:14.5px!important;
    line-height:1.8!important;
  }
  .twref-page .twref-support-note{
    font-size:14px!important;
  }
}


/* ======================================================================
   v2.9.13 — MOBILE TABLE CARD LAYOUT FIX ONLY
   Fixes overlapping labels/values on narrow screens. Desktop untouched.
   ====================================================================== */
@media (max-width:820px){
  .twref-page .twref-table-shell{
    width:100%!important;
    margin:12px 0 30px!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .twref-page .twref-table,
  .twref-page .twref-table tbody,
  .twref-page .twref-table tr,
  .twref-page .twref-table td{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .twref-page .twref-table,
  .twref-page .twref-table tbody{
    display:block!important;
  }
  .twref-page .twref-table thead{
    display:none!important;
  }
  .twref-page .twref-table tr{
    display:block!important;
    margin:0 0 16px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #d6e2ef!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 7px 18px rgba(10,35,70,.05)!important;
  }
  .twref-page .twref-table td{
    position:static!important;
    display:grid!important;
    grid-template-columns:minmax(96px,34%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:13px 14px!important;
    border:0!important;
    border-bottom:1px solid #e7edf4!important;
    background:#fff!important;
    color:#344f70!important;
    font-size:15px!important;
    line-height:1.85!important;
    font-weight:500!important;
    text-align:right!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .twref-page .twref-table td:last-child{
    border-bottom:0!important;
  }
  .twref-page .twref-table td::before{
    content:attr(data-label)!important;
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    color:#10284b!important;
    font-size:13.5px!important;
    line-height:1.7!important;
    font-weight:900!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    text-align:right!important;
  }
  .twref-page .twref-table td.is-featured{
    background:#fff8e8!important;
    color:#4f3c1b!important;
  }
  .twref-page .twref-table td.is-featured::before{
    color:#8a5c0d!important;
  }
  .twref-page .twref-table-title{
    margin:34px 0 13px!important;
    font-size:22px!important;
    line-height:1.55!important;
  }
}

@media (max-width:520px){
  .twref-page .twref-table tr{
    margin-bottom:18px!important;
    border-radius:11px!important;
  }
  .twref-page .twref-table td{
    grid-template-columns:minmax(90px,36%) minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px 12px!important;
    font-size:14.5px!important;
    line-height:1.9!important;
  }
  .twref-page .twref-table td::before{
    font-size:13px!important;
    line-height:1.75!important;
  }
}