/* Great AI suite layer (13 Nov 2026, Fable). One look across the Great AI pages:
   full-width hero bands, 3D "coming soon" cards, and one cross-link strip under every page.
   Everything is scoped to html.gs-* (set by gai-suite.js) or .gs-*. Header, dock and footer are not touched. */

/* ---------- cross-link strip (all tool pages) ---------- */
.gs-strip{box-sizing:border-box;margin:34px auto 26px;padding:0 24px;max-width:1360px;font:400 14px/1.5 Roboto,system-ui,sans-serif;color:#16224F}
.gs-strip__in{padding:20px;border-radius:26px;border:1px solid #fff;
  background:radial-gradient(520px 220px at 0 0,rgba(106,75,232,.12),transparent 62%),radial-gradient(520px 240px at 100% 100%,rgba(14,155,184,.11),transparent 62%),linear-gradient(125deg,#FFFFFF,#EEF3FF 62%,#F5EFFF);
  box-shadow:0 1px 0 #fff inset,0 4px 8px rgba(22,34,79,.06),0 30px 54px -28px rgba(49,58,150,.5)}
.gs-strip__h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 4px 14px}
.gs-strip__h h2{margin:0;font:700 20px/1.25 Poppins,system-ui,sans-serif;letter-spacing:-.02em;color:#16224F}
.gs-strip__h p{margin:0;font-size:13.5px;color:#4B5675}
.gs-strip__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.gs-tile{--a:#3147D9;--b:#8FA0FF;position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 14px 13px;border-radius:18px;text-decoration:none!important;color:#16224F!important;
  background:linear-gradient(160deg,#fff,#F6F7FF);border:1px solid #fff;box-shadow:0 1px 0 #fff inset,0 2px 4px rgba(22,34,79,.05),0 16px 30px -20px rgba(49,58,150,.45);
  transition:transform .2s ease,box-shadow .2s ease}
a.gs-tile:hover{transform:translateY(-5px);box-shadow:0 1px 0 #fff inset,0 4px 8px rgba(22,34,79,.06),0 26px 44px -22px rgba(49,58,150,.6)}
.gs-tile i{width:42px;height:42px;border-radius:14px;display:block;background:linear-gradient(140deg,var(--b),var(--a));border:1px solid rgba(255,255,255,.75);
  box-shadow:3px 4px 3px rgba(255,255,255,.5) inset,-3px -4px 6px rgba(0,0,0,.2) inset,0 12px 16px -10px var(--a);transform:rotate(-6deg);position:relative}
.gs-tile i::after{content:"";position:absolute;inset:9px;background:#fff;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.gs-tile .t{font:600 14.5px/1.3 Poppins,system-ui,sans-serif;margin-top:4px}
.gs-tile .s{font-size:12.5px;line-height:1.4;color:#4B5675}
.gs-tile .p{align-self:flex-start;margin-top:auto;padding:3px 9px;border-radius:999px;font:700 10.5px/1.4 Roboto,system-ui,sans-serif;letter-spacing:.03em}
.gs-tile .p.on{background:#DDF7E7;color:#0F6B36}
.gs-tile .p.soon{background:linear-gradient(180deg,#FFE9A8,#FFD46B);color:#5C3B00}
.gs-tile .p.here{background:#16224F;color:#fff}
.gs-tile.is-here{border-color:#B9C4F5;box-shadow:0 0 0 2px rgba(49,71,217,.18),0 1px 0 #fff inset}
.gs-tile.k-home{--a:#6A4BE8;--b:#C9B8FF}.gs-tile.k-chk{--a:#3147D9;--b:#8FA0FF}.gs-tile.k-my{--a:#0E7C9B;--b:#9BE7F5}
.gs-tile.k-gen{--a:#15803D;--b:#6EE7B7}.gs-tile.k-nt{--a:#C2410C;--b:#FDBA74}.gs-tile.k-qb{--a:#B7791F;--b:#FFE39A}
html.gs-on .ntLinks,html.gs-on .royal-links{display:none!important}

/* ---------- 3D "coming soon" card (Test Generator, Notes Maker) ---------- */
.gs-soon{box-sizing:border-box;position:relative;max-width:860px;margin:40px auto 10px!important;padding:44px 32px 30px!important;text-align:center;border-radius:28px!important;border:1px solid #fff!important;color:#16224F;
  background:radial-gradient(420px 220px at 0 0,rgba(106,75,232,.13),transparent 62%),radial-gradient(420px 240px at 100% 100%,rgba(14,155,184,.12),transparent 62%),linear-gradient(125deg,#FFFFFF,#EEF3FF 62%,#F5EFFF)!important;
  box-shadow:0 1px 0 #fff inset,0 0 0 6px rgba(255,255,255,.55),0 36px 60px -30px rgba(42,48,140,.55),0 10px 20px -12px rgba(42,48,140,.22);font:400 15.5px/1.6 Roboto,system-ui,sans-serif}
.gs-soon__gems{position:relative;width:150px;height:96px;margin:0 auto 14px}
.gs-gem{position:absolute;display:grid;place-items:center;border-radius:24px;border:1px solid rgba(255,255,255,.75);color:#fff;
  box-shadow:4px 5px 4px rgba(255,255,255,.45) inset,-4px -5px 7px rgba(20,10,90,.3) inset,0 22px 24px -14px rgba(30,30,110,.7);animation:gsFloat 7s ease-in-out infinite}
.gs-gem svg{width:52%;height:52%;fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.gs-gem.g1{left:34px;top:4px;width:84px;height:84px;background:linear-gradient(140deg,#C9B8FF,#7B5CF5 48%,#3F2AB5);transform:rotate(-8deg)}
.gs-gem.g2{left:0;top:38px;width:50px;height:50px;border-radius:16px;background:linear-gradient(140deg,#FFE9A8,#F5B93A 50%,#C9770B);transform:rotate(12deg);animation-delay:-2.5s}
.gs-gem.g3{right:0;top:0;width:54px;height:54px;border-radius:17px;background:linear-gradient(140deg,#B7FFF1,#27BDC7 50%,#11618F);transform:rotate(10deg);animation-delay:-4.5s}
.gs-soon__pill{display:inline-block;padding:6px 14px;border-radius:999px;background:linear-gradient(100deg,#F5B93A 30%,#FFE9A8 50%,#F5B93A 70%);background-size:220% 100%;color:#3B2A00;font:700 12px/1 Poppins,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 18px -10px rgba(201,138,11,.9);animation:gsShine 2.8s linear infinite}
.gs-soon h2{margin:14px 0 8px!important;font:700 clamp(24px,3vw,32px)/1.2 Poppins,system-ui,sans-serif!important;letter-spacing:-.025em;color:#16224F!important}
.gs-soon > p{margin:0 auto!important;max-width:560px;color:#4B5675}
.gs-soon ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0}
.gs-soon li{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid #DDE3F6;font:500 13px/1.3 Roboto,system-ui,sans-serif;color:#2B3768}
.gs-soon__go{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}
.gs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;font:600 15px/1 Poppins,system-ui,sans-serif;text-decoration:none!important;transition:transform .18s ease,filter .18s ease}
.gs-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
a.gs-btn--pri{color:#fff!important;background:linear-gradient(180deg,#5B6CF0,#3147D9 52%,#2A3BC0);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 -3px 0 rgba(15,22,90,.35) inset,0 14px 26px -12px rgba(49,71,217,.75)}
a.gs-btn--ghost{color:#3147D9!important;background:linear-gradient(180deg,#fff,#F1F4FF);border:1px solid #C9D3FA;box-shadow:0 1px 0 #fff inset,0 -2px 0 rgba(49,71,217,.1) inset,0 10px 20px -14px rgba(49,58,150,.5)}

/* ---------- My Papers: band and panel use the full width ---------- */
html.gs-papers .mp-head.mp-wrap{max-width:none!important;margin:0!important}
html.gs-papers .mp-head .mp-head__in{border-radius:0 0 30px 30px!important;padding:34px clamp(22px,4vw,64px) 38px!important}
html.gs-papers main#pprRoot{max-width:none!important;margin:18px 0 0!important;padding-left:24px!important;padding-right:24px!important}

/* ---------- Notes Maker: same 3D hero band as the other tools ---------- */
html.gs-notes .ex-hero{position:relative;overflow:hidden;max-width:none!important;margin:0!important;padding:0!important;border-radius:0 0 30px 30px;
  background:radial-gradient(at 16% 12%,rgba(120,74,255,.44) 0,transparent 42%),radial-gradient(at 84% 9%,rgba(19,142,243,.32) 0,transparent 40%),linear-gradient(150deg,#0B0C2B 0%,#16164B 45%,#252267 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 24px 50px -30px rgba(25,19,76,.6)}
html.gs-notes .ex-hero .ab-hero__panel{position:relative;background:none!important;border:0!important;box-shadow:none!important;padding:34px clamp(22px,4vw,64px) 38px!important;padding-right:260px!important;max-width:none!important;min-height:0!important}
html.gs-notes .ex-hero .ab-kicker{color:#C9BFFF!important}
html.gs-notes .ex-hero .ab-hero__title{color:#fff!important;font:700 clamp(32px,4vw,48px)/1.1 Poppins,system-ui,sans-serif!important;letter-spacing:-.03em;text-shadow:0 3px 12px rgba(9,12,36,.35)}
html.gs-notes .ex-hero .ab-hero__lede{color:#D3DEF5!important;max-width:720px}
html.gs-notes .ex-hero :is(.royal-art,.nt-orbs,.gai-orbs){display:none!important}
.gs-art{position:absolute;right:clamp(24px,6vw,110px);top:50%;width:170px;height:110px;transform:translateY(-50%);pointer-events:none}
html.gs-notes #ntBoot.gs-soon{padding:44px 32px 30px!important}

@keyframes gsFloat{50%{translate:0 -9px}}
@keyframes gsShine{0%{background-position:120% 0}100%{background-position:-120% 0}}

@media (max-width:1180px){.gs-strip__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .gs-strip{padding:0 12px;margin:24px auto 18px}.gs-strip__in{padding:14px;border-radius:20px}.gs-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .gs-tile{padding:12px}.gs-tile i{width:38px;height:38px;border-radius:12px}.gs-tile .t{font-size:13.5px}a.gs-tile:hover{transform:none}
  .gs-soon{margin:22px 12px 6px!important;padding:30px 18px 22px!important;border-radius:22px!important}.gs-btn{flex:1 1 100%}
  html.gs-notes .ex-hero,html.gs-papers .mp-head .mp-head__in{border-radius:0 0 22px 22px!important}
  html.gs-notes .ex-hero .ab-hero__panel{padding:24px 18px 28px!important}.gs-art{display:none}
  html.gs-papers .mp-head .mp-head__in{padding:22px 18px 26px!important}html.gs-papers main#pprRoot{padding-left:12px!important;padding-right:12px!important}
}
@media (prefers-reduced-motion:reduce){.gs-gem,.gs-soon__pill{animation:none}.gs-tile,.gs-btn{transition:none}a.gs-tile:hover,.gs-btn:hover{transform:none}}
@media print{.gs-strip,.gs-art{display:none!important}}

/* v2: Notes Maker matches the Test Generator page exactly */
html.gs-notes .ex-hero{border-radius:0 0 30px 30px!important;margin:0!important}
html.gs-notes #ntBoot.gs-soon{max-width:860px!important;margin:40px auto 10px!important}
html.gs-notes .ex-hero .ab-kicker{font-size:0!important;letter-spacing:0!important}
html.gs-notes .ex-hero .ab-kicker::after{content:"GREAT AI \00B7 4AB";font:700 12px/1 Poppins,system-ui,sans-serif;letter-spacing:.14em}
@media (max-width:760px){html.gs-notes .ex-hero{border-radius:0 0 22px 22px!important}html.gs-notes #ntBoot.gs-soon{margin:22px 12px 6px!important}}

/* v3: eight tiles (Affiliates + Investors added) */
.gs-strip__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.gs-tile.k-aff{--a:#B45309;--b:#FCD34D}.gs-tile.k-inv{--a:#047857;--b:#6EE7B7}
@media (max-width:1180px){.gs-strip__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.gs-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}