/* Data directory: a compact paper index with cut-corner selection marks.
   The dtoc scope wins over the legacy sheets appended by its lazy loader. */
body.studio-d.experience .dtoc.ftoc {
  --dtoc-paper:#f7f5ef;
  --dtoc-white:#fffefa;
  --dtoc-ink:#22241f;
  --dtoc-muted:#606456;
  --dtoc-rule:#d6d7ca;
  --dtoc-blue:#3c4be0;
  --dtoc-coral:#f4856f;
  --dtoc-lemon:#e9ef73;
  color:var(--dtoc-ink);
  font-family:var(--font-ui,sans-serif);
}
body.studio-d.experience .dtoc.ftoc .ftoc-panel {
  box-sizing:border-box;
  width:min(420px,calc(100vw - 24px));
  padding:10px 8px 9px;
  color:var(--dtoc-ink);
  background:var(--dtoc-white)!important;
}
body.studio-d.experience .dtoc.ftoc .ftoc-head {
  padding:1px 7px 8px 9px;
  margin-bottom:8px;
  border-bottom:1px dashed var(--dtoc-rule);
}
body.studio-d.experience .dtoc.ftoc .ftoc-title {
  font-size:12px!important;
  letter-spacing:.04em;
  color:var(--dtoc-ink);
}
body.studio-d.experience .dtoc.ftoc .ftoc-trigger i {
  width:8px;
  height:8px;
  margin-left:1px;
  border:1px solid var(--dtoc-ink);
  border-radius:1px;
  background:var(--dtoc-coral);
  transform:rotate(-12deg);
}
body.studio-d.experience .dtoc.ftoc .ftoc-scroll {
  padding:0 5px 5px;
  scrollbar-color:#b7b9a8 transparent;
}
body.studio-d.experience .dtoc.ftoc .ftoc-scroll::-webkit-scrollbar-thumb { background:#b7b9a8; }
body.studio-d.experience .dtoc.ftoc .dtoc-content { padding:0 2px; }
body.studio-d.experience .dtoc.ftoc .dtoc-group-heading {
  display:flex;
  align-items:center;
  gap:7px;
  padding:2px 7px 8px;
  color:var(--dtoc-muted);
  font-size:10px;
  line-height:1.5;
  font-weight:600;
  letter-spacing:.06em;
}
body.studio-d.experience .dtoc.ftoc .dtoc-group-heading::before {
  content:"";
  width:7px;
  height:7px;
  border:1px solid var(--dtoc-ink);
  background:var(--dtoc-lemon);
  transform:rotate(-12deg);
}
body.studio-d.experience .dtoc.ftoc .dtoc-group-heading::after {
  float:none;
  margin-left:auto;
  color:var(--dtoc-muted);
  line-height:1;
}
body.studio-d.experience .dtoc.ftoc .dtoc-cohorts {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 6px;
  padding:0 3px 10px;
}
body.studio-d.experience .dtoc.ftoc .dtoc-content :is(.dtoc-cohort,.dtoc-resource) {
  position:relative;
  box-sizing:border-box;
  min-width:0;
  border:1px solid transparent!important;
  border-radius:7px!important;
  box-shadow:none!important;
  color:var(--dtoc-ink)!important;
  background:transparent!important;
  font-family:var(--font-ui,sans-serif);
  transition:background 180ms ease,border-color 180ms ease;
}
body.studio-d.experience .dtoc.ftoc .dtoc-content .dtoc-cohort {
  min-height:31px;
  padding:6px 18px 6px 8px;
  font-size:11px;
  line-height:1.5;
  font-weight:500;
  overflow-wrap:anywhere;
}
body.studio-d.experience .dtoc.ftoc .dtoc-content :is(.dtoc-cohort,.dtoc-resource):hover {
  border-color:var(--dtoc-rule)!important;
  background:var(--dtoc-paper)!important;
  transform:none;
}
body.studio-d.experience .dtoc.ftoc .dtoc-content :is(.dtoc-cohort,.dtoc-resource)[aria-current="true"] {
  border:1px dashed var(--dtoc-ink)!important;
  background:#e9ef733d!important;
  box-shadow:none!important;
  color:var(--dtoc-ink)!important;
}
body.studio-d.experience .dtoc.ftoc .dtoc-content :is(.dtoc-cohort,.dtoc-resource)[aria-current="true"]::before { display:none; }
body.studio-d.experience .dtoc.ftoc .dtoc-content :is(.dtoc-cohort,.dtoc-resource)[aria-current="true"]::after {
  content:"";
  position:absolute;
  top:3px;
  right:3px;
  width:8px;
  height:8px;
  background:var(--dtoc-coral);
  clip-path:polygon(0 0,100% 0,100% 100%);
  pointer-events:none;
}
body.studio-d.experience .dtoc.ftoc .dtoc-search {
  margin:1px 3px 6px;
  padding:0;
  border:1px solid var(--dtoc-rule);
  border-radius:18px;
  background:var(--dtoc-paper);
}
body.studio-d.experience .dtoc.ftoc .dtoc-search::before {
  content:"";
  position:absolute;
  top:10px;
  left:11px;
  width:9px;
  height:9px;
  border:1.5px solid var(--dtoc-muted);
  border-radius:50%;
  pointer-events:none;
}
body.studio-d.experience .dtoc.ftoc .dtoc-search::after {
  content:"";
  position:absolute;
  top:21px;
  left:20px;
  width:5px;
  height:1.5px;
  background:var(--dtoc-muted);
  transform:rotate(45deg);
  transform-origin:left center;
  pointer-events:none;
}
body.studio-d.experience .dtoc.ftoc .dtoc-search input {
  min-height:34px;
  padding:7px 12px 7px 31px!important;
  color:var(--dtoc-ink);
  font:12px/1.5 var(--font-ui,sans-serif);
}
body.studio-d.experience .dtoc.ftoc .dtoc-search input::placeholder { color:var(--dtoc-muted);opacity:1; }
body.studio-d.experience .dtoc.ftoc .dtoc-search input:focus-visible { outline:none; }
body.studio-d.experience .dtoc.ftoc .dtoc-search:focus-within {
  border-color:var(--dtoc-blue);
  box-shadow:0 0 0 2px #3c4be014;
}
body.studio-d.experience .dtoc.ftoc .dtoc-count {
  margin:0 9px 6px!important;
  color:var(--dtoc-muted);
  font:10px/1.5 var(--font-ui,sans-serif)!important;
}
body.studio-d.experience .dtoc.ftoc .dtoc-resources { display:grid;gap:3px; }
body.studio-d.experience .dtoc.ftoc .dtoc-item { min-width:0; }
body.studio-d.experience .dtoc.ftoc .dtoc-content .dtoc-resource {
  width:100%;
  min-height:53px;
  grid-template-columns:minmax(0,1fr) 100px;
  gap:10px;
  padding:8px 14px 8px 10px!important;
  text-align:left;
}
body.studio-d.experience .dtoc.ftoc .dtoc-resource :is(.dtoc-identity,.dtoc-metadata) { min-width:0;gap:3px; }
body.studio-d.experience .dtoc.ftoc .dtoc-name {
  overflow-wrap:anywhere;
  white-space:normal;
  text-overflow:clip;
  color:var(--dtoc-ink);
  font-size:12px;
  font-weight:620;
  line-height:1.4;
}
body.studio-d.experience .dtoc.ftoc .dtoc-scenario {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:normal;
  overflow-wrap:anywhere;
  color:var(--dtoc-muted);
  font-size:10px;
  line-height:1.5;
}
body.studio-d.experience .dtoc.ftoc .dtoc-metadata { align-self:start;text-align:right;color:var(--dtoc-muted);font-size:9px; }
body.studio-d.experience .dtoc.ftoc .dtoc-metadata>span { color:var(--dtoc-muted);line-height:1.5; }
body.studio-d.experience .dtoc.ftoc .dtoc-metadata>span:first-child {
  justify-self:end;
  max-width:100%;
  padding:1px 5px;
  border:1px solid var(--dtoc-rule);
  border-radius:4px;
  color:var(--dtoc-ink);
  background:var(--dtoc-paper);
  font-size:9px;
}
body.studio-d.experience .dtoc.ftoc .dtoc-empty {
  margin:12px 8px!important;
  color:var(--dtoc-muted);
  font:12px/1.7 var(--font-ui,sans-serif)!important;
}
body.studio-d.experience .dtoc.ftoc :is(.dtoc-cohort,.dtoc-resource,.dtoc-group-heading,.ftoc-trigger,.ftoc-actions button):focus-visible {
  outline:2px solid var(--dtoc-blue);
  outline-offset:2px;
}
body.studio-d.experience .dtoc.ftoc.is-narrow .ftoc-panel { width:auto; }
body.studio-d.experience .dtoc.ftoc.is-narrow .dtoc-content .dtoc-resource { min-height:55px;padding-block:8px!important; }
@media(max-width:420px) {
  body.studio-d.experience .dtoc.ftoc .dtoc-content .dtoc-resource { grid-template-columns:minmax(0,1fr);gap:5px; }
  body.studio-d.experience .dtoc.ftoc .dtoc-resource .dtoc-metadata { display:flex;align-items:center;gap:7px;max-width:100%;text-align:left; }
  body.studio-d.experience .dtoc.ftoc .dtoc-metadata>span:first-child { flex:0 1 auto;max-width:48%; }
  body.studio-d.experience .dtoc.ftoc .dtoc-metadata>span:last-child { min-width:0; }
}
@media(prefers-reduced-motion:reduce) {
  body.studio-d.experience .dtoc.ftoc .dtoc-content :is(.dtoc-cohort,.dtoc-resource) { transition:none; }
}