/* KOZMOTIP — reading help / system information overlay */
.result-info-trigger{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:40;
  width:56px;
  height:56px;
  border-radius:50%;
  border:1px solid rgba(255,210,142,.92);
  background:radial-gradient(circle at 38% 28%,rgba(43,70,107,.98),rgba(8,20,38,.98) 48%,rgba(2,8,18,.995));
  color:#fff0d2;
  font-family:"Bodoni MT","Didot","Times New Roman",serif;
  font-size:29px;
  line-height:1;
  cursor:pointer;
  box-shadow:inset 0 0 0 2px rgba(118,70,28,.55),0 0 14px rgba(255,184,76,.45),0 8px 26px rgba(0,0,0,.45);
  text-shadow:0 0 8px rgba(255,199,119,.42);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.result-info-trigger:hover{
  transform:translateY(-2px) scale(1.03);
  filter:brightness(1.08);
  box-shadow:inset 0 0 0 2px rgba(132,79,31,.65),0 0 22px rgba(255,194,90,.62),0 10px 30px rgba(0,0,0,.50);
}
.result-info-trigger:focus-visible{outline:1px solid #ffe1aa;outline-offset:5px}

.form-info-link{
  display:block;
  width:max-content;
  max-width:100%;
  margin:2px 0 20px;
  padding:0;
  border:0;
  background:transparent;
  color:#f7dfb8;
  font:600 15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-decoration:underline;
  text-underline-offset:4px;
  cursor:pointer;
  text-align:left;
}
.form-info-link:hover{color:#fff0d2}
.form-info-link:focus-visible{outline:1px solid #f1c67f;outline-offset:4px;border-radius:4px}

.info-overlay{
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:rgba(2,7,18,.20);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}
.info-overlay.is-open{display:block}
.info-overlay-shade{
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,7,18,.64),rgba(2,7,18,.76)),
    radial-gradient(circle at 50% 16%,rgba(62,109,161,.16),transparent 42%);
}
.info-panel{
  position:relative;
  z-index:1;
  width:min(980px,calc(100vw - 36px));
  margin:34px auto 54px;
  padding:clamp(30px,4.8vw,58px);
  border:1px solid rgba(239,188,108,.46);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(5,15,31,.82),rgba(2,8,18,.90));
  box-shadow:inset 0 0 0 1px rgba(255,232,194,.06),0 24px 80px rgba(0,0,0,.55),0 0 30px rgba(221,151,57,.10);
}
.info-close{
  position:sticky;
  top:16px;
  float:left;
  z-index:3;
  width:44px;
  height:44px;
  margin:-8px 18px 8px -8px;
  border-radius:50%;
  border:1px solid rgba(255,210,142,.82);
  background:rgba(4,13,28,.94);
  color:#fff0d2;
  font-size:25px;
  cursor:pointer;
  box-shadow:0 0 14px rgba(255,182,72,.22);
}
.info-content h2{
  clear:both;
  margin:0 0 24px;
  font-family:"Bodoni MT","Didot","Times New Roman",serif;
  font-size:clamp(30px,3.5vw,44px);
  font-weight:500;
  line-height:1.08;
  color:#fff0d2;
  text-shadow:0 2px 7px rgba(0,0,0,.92),0 0 14px rgba(205,145,65,.16);
}
.info-content h3{
  margin:42px 0 18px;
  font-family:"Bodoni MT","Didot","Times New Roman",serif;
  font-size:clamp(24px,2.5vw,32px);
  font-weight:500;
  color:#f7dfb8;
  text-shadow:0 2px 6px rgba(0,0,0,.9);
}
.info-content p,
.info-content li{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(17px,1.55vw,20px);
  line-height:1.82;
  color:#f0eee9;
  text-shadow:0 2px 5px rgba(0,0,0,.92);
}
.info-content p{margin:0 0 20px}
.info-content ul{margin:8px 0 24px;padding-left:28px}
.info-content li{margin:0 0 12px;padding-left:4px}

.site-footer{
  width:min(940px,92vw);
  margin:38px auto 0;
  padding:24px 16px 8px;
  border-top:1px solid rgba(239,188,108,.24);
  text-align:center;
  color:rgba(244,235,220,.72);
  font-size:14px;
  letter-spacing:.035em;
  text-shadow:0 1px 4px rgba(0,0,0,.9);
}
.site-footer strong{color:#f3d7a8;font-weight:650}
.site-footer a{color:#f3d7a8;text-decoration:none}
.site-footer a:hover{text-decoration:underline}

@media(max-width:640px){
  .result-info-trigger{right:14px;bottom:14px;width:50px;height:50px;font-size:25px}
  .form-info-link{font-size:14px;margin-bottom:18px}
  .info-panel{width:calc(100vw - 20px);margin:10px auto 28px;padding:26px 18px 34px;border-radius:22px}
  .info-close{top:10px;width:40px;height:40px;margin:-4px 12px 8px -2px}
  .info-content h2{font-size:31px}
  .info-content h3{font-size:25px;margin-top:34px}
  .info-content p,.info-content li{font-size:17px;line-height:1.72}
  .site-footer{width:94vw;margin-top:30px;padding-left:8px;padding-right:8px;font-size:12.5px;line-height:1.65}
}