/* Strong Day Nutrition: a printed track meet program with a race bib on the cover. Program stock, the logo's ultramarine as printing ink, its lime as the highlighter marking your heat, and a blue track straight with white lane lines under the masthead. The bib is the only loud thing. */
:root{
  --lnr-stock:#EEF1F8;
  --lnr-sheet:#FFFFFF;
  --lnr-ink:#16123A;
  --lnr-soft:#4B4870;
  --lnr-blue:#3D2BFF;
  --lnr-blue-deep:#2417B5;
  --lnr-lime:#C6F432;
  --lnr-rule:#C8CCE0;
  --lnr-pin:#D9DCEA;
  --lnr-head:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;
  --lnr-body:"Chivo",Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.lnr-stock{margin:0;background:var(--lnr-stock);color:var(--lnr-ink);font:16px/1.6 var(--lnr-body);overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--lnr-blue-deep);text-underline-offset:3px}
a:hover{color:var(--lnr-ink)}
:focus-visible{outline:3px solid var(--lnr-blue);outline-offset:2px}

/* masthead: a program's running head, then the track straight */
.lnr-mast{background:var(--lnr-sheet);border-top:5px solid var(--lnr-lime)}
.lnr-mast__row{max-width:1320px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:28px}
.lnr-mast__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--lnr-blue);flex:none}
.lnr-mast__brand span{font:900 27px/1 var(--lnr-head);text-transform:uppercase;letter-spacing:.01em}
.lnr-mast__events{display:flex;flex-wrap:wrap;gap:4px 2px;flex:1}
.lnr-mast__events a{font:700 13px/1 var(--lnr-body);text-transform:uppercase;letter-spacing:.07em;color:var(--lnr-ink);text-decoration:none;padding:9px 10px}
.lnr-mast__events a:hover{color:var(--lnr-blue)}
.lnr-mast__events a[aria-current="page"]{background:var(--lnr-lime)}
.lnr-mast__desk{display:flex;align-items:center;gap:16px;flex:none}
.lnr-mast__call{font-weight:700;color:var(--lnr-ink);text-decoration:none;font-variant-numeric:tabular-nums}
.lnr-mast__entry{display:inline-flex;align-items:stretch;border:2px solid var(--lnr-ink);color:var(--lnr-ink);text-decoration:none;font:700 13px/1 var(--lnr-body);text-transform:uppercase;letter-spacing:.06em}
.lnr-mast__entry{padding-left:10px;gap:10px;align-items:center}
.lnr-mast__entry b{background:var(--lnr-ink);color:var(--lnr-lime);padding:8px 10px;font-variant-numeric:tabular-nums}
.lnr-straight{height:30px;background:repeating-linear-gradient(to bottom,var(--lnr-blue) 0 9px,#fff 9px 10px)}

/* the page body */
main.lnr-sheet{display:block;padding:0 0 56px}
main.lnr-sheet > h1,main.lnr-sheet > p,main.lnr-sheet > h2,main.lnr-sheet > .lnr-runners,main.lnr-sheet > .lnr-event,main.lnr-sheet > .lnr-notice,main.lnr-sheet > .lnr-wide,main.lnr-sheet > .lnr-form{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
main.lnr-sheet > .lnr-event{padding:0;max-width:1072px}
main.lnr-sheet > .lnr-notice{padding:0 22px 20px;max-width:1072px}
.lnr-head{font:900 clamp(34px,5vw,54px)/1 var(--lnr-head);text-transform:uppercase;color:var(--lnr-ink);margin:44px 0 10px;letter-spacing:.005em}
.lnr-head--page{margin-top:40px}
.lnr-sub{font:900 26px/1.1 var(--lnr-head);text-transform:uppercase;margin:34px 0 10px}
.lnr-lede{font-size:18px;color:var(--lnr-soft);margin:0 0 22px;max-width:62ch}
.lnr-small{font-size:13px;color:var(--lnr-soft)}
.lnr-r{text-align:right;font-variant-numeric:tabular-nums}
.lnr-hide{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* the cover: the bib pinned beside the program's welcome */
.lnr-open{max-width:1320px;margin:0 auto;padding:52px 40px 30px;display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:56px;align-items:center}
.lnr-bib{position:relative;background:var(--lnr-sheet);border:1px solid #D4D7E6;padding:34px 40px 0;transform:rotate(-1.6deg);box-shadow:0 2px 0 #D4D7E6,0 22px 40px -28px rgba(22,18,58,.55)}
.lnr-bib__pin{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--lnr-stock);box-shadow:inset 0 0 0 3px var(--lnr-pin)}
.lnr-bib__pin--a{top:14px;left:14px}.lnr-bib__pin--b{top:14px;right:14px}.lnr-bib__pin--c{bottom:64px;left:14px}.lnr-bib__pin--d{bottom:64px;right:14px}
.lnr-bib__mark{display:block;width:78%;margin:0 auto}
.lnr-bib__num{font:900 clamp(150px,24vw,270px)/.78 var(--lnr-head);color:var(--lnr-blue);text-align:center;margin:26px 0 4px;letter-spacing:-.02em}
.lnr-bib__cap{text-align:center;font:700 14px/1 var(--lnr-body);text-transform:uppercase;letter-spacing:.24em;margin:0 0 26px}
.lnr-bib__tear{margin:0 -40px;padding:16px 20px;background:var(--lnr-lime);border-top:2px dashed var(--lnr-ink);text-align:center;font:700 14px/1.3 var(--lnr-body);text-transform:uppercase;letter-spacing:.06em}
.lnr-bib__tear span{padding:0 6px}
.lnr-open__copy h1{font:900 clamp(38px,4.6vw,60px)/.98 var(--lnr-head);text-transform:uppercase;margin:0 0 18px}
.lnr-open__copy p{font-size:18px;max-width:46ch}
.lnr-open__order{list-style:none;padding:0;margin:24px 0 0;border-top:3px solid var(--lnr-ink)}
.lnr-open__order li{border-bottom:1px solid var(--lnr-rule);padding:11px 0;color:var(--lnr-soft)}
.lnr-open__order a{display:inline-block;min-width:8.5em;font:900 21px/1 var(--lnr-head);text-transform:uppercase;color:var(--lnr-ink);text-decoration:none}
.lnr-open__order a:hover{color:var(--lnr-blue)}

/* blocks of the program, each with its own measure */
.lnr-block{max-width:1120px;margin:0 auto;padding:0 24px}
.lnr-block--events{max-width:1180px}
.lnr-block--narrow{max-width:860px;margin-top:40px}

/* the start list: a heat sheet */
.lnr-heat{width:100%;border-collapse:collapse;background:var(--lnr-sheet);border-top:4px solid var(--lnr-ink)}
.lnr-heat th{font:700 12px/1 var(--lnr-body);text-transform:uppercase;letter-spacing:.1em;text-align:left;padding:12px 14px;border-bottom:2px solid var(--lnr-ink)}
.lnr-heat td{padding:10px 14px;border-bottom:1px solid var(--lnr-rule);vertical-align:middle}
.lnr-heat__id{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lnr-heat__id img{width:44px;mix-blend-mode:multiply}
.lnr-heat__id a{font:900 23px/1 var(--lnr-head);text-transform:uppercase;color:var(--lnr-ink);text-decoration:none}
.lnr-heat__id a:hover{color:var(--lnr-blue)}
.lnr-heat__id small{flex-basis:100%;margin-left:58px;margin-top:-10px;color:var(--lnr-soft)}
.lnr-heat__size{color:var(--lnr-soft);font-size:14px}
.lnr-heat__fee{font:900 26px/1 var(--lnr-head);font-variant-numeric:tabular-nums;white-space:nowrap}
.lnr-heat__act{text-align:right}

/* buttons */
.lnr-go{display:inline-block;font:700 13px/1 var(--lnr-body);text-transform:uppercase;letter-spacing:.07em;color:var(--lnr-ink);background:var(--lnr-lime);border:2px solid var(--lnr-ink);padding:10px 14px;cursor:pointer;text-decoration:none}
.lnr-go:hover{background:var(--lnr-ink);color:var(--lnr-lime)}
.lnr-go:disabled{background:#E3E5EE;color:#7C7A96;border-color:#B9BCD0;cursor:not-allowed}
.lnr-go--big{font-size:15px;padding:15px 22px}
.lnr-go--full{width:100%}

/* events: the boxes, as a program's event listing */
.lnr-event{background:var(--lnr-sheet);margin:0 0 26px;border:2px solid var(--lnr-ink)}
.lnr-event__bar{display:flex;align-items:center;gap:16px;background:var(--lnr-ink);color:#fff;padding:12px 18px}
.lnr-event__tag{background:var(--lnr-lime);color:var(--lnr-ink);font:700 11px/1 var(--lnr-body);text-transform:uppercase;letter-spacing:.16em;padding:6px 8px}
.lnr-event__bar h3{font:900 32px/1 var(--lnr-head);text-transform:uppercase;margin:0;flex:1}
.lnr-event__sum{font:900 32px/1 var(--lnr-head);font-variant-numeric:tabular-nums}
.lnr-event__body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:center;padding:18px}
.lnr-event__pic{display:block;width:100%}
.lnr-event__in{font-size:17px;margin:0 0 8px}
.lnr-event__sup{color:var(--lnr-soft);font-size:14px;margin:0 0 16px}
.lnr-event__buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0;border-top:1px solid var(--lnr-rule);padding-top:14px}
.lnr-event__buy span{font-weight:700}

/* the notice board entry for Auto Ship */
.lnr-notice{background:var(--lnr-sheet);border:3px solid var(--lnr-blue);padding:0 22px 20px}
.lnr-notice__h{margin:0 -22px 14px;background:var(--lnr-blue);color:#fff;font:900 22px/1 var(--lnr-head);text-transform:uppercase;padding:12px 22px}
.lnr-notice__pic{display:block;max-width:520px;width:100%;margin:12px auto 0}

/* the start list page: one entrant per sheet */
.lnr-runners{display:grid;gap:30px}
.lnr-runner{background:var(--lnr-sheet);border-top:6px solid var(--lnr-blue);display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 30px;padding:22px 26px 26px;scroll-margin-top:16px}
.lnr-runner__pic{width:200px;mix-blend-mode:multiply;align-self:start}
.lnr-runner__card h2{font:900 40px/1 var(--lnr-head);text-transform:uppercase;margin:6px 0 6px}
.lnr-runner__sub{font-weight:700;color:var(--lnr-blue-deep);margin:0 0 6px}
.lnr-runner__size{color:var(--lnr-soft);margin:0 0 10px}
.lnr-runner__claims{padding-left:20px;margin:8px 0}
.lnr-runner__buy{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px}
.lnr-runner__buy span{font:900 28px/1 var(--lnr-head)}
.lnr-runner__panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;margin-top:12px}
.lnr-facts{border:2px solid #000;padding:10px 12px;color:#000;background:#fff;font-size:14px}
.lnr-facts__t{font:900 30px/1 var(--lnr-head);margin:0 0 6px;border-bottom:1px solid #000;padding-bottom:6px}
.lnr-facts__srv{margin:0 0 6px}
.lnr-facts table{width:100%;border-collapse:collapse;border-top:8px solid #000}
.lnr-facts th{text-align:left;font-size:12px;padding:4px 0;border-bottom:3px solid #000}
.lnr-facts td{padding:5px 0;border-bottom:1px solid #000;vertical-align:top}
.lnr-facts td + td{text-align:right;padding-left:12px;white-space:nowrap}
.lnr-facts__in td:first-child{padding-left:16px}
.lnr-facts__other{margin:8px 0 0}
.lnr-caution{font-size:14px;border-left:4px solid var(--lnr-lime);padding:2px 0 2px 16px;align-self:start}
.lnr-caution p{margin:0 0 10px}

/* price list tables */
.lnr-wide{overflow-x:auto}
.lnr-ledger{width:100%;border-collapse:collapse;background:var(--lnr-sheet);border-top:4px solid var(--lnr-ink)}
.lnr-ledger th{font:700 12px/1.2 var(--lnr-body);text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:11px 12px;border-bottom:2px solid var(--lnr-ink)}
.lnr-ledger td{padding:10px 12px;border-bottom:1px solid var(--lnr-rule)}

/* the reading pages: one column of program text */
main.lnr-sheet--print{padding-top:36px}
.lnr-print{max-width:780px;margin:0 auto;background:var(--lnr-sheet);padding:34px 40px 40px;border-top:6px solid var(--lnr-ink)}
.lnr-print__h{font:900 clamp(34px,5vw,48px)/1 var(--lnr-head);text-transform:uppercase;margin:0 0 20px}
.lnr-print h2{font:900 25px/1.1 var(--lnr-head);text-transform:uppercase;margin:30px 0 8px}
.lnr-print h3{font-size:17px;margin:22px 0 6px}
.lnr-print table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
.lnr-print td,.lnr-print th{border:1px solid var(--lnr-rule);padding:6px 8px;text-align:left;vertical-align:top}
.lnr-opby{margin-top:28px;padding-top:14px;border-top:1px solid var(--lnr-rule);font-size:14px;color:var(--lnr-soft)}
.lnr-card{display:grid;grid-template-columns:8em minmax(0,1fr);gap:10px 18px;border-top:3px solid var(--lnr-ink);padding-top:14px}
.lnr-card dt{font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.06em}
.lnr-card dd{margin:0;overflow-wrap:anywhere}
.lnr-control{margin:22px 0}
.lnr-control__say{font-weight:700}

/* the basket: picks and summary on the left, the entry form on the right */
.lnr-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.lnr-form__left > div,.lnr-form__right{background:var(--lnr-sheet)}
.lnr-form__left > div:not(:empty){padding:18px 20px;margin-bottom:18px;border-top:4px solid var(--lnr-ink)}
.lnr-form__right{padding:20px;border-top:4px solid var(--lnr-blue)}
.lnr-picks ul{list-style:none;margin:0;padding:0}
.lnr-pick{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--lnr-rule)}
.lnr-pick__name{font-weight:700}
.lnr-pick__name small{display:block;font-weight:400;color:var(--lnr-soft);font-size:13px}
.lnr-pick__count{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
.lnr-pick__amt{font:900 22px/1 var(--lnr-head);text-align:right;min-width:4.6em}
.lnr-pick__drop{grid-column:1 / -1;justify-self:start;background:none;border:0;padding:0;color:var(--lnr-blue-deep);text-decoration:underline;cursor:pointer;font:13px var(--lnr-body)}
.lnr-nudge{width:32px;height:32px;border:2px solid var(--lnr-ink);background:#fff;font:700 18px/1 var(--lnr-body);cursor:pointer}
.lnr-tally{width:100%;border-collapse:collapse}
.lnr-tally caption{text-align:left;font:900 22px/1 var(--lnr-head);text-transform:uppercase;padding-bottom:8px}
.lnr-tally th{text-align:left;font-weight:400;padding:6px 0;border-bottom:1px solid var(--lnr-rule)}
.lnr-tally td{text-align:right;padding:6px 0;border-bottom:1px solid var(--lnr-rule);font-variant-numeric:tabular-nums}
.lnr-tally__sub th,.lnr-tally__sub td{border-top:2px solid var(--lnr-ink)}
.lnr-tally__end th,.lnr-tally__end td{font-weight:700;font-size:18px;border-bottom:3px solid var(--lnr-ink)}
.lnr-repeat{border:3px solid var(--lnr-blue);padding:14px 16px}
.lnr-tick{display:flex;gap:12px;align-items:flex-start;margin:12px 0;font-size:15px;overflow-wrap:anywhere}
.lnr-tick input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--lnr-blue)}
.lnr-tick--auth{background:#F6FBE4;border-left:4px solid var(--lnr-lime);padding:10px 12px}
.lnr-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lnr-three{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.lnr-in{display:block;margin:0 0 12px}
.lnr-in span{display:block;font:700 12px/1.2 var(--lnr-body);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.lnr-in input{width:100%;font:16px var(--lnr-body);padding:10px 11px;border:2px solid var(--lnr-ink);background:#fff;border-radius:0}
.lnr-onetime{font-weight:700;border-top:1px solid var(--lnr-rule);padding-top:12px}
.lnr-problem{color:#A1121F;font-weight:700}
.lnr-lock{font-size:14px;color:var(--lnr-soft);margin-top:10px}

/* the back cover */
.lnr-back{background:var(--lnr-blue-deep);color:#fff;border-top:8px solid var(--lnr-lime);padding:40px 24px 30px}
.lnr-back a{color:#fff}
.lnr-back__cols{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.2fr);gap:30px}
.lnr-back__seller p{margin:0 0 4px;overflow-wrap:anywhere}
.lnr-back__brand{font:900 30px/1 var(--lnr-head);text-transform:uppercase;margin-bottom:12px!important;color:var(--lnr-lime)}
.lnr-back__copy{font-size:13px;opacity:.85;margin-top:10px!important}
.lnr-back__links{list-style:none;margin:0;padding:0}
.lnr-back__links li{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.lnr-back__fda{max-width:1320px;margin:28px auto 0;font-size:13px;border-top:1px solid rgba(255,255,255,.3);padding-top:16px}

/* narrow screens */
@media (max-width:980px){
  .lnr-open{grid-template-columns:1fr;gap:40px;padding-top:36px}
  .lnr-bib{max-width:560px;margin:0 auto;width:100%}
  .lnr-form{grid-template-columns:minmax(0,1fr)}
  .lnr-back__cols{grid-template-columns:1fr 1fr}
  .lnr-back__seller{grid-column:1 / -1}
}
@media (max-width:760px){
  .lnr-mast__row{flex-wrap:wrap;gap:8px 14px;padding:10px 16px}
  .lnr-mast__brand span{font-size:22px}
  .lnr-mast__brand img{width:32px;height:32px}
  .lnr-mast__desk{margin-left:auto}
  .lnr-mast__call{display:none}
  .lnr-mast__events{order:3;flex-basis:100%;gap:2px}
  .lnr-mast__events a{padding:8px 8px;font-size:12px}
  .lnr-straight{height:20px;background:repeating-linear-gradient(to bottom,var(--lnr-blue) 0 6px,#fff 6px 7px)}
  main.lnr-sheet > h1,main.lnr-sheet > p,main.lnr-sheet > h2,main.lnr-sheet > .lnr-runners,main.lnr-sheet > .lnr-wide,main.lnr-sheet > .lnr-form{padding-left:16px;padding-right:16px}
  main.lnr-sheet > .lnr-event,main.lnr-sheet > .lnr-notice{margin-left:16px;margin-right:16px}
  .lnr-open,.lnr-block{padding-left:16px;padding-right:16px}
  .lnr-bib{padding:26px 22px 0}
  .lnr-bib__tear{margin:0 -22px;font-size:12px}
  .lnr-bib__pin--c,.lnr-bib__pin--d{bottom:58px}
  .lnr-heat thead{display:none}
  .lnr-heat,.lnr-heat tbody,.lnr-heat tr,.lnr-heat td{display:block}
  .lnr-heat tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:12px 4px;border-bottom:1px solid var(--lnr-rule)}
  .lnr-heat td{border:0;padding:0 8px}
  .lnr-heat__who{grid-column:1 / -1}
  .lnr-heat__size{grid-column:1;padding-left:66px!important}
  .lnr-heat__fee{grid-column:1;padding-left:66px!important;font-size:22px}
  .lnr-heat__act{grid-column:2;grid-row:2 / span 2;align-self:center}
  .lnr-event__bar{flex-wrap:wrap;gap:8px 12px;padding:10px 14px}
  .lnr-event__bar h3,.lnr-event__sum{font-size:26px}
  .lnr-event__body{grid-template-columns:1fr;padding:14px}
  .lnr-runner{grid-template-columns:110px minmax(0,1fr);gap:8px 16px;padding:16px}
  .lnr-runner__pic{width:110px}
  .lnr-runner__card h2{font-size:30px}
  .lnr-runner__panel{grid-template-columns:minmax(0,1fr)}
  .lnr-runner__card{min-width:0;overflow-wrap:anywhere}
  .lnr-facts td + td{white-space:normal}
  .lnr-print{padding:24px 18px 28px}
  .lnr-two,.lnr-three{grid-template-columns:1fr}
  .lnr-card{grid-template-columns:1fr;gap:2px}
  .lnr-card dd{margin-bottom:10px}
  .lnr-back__cols{grid-template-columns:1fr}
}
.lnr-runner__bib{font-family:"Big Shoulders Display",sans-serif;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--lnr-blue);margin:0 0 2px}
.lnr-caution__h{font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.lnr-caution__lane{font-style:italic}
