/* Only the workflow comparison on the work-and-learning article. */
#workflow-time {margin:1.5rem 0;padding:clamp(.8rem,3vw,1.4rem);border:2px solid #006b77;border-radius:12px;background:#f5fafb;color:#12324b;scroll-margin-top:1rem}
#workflow-time * {box-sizing:border-box}
#workflow-time [hidden] {display:none!important}
#workflow-time h3 {margin:.2rem 0 .7rem;font-size:1.5rem}
#workflow-time .wt-kicker {margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:#35575f;font-weight:700}
#workflow-time .wt-workspace {display:grid;gap:1rem;align-items:start}
#workflow-time .wt-workspace > * {min-width:0}
#workflow-time fieldset {min-width:0;border:0;padding:0;margin:0 0 1rem}
#workflow-time legend {font-weight:700;margin-bottom:.5rem}
#workflow-time label {font-size:.95rem;line-height:1.4}
#workflow-time .wt-field {display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;align-items:center;gap:.4rem;margin:.55rem 0}
#workflow-time input[type=number],#workflow-time textarea {width:100%;min-width:0;font:inherit;padding:.4rem;background:white;color:#12324b;border:1px solid #597781;border-radius:5px}
#workflow-time textarea {display:block;resize:vertical;margin:.4rem 0 1rem}
#workflow-time .wt-choice {display:block;margin:.55rem 0}
#workflow-time input:is([type=radio],[type=checkbox]) {accent-color:#006b77;margin-right:.5rem}
#workflow-time button {font:inherit;font-size:.9rem;font-weight:600;padding:.5rem .65rem;line-height:1.35;border:2px solid #006b77;border-radius:6px;color:#005762;background:white;cursor:pointer}
#workflow-time button[type=submit] {background:#006b77;color:white}
#workflow-time button:disabled {opacity:.6;cursor:default}
#workflow-time fieldset:disabled {opacity:.65}
#workflow-time .wt-actions {display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}
#workflow-time :is(input,textarea,button,summary,a):focus-visible {outline:3px solid #a24f00;outline-offset:3px}
#workflow-time [aria-invalid=true] {border:2px solid #a32a1e}
#workflow-time #wt-error {color:#912819;font-weight:600}
#workflow-time #wt-error:empty {display:none}
#workflow-time #wt-result {padding:.8rem;background:white;border:1px solid #9fbec6;border-radius:8px}
#workflow-time .wt-summary {font-weight:700;font-size:1.2rem;line-height:1.4;margin:.2rem 0 .5rem}
#workflow-time .wt-small {font-size:.9rem;line-height:1.5}
#workflow-time .wt-legend {display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.85rem}
#workflow-time .wt-legend i {display:inline-block;width:.85rem;height:.85rem;margin-right:.3rem;border:1px solid #12324b}
#workflow-time .wt-prep {background:#006b77}
#workflow-time .wt-check {background:repeating-linear-gradient(135deg,#f4d49c,#f4d49c 3px,#876018 3px,#876018 4px)}
#workflow-time .wt-bar {margin:1.1rem 0}
#workflow-time .wt-bar p {margin:.3rem 0}
#workflow-time svg {display:block;width:100%;height:auto}
#workflow-time details {margin:1rem 0;padding-top:.8rem;border-top:1px solid #bacfd5}
#workflow-time summary {cursor:pointer;font-weight:700;color:#005762}
#workflow-time .wt-quality {margin-top:1.5rem}
#workflow-time .wt-source {overflow-wrap:anywhere}
#workflow-time .wt-sr-only {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:680px){#workflow-time .wt-workspace{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}#workflow-time #wt-result{position:sticky;top:1rem}}
@media print {
 body.wt-print .gridContainer > :not(article),body.wt-print article > :not(.future-guide),body.wt-print .future-guide > :not(#experiment),body.wt-print #experiment > :not(#workflow-time){display:none!important}
 body.wt-print,body.wt-print .gridContainer,body.wt-print article{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:white!important}
 body.wt-print #workflow-time{border:0;margin:0;padding:0;background:white;font:10pt/1.3 system-ui,sans-serif}
 body.wt-print #workflow-time .wt-no-print,body.wt-print #wt-fallback,body.wt-print #workflow-time .wt-source{display:none!important}
 body.wt-print #wt-print-record[hidden]{display:block!important}
 body.wt-print #wt-print-record pre{font:9pt/1.35 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
 body.wt-print #wt-print-record svg{max-height:18mm}
 body.wt-print #wt-print-record .wt-bar{break-inside:avoid}
}

@media(max-width:500px){#workflow-time .wt-field{grid-template-columns:1fr}}