/* Copyright (c) 2026 OriginMind. All rights reserved. */
/* Course directory availability takes precedence over layout display rules. */
#course-directory [hidden]{display:none!important}
#progress-guide{padding:0 12px;font-size:12px;line-height:1.7}
#course-directory button[data-locked="true"]{cursor:not-allowed;opacity:.75;background:transparent;color:#687986}
#course-directory .course-lock-state{display:inline-block;margin-left:7px;padding:1px 5px;border-radius:4px;background:#e8edf0;color:#536775;font-size:10px;font-weight:500;white-space:nowrap;vertical-align:middle}

/* Clear stage hierarchy and wider reading space for course titles. */
:root{--directory-width:min(400px,94vw)}
#course-directory{width:var(--directory-width);background:#f8fafc}
#course-directory .directory-heading{background:#fff;border-bottom:1px solid #dbe4ed}
#course-directory .directory-heading strong{font-size:20px;font-weight:750;color:#163c56}
#course-directory .track{padding:12px 0;border-color:#dce5ed}
#course-directory .track>summary{display:flex;align-items:center;gap:8px;list-style:none;padding:10px 8px;color:#173e59;font-size:15px;font-weight:750;line-height:1.5}
#course-directory .track>summary::-webkit-details-marker{display:none}
#course-directory .track>summary::before{content:'›';display:inline-block;font-size:20px;line-height:1;transform:rotate(0deg);color:#668196}
#course-directory .track[open]>summary::before{transform:rotate(90deg)}
#course-directory .gated-track>summary::after{content:none}
#course-directory nav button{padding:9px 10px;margin:3px 0;color:#35526a;font-size:14px;line-height:1.6;overflow-wrap:break-word}
#course-directory nav button.active{background:#dcecf7;color:#115780;box-shadow:inset 3px 0 #267dac;font-weight:700}
#course-directory button[data-locked="true"]{opacity:1;color:#7b8793;cursor:not-allowed}
#course-directory .track>summary .course-lock-state{margin-left:auto;flex:none;background:#e9eef3;color:#65788b;font-size:11px;padding:3px 6px;border-radius:5px}
#course-directory #fast-track-entry{color:#176a98;background:#e8f3fa;border:1px solid #cfe3f0;font-size:13px;font-weight:650}
@media(max-width:620px){:root{--directory-width:min(400px,94vw)}#course-directory>div:last-child{padding-inline:10px}#course-directory .track>summary{font-size:14px;padding-inline:5px}#course-directory nav button{font-size:14px;padding-inline:8px}}

#course-directory .directory-project-options{margin:0 10px 8px 24px;padding:0 0 0 12px;border-left:1px solid #d7e1e9;color:#64788a;font-size:13px;line-height:1.7}
#course-directory .directory-project-choice{margin:0 0 5px;font-size:12px;color:#7b8793}
#course-directory .directory-project-options ul{list-style:none;margin:0;padding:0}
#course-directory .directory-project-options li{margin:3px 0;padding:0;font-weight:400}

#course-directory nav .directory-option-link{min-height:32px;padding:4px 0;margin:0;font-size:13px;font-weight:400;line-height:1.7;border-radius:4px;background:transparent;color:#526d82}
#course-directory nav .directory-option-link:hover:not(:disabled){color:#176a98;background:#eaf2f8}
#course-directory .directory-project-choice{margin:7px 0 0;font-size:12px;color:#7b8793}