/* The UK visitor nudge (app/modules/uk/nudge.php): in the head only of a page that shows it (the U.S. homepage's band,
   the /uk note for U.S. visitors), so pages without the nudge load nothing new. Navy (#0b2a5b) is the UK edition's colour. */
.ukn{position:relative;display:flex;align-items:center;gap:16px;margin:16px 0 4px;padding:14px 52px 14px 16px;border-radius:var(--r-lg);background:#0b2a5b;color:#fff;box-shadow:0 8px 28px rgba(11,42,91,.18)}
.ukn-ed{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:10px;background:#fff;color:#0b2a5b;font-size:15px;font-weight:800;letter-spacing:.06em}
.ukn-tx{flex:1;min-width:0;font-size:15.5px;line-height:1.4}
.ukn-tx b{font-weight:800}
.ukn-tx small{display:block;margin-top:3px;font-size:13px;color:#c5d3ea}
.ukn-acts{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.ukn .ukn-go{background:#fff;border-color:#fff;color:#0b2a5b;font-weight:700}
.ukn .ukn-go:hover{background:#e8eef8;border-color:#e8eef8}
.ukn-stay{font-size:12.5px;color:#c5d3ea;text-decoration:underline;text-underline-offset:2px}
.ukn-stay:hover{color:#fff}
.ukn-x{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#c5d3ea;cursor:pointer}
.ukn-x:hover{background:rgba(255,255,255,.12);color:#fff}
.ukn-x .ic{width:16px;height:16px}
.ukn.ukn-pref{gap:10px;margin:0 0 24px;padding:8px 48px 8px 10px;font-size:14px;box-shadow:none}
.ukn-pref .ukn-ed{width:30px;height:30px;border-radius:8px;font-size:11.5px}
.ukn-pref a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.ukn-pref .ukn-x{top:50%;margin-top:-16px}
/* its second line: the visitor's town in that edition, graded (or what the edition covers) */
.ukn-pt{flex:1;min-width:0;line-height:1.4}
.ukn-pt small{display:flex;flex-wrap:wrap;align-items:center;gap:2px 7px;margin-top:2px;font-size:12.5px;color:#c5d3ea}
.ukn-pt small a{font-weight:600}
/* /uk, a U.S. visitor: the same band in the U.S. edition's colour (the header's edition pill) */
.ukn.ukn-am{background:var(--night);box-shadow:0 8px 28px rgba(18,26,38,.18)}
.ukn-am .ukn-ed,.ukn-am .ukn-go{color:var(--night)}
.ukn.ukn-am.ukn-pref{box-shadow:none}
@media (max-width:900px){
  .ukn.ukn-pref{margin-bottom:16px}   /* the one-line nudge sits midway between the header and the hero: .page's top padding (core.css) */
}
@media (max-width:640px){
  .ukn{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 44px 14px 14px}
  .ukn-ed{width:36px;height:36px;font-size:13px}
  .ukn-tx{flex-basis:calc(100% - 48px);font-size:15px}
  .ukn-acts{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px;width:100%}
  .ukn .ukn-go{flex:1 1 auto}
  .ukn.ukn-pref{flex-wrap:nowrap;padding:8px 44px 8px 10px}
}