/* Nygui R5 — deliberate separation for cards, sections and actions. */
/* My Page: real card gutters, including the gap before the Steam section. */
#main .nyugi-hub-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:26px !important;
  row-gap:28px !important;
  margin-bottom:40px !important;
}
#main .nyugi-hub-grid > .nyugi-hub-link {
  margin:0 !important;
  min-height:122px !important;
  padding:20px 22px !important;
  border-radius:18px !important;
}
#main #nyugiSteamCard {
  display:block !important;
  margin:36px 0 44px !important;
  padding:28px 30px !important;
  border-radius:20px !important;
  clear:both !important;
}
#main #nyugiSteamCard h3 {margin:0 0 16px !important;}
#main #nyugiSteamCard p {line-height:1.65 !important; margin:0 0 20px !important;}
#main #nyugiSteamCard button {min-height:48px !important; margin:0 0 14px !important; padding:12px 19px !important;}
#main #nyugiSteamCard .small-print {display:block;margin:6px 0 0 !important;line-height:1.55;}
/* Comfort: distinct audio player card with a generous buffer before next section. */
#main #nyugiFieldCard {
  display:block !important;
  margin:4px 0 56px !important;
  padding:30px 32px !important;
  border-radius:21px !important;
  clear:both !important;
}
#main #nyugiFieldCard h3 {margin:0 0 19px !important;font-size:1.15rem !important;}
#main #nyugiFieldCard > p {margin:0 0 24px !important;line-height:1.7 !important;}
#main #nyugiFieldCard > .field-label {display:block !important;margin:0 0 23px !important;line-height:1.5 !important;}
#main #nyugiFieldCard #nyugiFieldFile {display:block;width:min(100%,610px);margin-top:11px;min-height:44px;max-width:100%;}
#main #nyugiFieldCard input[type=file]::file-selector-button {min-height:42px;padding:9px 16px;margin-right:15px;border-radius:11px;background:var(--tint);color:var(--ink);border:1px solid var(--line);cursor:pointer;}
#main #nyugiFieldCard .button-row {display:flex !important;align-items:end !important;flex-wrap:wrap !important;gap:18px 22px !important;margin:18px 0 20px !important;padding:0 !important;}
#main #nyugiFieldCard .button-row > label {display:flex;align-items:center;flex-wrap:wrap;gap:13px;min-height:48px !important;margin:0 !important;}
#main #nyugiFieldCard .button-row > label input {accent-color:var(--primary);min-width:130px;}
#main #nyugiFieldCard .button-row > button {min-height:48px !important;margin:0 !important;padding:11px 18px !important;}
#main #nyugiFieldCard > small {display:block !important;line-height:1.6 !important;margin-top:12px !important;}
/* Also space the ambience presets and their neighbouring cards. */
#main .cc-preset-row {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;margin:23px 0 28px !important;}
#main .cc-preset-row > button {min-height:53px !important;padding:12px !important;margin:0 !important;white-space:normal !important;}
#main .grid.two-col > .stack {gap:28px !important;}
/* All primary cards keep space from their surrounding content. */
#main .nyugi-hub-grid + #nyugiSteamCard {margin-top:42px !important;}
@media(max-width:760px) {
  #main .nyugi-hub-grid {gap:24px !important;margin-bottom:32px !important;}
  #main #nyugiSteamCard {padding:22px !important;margin:30px 0 38px !important;}
  #main #nyugiFieldCard {padding:23px 20px !important;margin-bottom:44px !important;}
}
@media(max-width:560px) {
  #main .cc-preset-row{grid-template-columns:minmax(0,1fr)!important;gap:15px!important;}
  #main .nyugi-hub-grid {grid-template-columns:minmax(0,1fr) !important;gap:24px !important;}
  #main .nyugi-hub-grid > .nyugi-hub-link {min-height:106px !important;}
  #main #nyugiFieldCard .button-row {gap:15px !important;}
  #main #nyugiFieldCard .button-row > label {width:100%;}
}