/* Stable six-category navigation, with legacy controllers retained for compatibility. */
.ef-site-nav{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.65rem .9rem;margin:0 0 1rem;border:1px solid var(--line,#d3dce5);background:var(--card,#fff);border-radius:13px;z-index:18}
.ef-site-nav>button,.ef-site-nav>details>summary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:9px;border:0;background:transparent;padding:.5rem .65rem;color:inherit;font:inherit;font-weight:650;cursor:pointer}
.ef-site-nav>button:hover,.ef-site-nav>details>summary:hover,.ef-site-nav>details[open]>summary{background:var(--accent-soft,#eaf1ff)}
.ef-site-nav-dropdown{position:relative}
.ef-site-nav-dropdown>summary{list-style:none}
.ef-site-nav-dropdown>summary::-webkit-details-marker{display:none}
.ef-site-nav-dropdown>summary>span{margin-left:.45rem}
.ef-site-nav-menu{position:absolute;left:0;top:calc(100% + 4px);width:min(290px,calc(100vw - 34px));display:grid;gap:.25rem;max-height:min(70vh,500px);overflow-y:auto;padding:.65rem;background:var(--card,#fff);border:1px solid var(--line,#d3dce5);border-radius:12px;box-shadow:0 10px 24px #0002;z-index:50}
.ef-site-nav-menu>button{width:100%;text-align:left;border:0;border-radius:8px;padding:.7rem;background:transparent;color:inherit;font:inherit;cursor:pointer}
.ef-site-nav-menu>button:hover,.ef-site-nav-menu>button:focus-visible{background:var(--accent-soft,#eaf1ff)}
.main-nav[data-legacy-nav]{display:none!important}
.ef-goal-home{margin-bottom:1rem}
.ef-goal-home-heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.ef-goal-home-heading h2{margin:0}
.ef-goal-home-heading button{white-space:nowrap}
.ef-goal-home ul{padding-left:1.2rem;margin:.8rem 0}
.ef-goal-home li{margin:.35rem 0;line-height:1.5;overflow-wrap:anywhere}
.ef-goal-home li span{color:var(--muted,#627181)}
.ef-site-skill-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.5rem}
.ef-site-skill-summary>div{border:1px solid var(--line,#d3dce5);border-radius:8px;padding:.65rem;display:flex;justify-content:space-between;gap:.5rem}
@media(max-width:600px){.ef-site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.4rem}.ef-site-nav>button,.ef-site-nav>details>summary{width:100%;font-size:.9rem;justify-content:flex-start;text-align:left}.ef-site-nav-dropdown{min-width:0}.ef-site-nav-dropdown:nth-child(even) .ef-site-nav-menu{left:auto;right:0}.ef-goal-home-heading{align-items:start}.ef-goal-home-heading h2{font-size:1.2rem}}

.ef-goal-plan{border-top:1px solid var(--line,#d3dce5);padding-top:.75rem;margin:.8rem 0}.ef-goal-plan h3{margin:.2rem 0}.ef-goal-plan-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:.8rem;padding:.65rem 0;border-bottom:1px solid var(--line,#d3dce5);align-items:center}.ef-goal-plan-tasks{display:flex;gap:.45rem;flex-wrap:wrap}.ef-goal-plan-tasks button{white-space:normal}.ef-site-about-curriculum,.ef-site-fingerprint-intro{margin:1rem 0}@media(max-width:600px){.ef-goal-plan-row{grid-template-columns:1fr}.ef-goal-plan-tasks button{flex:1 1 125px}}

.ef-today-greeting{font-size:1.5rem;font-weight:750;line-height:1.3;padding:.6rem 0 .2rem}.ef-today-skills{margin:0 0 .8rem}.ef-today-skills h2{margin:0 0 .65rem}.ef-today-skills .ef-site-skill-summary{margin:0}.ef-want-heading{margin:1.1rem 0 .3rem}[data-today-section='recommendations']{margin:.2rem 0 1rem}


/* v2.8.14 follow-up: readable seven-skill overview at laptop and mobile widths. */
.ef-today-skills {min-width:0;max-width:100%;overflow:visible}
.ef-today-skills .ef-site-skill-summary {
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));
  gap:.6rem;min-width:0;
}
.ef-today-skills .ef-site-skill-summary>div {
  min-width:0;display:flex;align-items:center;justify-content:space-between;
  gap:.5rem;padding:.7rem .75rem;flex-wrap:wrap;overflow-wrap:anywhere;
}
.ef-today-skills .ef-site-skill-summary>div strong {min-width:0;overflow-wrap:anywhere}
.ef-today-skills .ef-site-skill-summary>div span {white-space:nowrap;margin-left:auto;font-variant-numeric:tabular-nums}
.ef-today-greeting {min-width:0}
.ef-want-heading {clear:both}
@media (max-width:600px) {
  .ef-today-skills .ef-site-skill-summary {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:350px) {
  .ef-today-skills .ef-site-skill-summary {grid-template-columns:1fr}
}


/* Feedback v2: retain the original account goals section and native greeting. */
.ef-today-greeting.card {margin:0 0 .85rem;padding:1rem 1.15rem;font-size:inherit;line-height:normal}
.ef-today-greeting h1,.ef-today-greeting h2,.ef-today-greeting h3 {margin:0;font-size:1.35rem;line-height:1.3}
.ef-goals-summary {margin:0 0 .85rem;min-width:0}
.ef-goals-summary-header {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .6rem}
.ef-goals-summary-header h3 {margin:0;min-width:0}
.ef-goals-summary-header [data-goals-open] {margin-left:auto;white-space:normal;flex-shrink:0}
.ef-goals-summary-list p {margin:.45rem 0;overflow-wrap:anywhere}
.ef-goal-deadline {color:var(--muted,#627181);white-space:nowrap}
.ef-skills-explanation {margin:.15rem 0 .85rem;line-height:1.45}
[data-ef-today-hide="true"],[data-ef-redundant-settings="true"] {display:none!important}
.ef-goal-plan {
  background:var(--card,#fff);border:1px solid var(--line,#d3dce5);
  border-radius:14px;padding:1rem 1.1rem;margin:.5rem 0 1.2rem;
}
.ef-goal-plan h3 {margin:0 0 .4rem;font-size:1.15rem}
.ef-goal-plan > .muted {margin:.15rem 0 .8rem;font-size:.9rem;line-height:1.5}
.ef-goal-plan-row {
  display:grid;grid-template-columns:minmax(120px,.9fr) minmax(0,2fr);
  gap:1rem;align-items:center;padding:.8rem .15rem;
}
.ef-goal-plan-row:last-child {border-bottom:0}
.ef-goal-plan-row > strong {min-width:0;overflow-wrap:anywhere}
.ef-goal-plan-tasks {display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}
.ef-goal-plan-tasks > button {flex:0 1 auto;min-height:38px;max-width:100%;white-space:normal}
@media(max-width:650px){
 .ef-goals-summary-header {align-items:flex-start}
 .ef-goal-plan-row {grid-template-columns:1fr;gap:.5rem}
 .ef-goal-plan-tasks > button {flex:1 1 130px}
}
