/* v19 : "This page at a glance" in cream, white and gold */
.tkg-box{position:relative;background:linear-gradient(160deg,#FFFDF6,#FFF1D0);border:1px solid rgba(245,184,61,.75);box-shadow:0 18px 44px rgba(42,27,82,.14),inset 0 1px 0 #fff;color:#1B0F33}
.tkg-box:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:url(/TekoonTypathon1.0/spots.webp) -14px -14px/230px auto;filter:brightness(.35) saturate(1.5);opacity:.5;-webkit-mask-image:radial-gradient(ellipse 60% 90% at 0% 0%,#000 0%,rgba(0,0,0,.45) 45%,transparent 100%);mask-image:radial-gradient(ellipse 60% 90% at 0% 0%,#000 0%,rgba(0,0,0,.45) 45%,transparent 100%)}
.tkg-h,.tkg-s{position:relative;z-index:1}
.tkg-h small{color:#8A5A00;display:flex;align-items:center;gap:8px}
.tkg-h small:before{content:"";width:7px;height:7px;border-radius:50%;background:#F5B83D;animation:tkgLive 1.8s ease-in-out infinite}
.tkg-h span{color:#6b5a8a}
.tkg-s .tkg-c{overflow:hidden;color:#1B0F33;background:#fff;border:1px solid rgba(245,184,61,.55);box-shadow:0 8px 22px rgba(42,27,82,.1),inset 0 1px 0 #fff}
.tkg-s .tkg-c:before{content:"";position:absolute;top:0;left:-60%;width:50%;height:2px;background:linear-gradient(90deg,transparent,#F5B83D,transparent);opacity:0}
.tkg-s .tkg-c:hover:before,.tkg-s .tkg-c:focus-visible:before{opacity:1;animation:tkgScan 1s ease-out}
.tkg-s .tkg-c:hover,.tkg-s .tkg-c:focus-visible{background:#FFFDF6;border-color:#F5B83D;box-shadow:0 16px 34px rgba(245,184,61,.28),inset 0 1px 0 #fff}
.tkg-s .tkg-c i{background:#FFF8E7;border:1.5px solid #F5B83D;box-shadow:0 0 0 6px rgba(245,184,61,.14),0 6px 16px rgba(138,90,0,.15)}
.tkg-s .tkg-c:hover i{background:linear-gradient(145deg,#FFE27A,#E0A02A);border-color:#E0A02A;box-shadow:0 0 0 7px rgba(245,184,61,.22),0 0 22px rgba(245,184,61,.4)}
.tkg-s .tkg-c i svg{stroke:#2A1B52;stroke-width:1.6}
.tkg-s .tkg-c em{color:rgba(138,90,0,.6)}
.tkg-s .tkg-c b{color:#1B0F33}
.tkg-s .tkg-c:after{background:#F5B83D}
@keyframes tkgLive{0%,100%{box-shadow:0 0 0 0 rgba(245,184,61,.6)}50%{box-shadow:0 0 0 6px rgba(245,184,61,0)}}
@keyframes tkgScan{from{left:-60%}to{left:120%}}
@media(prefers-reduced-motion:reduce){.tkg-h small:before{animation:none}.tkg-s .tkg-c:hover:before{animation:none}}