@import url('https://fonts.googleapis.com/css2?family=Gloock&display=swap');
/* Insights site-wide pieces (2026-10-08): From Insights box, email sign-up,
   gold "new" dot on the Insights menu link, footer "Latest from Insights" line,
   homepage gate pill dot. Shared by every page; edit here, not on the pages. */

/* Wordmark + glowing dot (same geometry as the Insights page) */
.insx-wm { display: inline-block; font-family: 'Gloock', 'Cormorant Garamond', serif; font-weight: 400; line-height: 0.98; letter-spacing: -0.012em; color: #F4EFE4; text-decoration: none; }
.insx-wm-i { position: relative; display: inline-block; }
.insx-dot { position: absolute; left: 0.158em; top: 0.1825em; width: 0.215em; height: 0.215em; transform: translate(-50%, -50%); border-radius: 50%;
  background: radial-gradient(circle at 38% 34%, #F8E29A 0%, #DDB540 40%, #C49A1A 70%, #A9850F 100%);
  box-shadow: 0 0 0.1em 0.03em rgba(242,204,96,0.58), 0 0 0.41em 0.14em rgba(196,154,26,0.32), 0 0 1.15em 0.49em rgba(196,154,26,0.14); }
.insx-dot::after, .insx-pill-dot::after, .insx-new-dot::after { content: ''; position: absolute; inset: 0; border-radius: 50%; pointer-events: none; opacity: 0;
  box-shadow: 0 0 0.16em 0.05em rgba(248,226,154,0.55), 0 0 0.6em 0.22em rgba(221,181,64,0.30), 0 0 1.5em 0.65em rgba(196,154,26,0.14);
  animation: insxBreath 5.5s ease-in-out infinite; }
@keyframes insxBreath { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }

/* From Insights box */
.insx-wrap { max-width: 860px; margin: 0 auto; padding: 56px 32px; box-sizing: border-box; }
.insx-box { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 10px 34px; align-items: center; padding: 30px 34px; border-radius: 6px;
  background: linear-gradient(135deg, #0C1C30 0%, #07111E 100%); border: 1px solid rgba(196,146,10,0.35); box-shadow: 0 18px 44px rgba(7,17,30,0.25); color: #F4EFE4; text-align: left; }
.insx-box .insx-wm { font-size: 2.6rem; }
.insx-box-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.insx-kicker { margin: 0; font-family: 'Outfit', sans-serif; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: #E8B830; }
.insx-title { margin: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.6rem; font-weight: 700; line-height: 1.15; color: #FAFAFA; }
.insx-title a { color: inherit; text-decoration: none; border: 0; }
.insx-title a:hover, .insx-title a:focus-visible { color: #E8B830; }
.insx-deck { margin: 0; font-family: 'Crimson Pro', serif; font-size: 1.04rem; line-height: 1.55; color: rgba(250,250,250,0.72); }
.insx-cta { align-self: flex-start; margin-top: 6px; font-family: 'Outfit', sans-serif; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: #E8B830; text-decoration: none; border-bottom: 1px solid rgba(232,184,48,0.45); padding-bottom: 2px; }
.insx-cta:hover, .insx-cta:focus-visible { color: #FDE999; border-bottom-color: #FDE999; }

/* Email sign-up under the box */
.insx-signup { margin-top: 18px; padding: 22px 34px; border-radius: 6px; border: 1px dashed rgba(196,146,10,0.35); background: rgba(255,255,255,0.03); color: rgba(250,250,250,0.75); }
.insx-signup-h { margin: 0 0 4px; font-family: 'Outfit', sans-serif; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #E8B830; }
.insx-signup p.insx-signup-t { margin: 0 0 12px; font-family: 'Crimson Pro', serif; font-size: 1.02rem; line-height: 1.5; color: rgba(250,250,250,0.72); }
.insx-signup-form { display: flex; gap: 10px; flex-wrap: wrap; }
.insx-signup-form input { flex: 1 1 220px; min-width: 0; padding: 12px 14px; font-family: 'Outfit', sans-serif; font-size: 0.9rem; color: #07111E; background: #FAFAFA; border: 1px solid rgba(196,146,10,0.4); border-radius: 2px; }
.insx-signup-form input:focus { outline: 2px solid #E8B830; outline-offset: 1px; }
.insx-signup-form select { flex: 1 1 200px; min-width: 0; padding: 12px 38px 12px 14px; font-family: 'Outfit', sans-serif; font-size: 0.9rem; color: #FAFAFA; background: rgba(255,255,255,0.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23E8B830' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center; border: 1px solid rgba(196,146,10,0.4); border-radius: 3px; appearance: none; -webkit-appearance: none; cursor: pointer; }
.insx-signup-form select:focus { outline: 2px solid #E8B830; outline-offset: 1px; }
.insx-signup-form select option { background: #07111E; color: #FAFAFA; }
.insx-signup-form button { flex: 0 0 auto; padding: 12px 20px; font-family: 'Outfit', sans-serif; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #07111E; border: 0; border-radius: 2px; cursor: pointer; background: linear-gradient(135deg, #9A7008, #C4920A, #E8B830); }
.insx-signup-form button:disabled { opacity: 0.7; cursor: default; }
.insx-signup .insx-done { margin: 0; font-family: 'Outfit', sans-serif; font-size: 0.9rem; color: #E8B830; }
.insx-vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

/* Gold "new article" dot beside the Insights menu link */
.insx-new-dot { position: relative; display: inline-block; width: 6px; height: 6px; margin-left: 6px; vertical-align: 0.45em; border-radius: 50%;
  background: radial-gradient(circle at 38% 34%, #F8E29A 0%, #DDB540 45%, #C49A1A 100%); box-shadow: 0 0 5px 1px rgba(242,204,96,0.55); font-size: 6px; }
.insx-new-dot::after { font-size: 28px; }

/* Footer line */
.insx-foot { margin: 0; padding: 4px 16px 0; text-align: center; font-family: 'Outfit', sans-serif; font-size: 0.7rem; letter-spacing: 0.04em; color: rgba(255,255,255,0.38); line-height: 1.6; }
.insx-foot a { color: rgba(232,184,48,0.75); text-decoration: none; border-bottom: 1px solid rgba(232,184,48,0.3); }
.insx-foot a:hover, .insx-foot a:focus-visible { color: #E8B830; border-bottom-color: #E8B830; }
.insx-foot-label { text-transform: uppercase; letter-spacing: 0.16em; font-weight: 600; color: rgba(196,146,10,0.6); margin-right: 6px; font-size: 0.62rem; }

/* Homepage gate pill dot */
.insx-pill-dot { position: relative; display: inline-block; width: 7px; height: 7px; margin-right: 8px; vertical-align: 0.12em; border-radius: 50%;
  background: radial-gradient(circle at 38% 34%, #F8E29A 0%, #DDB540 45%, #C49A1A 100%); box-shadow: 0 0 6px 1px rgba(242,204,96,0.5); font-size: 7px; }
.insx-pill-dot::after { font-size: 30px; }

@media (max-width: 640px) {
  .insx-wrap { padding: 40px 20px; }
  .insx-box { grid-template-columns: 1fr; padding: 26px 22px; gap: 14px; }
  .insx-box .insx-wm { font-size: 2.2rem; }
  .insx-title { font-size: 1.4rem; }
  .insx-signup { padding: 20px 22px; }
}
@media (prefers-reduced-motion: reduce) { .insx-dot::after, .insx-pill-dot::after, .insx-new-dot::after { animation: none; opacity: 0; } }
@media print { .insx-wrap, .insx-foot, .insx-new-dot { display: none !important; } }