/* Útskriftaryfirlit (2026-10-20) — graduation overview, js/utskriftaryfirlit.js.
   Builds on the .vy-* Vikuyfirlit styles in gradcard.css (card, header,
   coach comment, footer, export host). Brand colours only. */
.ut-card .vy-sec{gap:10px}
.ut-strip{display:flex;align-items:center;gap:14px;background:#E1CCBE;border-radius:16px;padding:14px 16px;color:#000000}
.ut-ph{width:64px;height:64px;border-radius:32px;object-fit:cover;background:#758F60;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:500;border:3px solid #FFFFFF;flex-shrink:0;box-sizing:border-box}
.ut-strip small{font-size:11px;letter-spacing:1.5px;font-weight:500;color:#3D3D3D}
.ut-hi{font-size:26px;font-weight:700;line-height:1.1;margin-top:2px}
.ut-win{background:#C8DCE5;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;color:#000000}
.ut-win small,.ut-tag{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#3D3D3D}
.ut-win-t{font-size:18px;font-weight:500}
.ut-win-v{font-size:40px;font-weight:300;line-height:1.1}
.ut-win-sub{font-size:13px;color:#3D3D3D}
.ut-wline{width:100%;height:auto;display:block;margin-top:2px}
.ut-rel{display:none}
.vy-hide-nums .ut-abs{display:none}
.vy-hide-nums .ut-rel{display:inline}
.ut-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ut-tile{background:#FFFFFF;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ut-tile small{font-size:11px;font-weight:500}
.ut-tile b{font-size:16px;color:#000000;white-space:nowrap}
.ut-tile.grey b{color:#3D3D3D;font-weight:500}
.ut-tile em{font-style:normal;font-size:11px;color:#3D3D3D}
.ut-mini{width:100%;height:auto;display:block}
.ut-prod{background:#757263;color:#FFFFFF;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}
.ut-prod>small{font-size:11px;letter-spacing:1.5px;font-weight:500}
.ut-ask{font-size:19px;font-weight:500;line-height:1.35}
.ut-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ut-step{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:10px;text-align:center;box-sizing:border-box;min-height:74px}
.ut-step i{font-style:normal;font-size:10px;letter-spacing:1px;font-weight:700;min-height:14px}
.ut-step b{font-size:12px;line-height:1.2;overflow-wrap:anywhere;hyphens:auto}.ut-step span{font-size:12px;margin-top:auto}
.ut-step.done{background:rgba(255,255,255,.18);color:#FFFFFF}
.ut-step.now{background:#FFFFFF;color:#000000}
.ut-step.next{background:#E1CCBE;color:#000000}
.ut-step.later{border:1px dashed #E1CCBE;color:#FFFFFF}
.ut-nextbox{background:#FFFFFF;color:#000000;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.ut-nextbox small{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#758F60}
.ut-nextbox b{font-size:18px}
.ut-nextbox span{font-size:13px;color:#3D3D3D}
.ut-q{font-size:20px;font-weight:700;color:#000000;line-height:1.25;padding:0 2px}
.ut-best{background:#C8DCE5;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;color:#000000}
.ut-best-t{font-size:18px;font-weight:700}
.ut-best-s{font-size:13px;color:#3D3D3D;line-height:1.4}
.ut-dots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.ut-dot{aspect-ratio:1;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#3D3D3D}
.ut-dot.on{background:#758F60;color:#FFFFFF}
.ut-best-feel{background:#FFFFFF;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:500}
.ut-dir{gap:6px}
.ut-drow{display:flex;flex-direction:column;gap:0}
.ut-dlbl{font-size:13px;font-weight:500;color:#000000}.ut-dlbl b{color:#758F60}
.ut-dline{width:100%;height:auto;display:block}
.ut-dlabels{display:flex;justify-content:space-between;font-size:11px;color:#3D3D3D}
.ut-note{font-size:11px;color:#3D3D3D;font-style:italic}
.ut-goals{background:#E1CCBE;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;color:#000000}
.ut-chips{display:flex;flex-wrap:wrap;gap:6px}
.ut-chip{background:#FFFFFF;border-radius:14px;padding:5px 11px;font-size:12px;font-weight:500}
.ut-chip.add{background:transparent;border:1px dashed #757263}
.ut-goals-s{font-size:13px;line-height:1.4}
.ut-datelbl{display:block;margin:8px 0 4px;font-size:13px;font-weight:500;color:#000000}
.ut-date{width:100%;box-sizing:border-box;min-height:44px;padding:8px 12px;border:1px solid #C9C5BC;border-radius:12px;font:inherit;font-size:15px;color:#000000;background:#FFFFFF;margin-bottom:10px}
.ut-fail{padding:16px}

/* Cover (21. okt.) — reuses the weekly cover (.vy-cover in gradcard.css) */
.ut-card .vy-cover .vy-cv-name{font-size:34px}
.ut-cv-sub{position:relative;font-size:15px}
.ut-cv-toc{position:relative;background:#FFFFFF;border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.ut-cv-toc small{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#4F6440}
.ut-cv-toc div{font-size:18px;font-weight:500;color:#000000;line-height:1.25}