:host {
  display: block;
  width: 297mm;
  height: 210mm;
  direction: rtl;
}

.section-open-page {
  --sec-blue: #1e3a5f;
  --sec-blue-deep: #0f2746;
  --sec-gold: #d4af37;
  --sec-gray: #f1f5f9;
  position: relative;
  width: 297mm;
  height: 210mm;
  min-height: 210mm;
  overflow: hidden;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  color: var(--sec-blue);
  background: #fff;
  font-family: var(--font-sans);
  box-sizing: border-box;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.section-open-page *,
.section-open-page *::before,
.section-open-page *::after { box-sizing: border-box; }

.sec-header { position: absolute; top: 0; left: 0; width: 100%; padding: 34px 48px; display: flex; align-items: flex-start; justify-content: space-between; z-index: 10; }
.sec-brand { display: flex; align-items: center; gap: 14px; }
.sec-logo { width: 58px; max-height: 62px; object-fit: contain; filter: grayscale(.15); opacity: .9; }
.sec-brand-copy { display: flex; flex-direction: column; gap: 2px; }
.sec-brand-copy strong { color: var(--sec-blue); font-size: 17px; font-weight: 900; }
.sec-brand-copy span { color: #94a3b8; font: 800 9px/1.2 ui-monospace, monospace; letter-spacing: .13em; }
.sec-chip { margin-left: 78px; display: inline-flex; align-items: center; gap: 9px; padding: 7px 14px; border: 1px solid #d1d5db; border-radius: 999px; background: rgba(255,255,255,.72); color: #64748b; font-size: 11px; font-weight: 900; box-shadow: 0 9px 25px -20px rgba(15,23,42,.4); }
.sec-chip i { width: 8px; height: 8px; border-radius: 50%; background: var(--sec-blue); }
.sec-footer { position: absolute; left: 52px; right: 52px; bottom: 34px; z-index: 10; display: flex; align-items: center; gap: 18px; }
.sec-footer-line { flex: 1; height: 1px; background: rgba(212,175,55,.70); }
.sec-footer-copy { color: var(--sec-blue); font-size: 11px; line-height: 1.2; font-weight: 900; letter-spacing: .10em; white-space: nowrap; }
.sec-footer-page { min-width: 82px; padding: 10px 18px; position: relative; overflow: hidden; display: grid; place-items: center; color: var(--sec-blue); background: var(--sec-gold); transform: skewX(-12deg); box-shadow: 0 8px 20px -15px rgba(15,23,42,.45); }
.sec-footer-page b { transform: skewX(12deg); font: 900 18px/1 ui-monospace, monospace; }

/* =========================================================
   PAGE 79 · Ninth section · Continuous programs
   ========================================================= */
.page-079-continuous-programs {
  background-color: #fff;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(30,58,95,.020) 10px, rgba(30,58,95,.020) 11px);
}
.page-079-continuous-programs::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(45deg, transparent 49.88%, rgba(30,58,95,.12) 49.88%, rgba(30,58,95,.12) 50.12%, transparent 50.12%); }
.p079-macro-box { position: absolute; top: 120px; left: 0; width: 500px; height: 510px; overflow: hidden; z-index: 0; pointer-events: none; }
.p079-macro-box span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: transparent; -webkit-text-stroke: 2px rgba(30,58,95,.055); font-size: 390px; line-height: .75; font-weight: 900; letter-spacing: -.08em; transform: rotate(-37deg); white-space: nowrap; }
.p079-thread { position: absolute; left: 50px; bottom: 78px; width: 650px; height: 310px; z-index: 1; pointer-events: none; }
.p079-thread svg { width: 100%; height: 100%; overflow: hidden; }
.p079-thread path { fill: none; stroke: var(--sec-gold); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1800; opacity: .74; }
.p079-thread path:nth-child(2) { stroke-width: 1; opacity: .35; }
.p079-main { width: 100%; height: 100%; padding: 128px 98px 116px; display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 4; }
.p079-copy { position: relative; width: 620px; display: flex; flex-direction: column; align-items: flex-start; }
.p079-diamond { position: absolute; top: -28px; right: -74px; width: 62px; height: 62px; display: grid; place-items: center; background: #fff; border: 2px solid var(--sec-blue); transform: rotate(45deg); box-shadow: 10px 10px 0 rgba(30,58,95,.05); }
.p079-diamond b { transform: rotate(-45deg); color: var(--sec-blue); font: 900 26px/1 ui-monospace, monospace; }
.p079-ordinal { margin: 0 0 12px; color: rgba(30,58,95,.68); font-size: 35px; line-height: 1.2; font-weight: 300; letter-spacing: .14em; }
.p079-title { margin: 0; color: var(--sec-blue); font-size: 79px; line-height: 1.06; font-weight: 900; letter-spacing: -.04em; }
.p079-title span { display: block; position: relative; color: transparent; background: linear-gradient(180deg, #edca52, var(--sec-gold), #b9820c); -webkit-background-clip: text; background-clip: text; }
.p079-title span::after { content: ""; position: absolute; right: 0; bottom: -6px; width: 100%; height: 3px; background: rgba(212,175,55,.32); }

/* =========================================================
   PAGE 84 · Tenth section · External directives
   ========================================================= */
.page-084-external-directives { background-color: #fff; background-image: radial-gradient(rgba(30,58,95,.05) 1.4px, transparent 1.4px); background-size: 40px 40px; }
.p084-watermark-box { position: absolute; top: 90px; right: 0; width: 520px; height: 600px; overflow: hidden; z-index: 0; pointer-events: none; }
.p084-watermark-box span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-end; color: rgba(241,245,249,.82); font: 900 455px/.75 ui-monospace, monospace; letter-spacing: -.10em; transform: translateX(38px); white-space: nowrap; }
.p084-orbits { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.p084-orbits .orbit { fill: none; stroke: var(--sec-gold); stroke-width: 1.5; stroke-dasharray: 10 15; opacity: .36; }
.p084-orbits .orbit-solid { fill: none; stroke: var(--sec-blue); stroke-width: 1; opacity: .09; }
.p084-target { position: absolute; top: 210px; left: 222px; width: 78px; height: 78px; display: grid; place-items: center; background: #fff; border: 2px solid var(--sec-blue); transform: rotate(45deg); box-shadow: 14px 14px 0 rgba(30,58,95,.045); z-index: 5; }
.p084-target b { transform: rotate(-45deg); color: var(--sec-blue); font: 900 31px/1 ui-monospace, monospace; }
.p084-target::after { content: ""; position: absolute; top: 50%; left: 100%; width: 210px; height: 1px; background: rgba(212,175,55,.32); }
.p084-main { width: 100%; height: 100%; padding: 132px 104px 118px 90px; display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 4; }
.p084-copy { display: flex; flex-direction: column; align-items: flex-start; }
.p084-ordinal { margin: 0 0 22px; color: var(--sec-gold); font-size: 35px; line-height: 1.2; font-weight: 300; letter-spacing: .22em; }
.p084-line-one { margin: 0; color: var(--sec-blue); font-size: 56px; line-height: 1.16; font-weight: 900; }
.p084-line-two { margin: 10px 64px 0 0; display: flex; align-items: center; gap: 18px; color: rgba(30,58,95,.80); }
.p084-line-two i { width: 72px; height: 3px; background: var(--sec-gold); }
.p084-line-two h2 { margin: 0; font-size: 47px; line-height: 1.2; font-weight: 800; }
.p084-line-three { margin: 6px 120px 0 0; color: transparent; background: linear-gradient(180deg, #efcb52, var(--sec-gold), #b9820c); -webkit-background-clip: text; background-clip: text; font-size: 76px; line-height: 1.08; font-weight: 900; letter-spacing: -.04em; }
.p084-sync { position: absolute; left: 220px; bottom: 185px; color: rgba(30,58,95,.48); font: 800 8.5px/1.65 ui-monospace, monospace; letter-spacing: .22em; text-transform: uppercase; direction: ltr; text-align: left; }
.p084-sync b { display: block; color: var(--sec-gold); }

@media (prefers-reduced-motion: no-preference) {
  .p079-thread path { animation: secDraw 9s linear infinite alternate; }
  .p084-target { animation: secNodePulse 3.2s ease-in-out infinite; }
}
@keyframes secDraw { from{stroke-dashoffset:1800} to{stroke-dashoffset:0} }
@keyframes secNodePulse { 0%,100%{box-shadow:14px 14px 0 rgba(30,58,95,.045),0 0 0 0 rgba(212,175,55,.12)} 50%{box-shadow:14px 14px 0 rgba(30,58,95,.045),0 0 0 16px rgba(212,175,55,0)} }

@media print {
  :host,
  .section-open-page { width: 297mm !important; height: 210mm !important; min-height: 210mm !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  .p079-thread path,
  .p084-target { animation: none !important; }
}