/* 9:16 click-to-play facade for TESS vertical videos */
.v916{position:relative;aspect-ratio:9/16;width:min(100%,380px,calc((100svh - 140px)*9/16));margin:24px auto 10px;border-radius:18px;overflow:hidden;background:#0A1530;box-shadow:0 24px 60px -16px rgba(10,21,48,.45)}
.v916 .pfac,.v916 .fac{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;cursor:pointer;background:#0A1530;display:block;color:inherit;font:inherit;appearance:none;-webkit-appearance:none}
.v916 img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.v916 iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.v916 .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(215,8,119,.94);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.45);pointer-events:none}
.v916:has(img[src*="alex-ai-level-4"]) .play{top:58%}
.v916 .dur{position:absolute;right:10px;bottom:10px;background:rgba(10,21,48,.85);color:#fff;font:600 12px/1 'Plus Jakarta Sans',sans-serif;padding:4px 9px;border-radius:999px;pointer-events:none}
.v916:focus-within{box-shadow:0 0 0 3px #fff,0 0 0 6px #FFC20E,0 24px 60px -16px rgba(10,21,48,.45)}
.v916 .pfac:focus,.v916 .fac:focus{outline:none}
.v916 .pfac:focus-visible,.v916 .fac:focus-visible{outline:3px solid #FFC20E;outline-offset:-6px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;align-items:start;width:100%;max-width:100%;min-width:0}
.vgrid .v916{width:100%;margin:0}
.vgrid>*{min-width:0}
@media(max-width:600px){
  .vgrid{grid-auto-flow:column;grid-auto-columns:minmax(210px,72%);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .vgrid>*{scroll-snap-align:start}
}
.vfeature{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:32px;align-items:center;width:100%;max-width:100%;min-width:0}
.vfeature .v916{width:100%;margin:0}
@media(max-width:760px){
  .vfeature{grid-template-columns:1fr;gap:18px}
  .vfeature .v916{width:min(100%,280px);margin:0 auto}
}
.vfeature-kicker{margin:0 0 16px;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.02em;color:#0A1530}
.vquote{background:#FAF5E5;border:1px solid #E5DFCE;border-left:4px solid #D70877;border-radius:0 18px 18px 0;padding:28px 28px 24px;min-width:0}
.vquote blockquote{margin:0 0 16px;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(22px,2.5vw,32px);line-height:1.25;letter-spacing:-.02em;color:#0A1530}
.vwho{margin:0 0 10px;font-size:14px;font-weight:800;color:#0A1530}
.vcontext{margin:0 0 18px;font-size:15.5px;line-height:1.55;color:#3E434C}
.vactions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.vcta{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#D70877;color:#fff!important;text-decoration:none;font-weight:800;font-size:15.5px;line-height:1.25;padding:14px 22px;border-radius:999px;max-width:100%;text-wrap:balance}
.vcta:hover{background:#c1076b}
.vcta:focus-visible{outline:3px solid #FFC20E;outline-offset:3px}
.vmore{color:#0c6f6f;font-weight:700;text-decoration:none;font-size:14.5px}
.vmore:hover{text-decoration:underline}
.vmore:focus-visible{outline:3px solid #FFC20E;outline-offset:3px}
.vtip{margin:28px 0 8px}
.vtip h3{margin:0 0 6px;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.02em;color:#0A1530}
.vtip p{margin:0;color:#3E434C;font-size:15.5px}
.vcard{background:#fff;border:1px solid #e3e8ee;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px -18px rgba(10,21,48,.35);display:flex;flex-direction:column;min-width:0}
.vcard .v916{border-radius:0;box-shadow:none}
.vcard .v916 .play{width:54px;height:54px}
.vcard .cardbody,.vcard .vbody{padding:12px 14px 14px}
.vcard h3{font-size:15.5px;line-height:1.35;margin:0 0 6px;color:#0A1530}
.vcard .who{margin:0 0 8px;font-size:12.5px;font-weight:700;color:#5F6470}
.vcard .links{margin:0;font-size:13px}
.vcard .links a{color:#0c6f6f;text-decoration:none;font-weight:700}
.vcard .links a:focus-visible{outline:3px solid #FFC20E;outline-offset:3px}
.vsub{margin:8px 0 14px;font-size:20px;letter-spacing:-.02em;color:#0A1530}
.vexample{margin:18px 0 0;background:#FFFBEF;border:1px solid #E5DFCE;border-radius:14px;padding:16px 18px}
.vexample .exk{display:inline-block;margin:0 0 8px;font:700 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#0B7A5F}
.vexample p{margin:0 0 8px;color:#0A1530;font-size:15.5px;line-height:1.5}
.vexample p:last-child{margin:0}
.l4-alex-jump{margin:14px 0 0;font-size:14.5px;font-weight:800;line-height:1.4}
.l4-alex-jump a{display:inline-flex;align-items:center;gap:8px;color:#0A1530;text-decoration:none;border-bottom:2px solid #D70877}
.l4-alex-jump a svg{flex:none}
@media(min-width:601px){
  .vgrid.vgrid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vgrid.vgrid-5{grid-template-columns:repeat(6,minmax(0,1fr))}
  .vgrid.vgrid-5>:nth-child(-n+3){grid-column:span 2}
  .vgrid.vgrid-5>:nth-child(4){grid-column:2 / span 2}
  .vgrid.vgrid-5>:nth-child(5){grid-column:4 / span 2}
}
.l4-alex-jump a:hover{color:#D70877}
.l4-alex-jump a:focus-visible{outline:3px solid #FFC20E;outline-offset:3px}
.share-page .cta a.vcta{display:inline-flex;white-space:normal;text-wrap:balance;max-width:100%;margin-top:14px}
@media(max-width:420px){.share-page .cta{padding:22px 16px}.share-page .cta a.vcta{padding:13px 16px}}
@media(prefers-reduced-motion:reduce){.v916 .play{transition:none}}