/* "Gie me a shout" contact box for the Get Roasted pages (site v20).
   Email first, Discord second. Self-contained colours so it looks the same on every roast page. */
.shout{position:relative;max-width:680px;margin:34px auto 0;padding:22px 22px 20px;border-radius:18px;
  background:linear-gradient(180deg,#111B33 0%,#0E162B 100%);border:1px solid rgba(91,155,213,.24);
  box-shadow:0 18px 40px -22px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;text-align:left;}
.shout::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;
  background:linear-gradient(90deg,#1A5FB4 0%,#5B9BD5 50%,#5865F2 100%);}
.shout .shout-h{font-family:"Lilita One","Arial Black",Impact,sans-serif;font-weight:400;color:#fff;
  font-size:1.7rem;line-height:1.05;margin:0 0 8px;letter-spacing:.005em;}
.shout .shout-p{color:#C9D6E6;font-size:1.02rem;line-height:1.55;margin:0 0 16px;}
.shout .shout-note{color:#8FA3BF;font-size:.9rem;line-height:1.45;margin:12px 0 0;}
.shout .shout-btns{display:flex;flex-wrap:wrap;gap:10px;}
.shout .shout-btn{flex:1 1 220px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;
  padding:12px 16px;border-radius:12px;font-family:"League Spartan","Trebuchet MS",system-ui,sans-serif;
  font-weight:700;font-size:1rem;line-height:1.15;text-decoration:none !important;
  transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;}
.shout-btn svg{flex:0 0 20px;width:20px;height:20px;}
.shout-mail{background:#121D38;color:#F5F1E6 !important;border:1px solid rgba(91,155,213,.38);word-break:break-all;}
.shout-mail:hover{background:#17254A;border-color:#5B9BD5;}
.shout-dc{background:#5865F2;color:#fff !important;border:1px solid #5865F2;box-shadow:0 10px 22px -12px rgba(88,101,242,.9);}
.shout-dc:hover{background:#4752C4;border-color:#4752C4;}
.shout-btn:hover{transform:translateY(-1px);}
.shout-btn:focus-visible{outline:3px solid #5B9BD5;outline-offset:2px;}
@media (prefers-reduced-motion:reduce){.shout-btn{transition:none;}.shout-btn:hover{transform:none;}}
@media (max-width:420px){.shout{padding:20px 16px 18px;}.shout .shout-h{font-size:1.5rem;}}