/* Løbeprogram: a full-height onboarding screen (.hgq-screen: questions left,
   picture right), then the program as a calendar (.hgp / .hgc).
   Ink #1D1D1F and accent #0043CE from the site's kit; Segoe UI. */

.hgq-screen,.hgp--example{--ink:#1D1D1F;--muted:#6B7280;--line:#E7E9EE;--soft:#F6F7F9;--accent:#0043CE;
  --shadow:0 1px 2px rgba(16,24,40,.05),0 2px 10px rgba(16,24,40,.06);
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.45}
.hgq-screen *,.hgq-screen *::before,.hgq-screen *::after{box-sizing:border-box}
.hgq-screen button{font:inherit;color:inherit;cursor:pointer}
.hgq-screen [hidden]{display:none !important}

/* The screen */
.hgq-screen{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:calc(100svh - 170px);margin:8px 0 56px;
  background:#fff;border:1px solid #EEF0F3;border-radius:24px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 40px rgba(16,24,40,.06)}
.hgq{align-self:center;width:100%;max-width:560px;margin:0 auto;padding:48px 32px;scroll-margin-top:16px}
.hgq-progress{width:120px;height:3px;border-radius:2px;background:#ECEEF2;margin:0 0 28px}
.hgq-progress span{display:block;height:100%;border-radius:2px;background:var(--accent);transition:width .35s ease}
.hgq-screen .hgq-h1{margin:0 0 10px;font-size:13px;line-height:1.3;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}

/* A question */
.hgq-form{margin:0}
.hgq-step{border:0;margin:0;padding:0;min-width:0}
.hgq-q{display:block;width:100%;padding:0;margin:0 0 8px;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.hgq-help{margin:0;font-size:16px;color:var(--muted)}
.hgq-rows{display:grid;gap:12px;margin-top:26px}
.hgq-row{position:relative;display:block}
.hgq-row input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.hgq-row-box{display:flex;align-items:center;gap:16px;min-height:66px;padding:12px 18px 12px 14px;background:#fff;border:1.5px solid transparent;
  border-radius:12px;box-shadow:var(--shadow);transition:box-shadow .15s,border-color .15s,transform .1s}
.hgq-row:hover .hgq-row-box{box-shadow:0 2px 4px rgba(16,24,40,.06),0 8px 20px rgba(16,24,40,.08)}
.hgq-row:active .hgq-row-box{transform:scale(.995)}
.hgq-row input:checked + .hgq-row-box{border-color:#BFD0F6;background:#FAFCFF}
.hgq-row input:focus-visible + .hgq-row-box{outline:2px solid var(--accent);outline-offset:2px}
.hgq-row-text{display:flex;flex-direction:column;min-width:0;flex:1}
.hgq-row-label{font-size:16px;font-weight:600;line-height:1.3}
.hgq-row-sub{font-size:14px;color:var(--muted);line-height:1.35}
.hgq-chev{flex:none;color:#9AA1AC;transition:transform .15s,color .15s}
.hgq-row:hover .hgq-chev{transform:translateX(3px);color:var(--ink)}
.hgq-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%}
.hgq-ico--blue{background:#EAF1FF;color:#2F5BD3}
.hgq-ico--green{background:#E7F6EE;color:#1E8A4C}
.hgq-ico--violet{background:#F1ECFE;color:#6B46C1}
.hgq-ico--orange{background:#FFF1E6;color:#D2651C}
.hgq-ico--pink{background:#FDECF2;color:#C2255C}
.hgq-ico--teal{background:#E4F6F7;color:#138A92}
.hgq-tick{flex:none;width:22px;height:22px;border:1.5px solid #C5CAD3;border-radius:6px;position:relative;transition:background .15s,border-color .15s}
.hgq-row input:checked + .hgq-row-box .hgq-tick{background:var(--accent);border-color:var(--accent)}
.hgq-row input:checked + .hgq-row-box .hgq-tick::after{content:"";position:absolute;left:6.5px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

.hgq-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:26px}
.hgq-tile{position:relative}
.hgq-tile input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.hgq-tile span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:74px;border-radius:12px;background:#fff;
  border:1.5px solid transparent;box-shadow:var(--shadow);font-size:13px;color:var(--muted);transition:box-shadow .15s,border-color .15s}
.hgq-tile strong{font-size:24px;line-height:1.1;color:var(--ink)}
.hgq-tile:hover span{box-shadow:0 2px 4px rgba(16,24,40,.06),0 8px 20px rgba(16,24,40,.08)}
.hgq-tile input:checked + span{border-color:var(--accent);background:#FAFCFF}
.hgq-tile input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}

.hgq-time{display:flex;align-items:flex-start;gap:10px;margin-top:26px}
.hgq-time label{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.hgq-time input{width:96px;font:inherit;font-size:32px;font-weight:600;text-align:center;color:var(--ink);padding:12px 6px;border:1.5px solid var(--line);
  border-radius:12px;background:#fff;box-shadow:var(--shadow);font-variant-numeric:tabular-nums}
.hgq-time input::placeholder{color:#CDD1D8;font-weight:500}
.hgq-time input:focus{outline:none;border-color:var(--accent)}
.hgq-colon{font-size:30px;font-weight:600;color:#B6BBC4;padding-top:10px}
.hgq-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0;border:0;background:none;font-size:15px;color:var(--muted);
  text-decoration:underline;text-underline-offset:3px}

.hgq-foot{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:26px}
.hgq-continue{width:100%;min-height:52px;border:0;border-radius:12px;background:var(--ink);color:#fff !important;font-size:16px;font-weight:600}
.hgq-continue:hover{background:#000}
.hgq-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;border:0;background:none;font-size:15px;color:var(--muted);
  text-decoration:underline;text-underline-offset:4px}
.hgq-back:hover{color:var(--ink)}

.is-in{animation:hgq-in .3s ease both}
.is-back{animation:hgq-back .3s ease both}
@keyframes hgq-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes hgq-back{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}

/* The picture on the right */
.hgq-art{position:relative;overflow:hidden;background:linear-gradient(155deg,#F7F9FD 0%,#EEF2FA 100%)}
.hgq-art-glow{position:absolute;width:420px;height:420px;left:12%;top:24%;border-radius:50%;background:radial-gradient(circle,#DCE5FA 0%,rgba(220,229,250,0) 70%)}
.hgq-art-card{position:absolute;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(31,45,90,.10),0 2px 6px rgba(31,45,90,.06);transform:rotate(-12deg)}
.hgq-art-card--week{left:10%;top:14%;width:250px;padding:18px}
.hgq-art-card--session{left:16%;top:57%;width:270px;padding:16px 18px}
.hgq-art-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.hgq-art-card--goal{right:7%;top:38%;width:150px;padding:16px}
.hgq-art-k{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8A93A3}
.hgq-art-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:14px}
.hgq-art-days span{display:grid;place-items:center;height:28px;border-radius:8px;background:#F3F5F8;font-size:12px;font-weight:600;color:#A0A7B4}
.hgq-art-days .on{color:#fff}
.hgq-art-days .on-1{background:#34A36A}.hgq-art-days .on-3{background:#F08A3C}.hgq-art-days .on-6{background:#7C5CD6}
.hgq-art-line{height:8px;border-radius:4px;background:#EEF1F5;margin-top:8px}
.hgq-art-line--short{width:60%}
.hgq-art-dot{flex:none;width:30px;height:30px;border-radius:50%;background:#FFF1E6;box-shadow:inset 0 0 0 9px #FFF1E6,inset 0 0 0 14px #F08A3C}
.hgq-art-t{font-size:15px;font-weight:600;color:#1D1D1F}
.hgq-art-s{display:block;font-size:13px;color:#8A93A3;padding-left:40px}
.hgq-art-pill{margin-left:auto;font-size:12px;font-weight:600;padding:4px 8px;border-radius:999px;background:#F3F5F8;color:#4B5563}
.hgq-art-big{margin:0 0 10px;font-size:30px;font-weight:700;color:#1D1D1F}
.hgq-art-bar{height:6px;border-radius:3px;background:#EEF1F5}
.hgq-art-bar span{display:block;width:62%;height:100%;border-radius:3px;background:var(--accent)}

/* The program */
.hgq-screen.is-done{grid-template-columns:1fr;min-height:0}
.hgq-screen.is-done .hgq-art{display:none}
.hgq-screen.is-done .hgq{max-width:none;padding:36px 36px 28px;align-self:start}
.hgq-screen.is-done .hgq-progress,.hgq-screen.is-done .hgq-h1{display:none}

.hgp-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:18px}
.hgp-kicker{margin:0 0 6px;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.hgq-screen .hgp-goal{margin:0 0 6px;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.hgp-meta{margin:0;font-size:15px;color:var(--muted)}
.hgp-start{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
.hgp-start input{font:inherit;font-size:16px;color:var(--ink);padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;min-height:44px}
.hgp-note{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#F1F5FF;font-size:15px;line-height:1.45}
.hgp-note--warn{background:#FFF1F1}

.hgc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:14px 0 12px;padding:0;font-size:13px;color:var(--muted)}
.hgc-legend li{display:flex;align-items:center;gap:6px}
.hgc-dot{display:inline-block;width:10px;height:10px;border-radius:50%}
.hgc-head,.hgc-week{display:grid;grid-template-columns:92px repeat(7,minmax(0,1fr));gap:6px}
.hgc-head{margin-bottom:6px}
.hgc-head span{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:center}
.hgc-week{margin-bottom:6px}
.hgc-wk{display:flex;flex-direction:column;justify-content:center;padding:0 4px}
.hgc-wk strong{font-size:14px}
.hgc-wk span{font-size:12px;color:var(--muted)}
.hgc-week--aflastning .hgc-wk span{color:#2E7D32}
.hgc-week--loeb .hgc-wk span{color:#C62828}
.hgc-day{display:flex;flex-direction:column;gap:4px;min-height:74px;padding:6px;border-radius:10px;background:var(--soft)}
.hgc-date{font-size:12px;color:#8A93A3;padding:0 2px}
.hgc-date b{display:none}
.hgc-rest{display:none}
.hgc-chip{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:6px 8px;border:0;border-radius:8px;text-align:left;font-size:13px;line-height:1.25}
.hgq-screen button.hgc-chip{font-size:13px;line-height:1.25;cursor:pointer;transition:filter .15s,transform .1s}
button.hgc-chip:hover{filter:brightness(.96)}
button.hgc-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.hgc-t{font-weight:600;overflow-wrap:anywhere;hyphens:auto}
.hgc-a{font-size:12px;opacity:.8}
.hgc-chip--runwalk{background:#E3F4EA;color:#15693A}
.hgc-chip--easy{background:#E7EFFF;color:#1F4FB8}
.hgc-chip--long{background:#EFE9FD;color:#5A36AE}
.hgc-chip--hard{background:#FFEBDA;color:#A94C0C}
.hgc-chip--strength{background:#ECEEF1;color:#4B5563}
.hgc-chip--race{background:#1D1D1F;color:#fff}
.hgc-chip--rest{background:#E4F4F5;color:#146F76}
.hgc-dot--runwalk{background:#34A36A}.hgc-dot--easy{background:#3B6FE0}.hgc-dot--long{background:#7C5CD6}.hgc-dot--hard{background:#F08A3C}
.hgc-dot--strength{background:#9AA1AC}.hgc-dot--race{background:#1D1D1F}.hgc-dot--rest{background:#2BB0B8}

.hgp-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 8px}
.hgp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border:1.5px solid var(--line);border-radius:12px;
  background:#fff;font-size:15px;font-weight:600}
.hgp-btn:hover{border-color:#C9CED6}
.hgp-btn--primary{background:var(--ink);border-color:var(--ink);color:#fff !important}
.hgp-btn--primary:hover{background:#000}
.hgp-btn--quiet{color:var(--muted) !important}
.hgp-mores{margin-top:14px}
.hgp-more{border-top:1px solid var(--line)}
.hgp-more summary{display:flex;justify-content:space-between;align-items:center;min-height:54px;font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.hgp-more summary::-webkit-details-marker{display:none}
.hgp-more summary::after{content:"";width:8px;height:8px;border-right:2px solid #9AA1AC;border-bottom:2px solid #9AA1AC;transform:rotate(45deg);transition:transform .2s}
.hgp-more[open] summary::after{transform:rotate(-135deg)}
.hgp-more ul{margin:0 0 16px;padding-left:18px;font-size:15px;line-height:1.5}
.hgp-more li{margin:6px 0}

.hgp-sheet{border:0;padding:26px 24px 24px;width:min(460px,calc(100vw - 32px));border-radius:18px;color:var(--ink);box-shadow:0 20px 60px rgba(16,24,40,.25)}
.hgp-sheet::backdrop{background:rgba(16,24,40,.35)}
.hgp-sheet form{position:absolute;top:10px;right:10px;margin:0}
.hgp-x{width:40px;height:40px;border:0;border-radius:50%;background:var(--soft);font-size:22px;line-height:1;color:var(--muted)}
.hgp-sheet-k{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;color:var(--muted)}
.hgp-sheet-k::first-letter{text-transform:uppercase}
.hgp-sheet-t{margin:0 0 4px;font-size:24px;line-height:1.2;font-weight:700}
.hgp-sheet-t span{font-size:15px;font-weight:600;color:var(--muted);margin-left:6px}
.hgp-sheet-s{margin:0 0 14px;font-size:16px;color:var(--muted)}
.hgp-sheet-d{margin:0;font-size:16px;line-height:1.55}

/* Static example calendar on the landing pages */
.hgp--example{margin:14px 0 36px}
.hgp--example .hgp-meta{color:var(--ink)}

/* Landing text below the app */
.hg-tool .hg-lead{font-size:1.1em}
.hg-tool h2{margin:44px 0 12px}
.hg-tool h3{margin:24px 0 8px}
.rp-sources{font-size:14px;line-height:1.45;color:#555}
.hgp-table{overflow-x:auto;border:1px solid #ECEDF0;border-radius:14px;font-family:"Segoe UI",system-ui,sans-serif}
.hg-main .hgp-table table{display:table;width:100%;border-collapse:collapse;margin:0;font-size:15px}
.hgp-table th,.hgp-table td{border:0;border-bottom:1px solid #ECEDF0;padding:10px 12px;text-align:left;background:#fff}
.hgp-table tr:last-child td{border-bottom:0}
.hgp-table th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#6B7280;background:#F7F7F8}

@media(max-width:1023px){
  .hgq-screen{grid-template-columns:1fr}
  .hgq-art{display:none}
}
@media(max-width:760px){
  .hgq-screen{min-height:calc(100svh - 110px);margin:0 -8px 40px;border-radius:20px}
  .hgq{padding:28px 18px 24px;align-self:start}
  .hgq-q,.hgq-screen .hgp-goal{font-size:25px}
  .hgq-tiles{gap:8px}
  .hgq-screen.is-done .hgq{padding:22px 14px 18px}
  .hgp--example .hgc-head,.hgq-screen .hgc-head{display:none}
  .hgc-week{display:block;margin-bottom:10px;padding:10px 12px 6px;border:1px solid var(--line);border-radius:14px;background:#fff}
  .hgc-wk{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:8px;padding:0 0 4px}
  .hgc-day{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:4px 0;min-height:0;padding:6px 0;border-radius:0;background:none;border-top:1px solid #F1F2F4}
  .hgc-day--rest{display:none}
  .hgc-date{grid-row:span 2}
  .hgc-date b{display:inline;color:var(--ink)}
  .hgc-chip,.hgq-screen button.hgc-chip{flex-direction:row;justify-content:space-between;align-items:center;grid-column:2;font-size:15px;padding:8px 10px}
  .hgp-actions .hgp-btn{flex:1 1 calc(50% - 8px)}
  .hgp-actions .hgp-btn--primary{flex-basis:100%}
  .hgp-sheet{margin:auto auto 0;width:100%;max-width:100%;border-radius:20px 20px 0 0;padding-bottom:32px}
}
@media(prefers-reduced-motion:reduce){.hgq-screen *{animation:none !important;transition:none !important}}
@media print{
  [data-elementor-type="header"],[data-elementor-type="footer"],[data-elementor-type="popup"],.hgq-form,.hgq-progress,.hgq-h1,.hgp-actions,.hgp-start,.hgp-sheet,.hgq-screen ~ *,.cky-consent-container{display:none !important}
  .hgq-screen{border:0;box-shadow:none;min-height:0}
  .hgq-screen.is-done .hgq{padding:0}
  .hgc-week,.hgc-day{break-inside:avoid}
}