/* Shared links to the photography studies; existing page layouts stay independent. */
.study-directions{position:relative;flex:none;color:var(--muted);font:9px/1.55 var(--mono);letter-spacing:.04em}
.study-directions summary{list-style:none;cursor:pointer;white-space:nowrap;min-height:28px;margin-block:-7px;padding-block:7px}
.study-directions summary::-webkit-details-marker{display:none}
.study-directions summary:hover,.study-directions[open] summary{color:var(--ink)}
.study-directions>div{position:absolute;z-index:50;right:0;top:calc(100% + 12px);width:190px;padding:10px 16px;background:#101010;color:var(--ink);border:1px solid #30302e;display:grid}
.masthead nav .study-directions a{display:flex;align-items:center;min-height:44px;font:10px/1.4 var(--mono);letter-spacing:.02em;text-transform:none;white-space:nowrap;text-decoration:none;color:var(--ink)}
.masthead nav .study-directions a::before,.masthead nav .study-directions a::after{content:none}
.study-footer{display:flex;flex-wrap:wrap;gap:6px 24px;font:10px/1.5 var(--mono)}
.study-footer a{display:flex;align-items:center;min-height:44px;text-decoration:none}
.study-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.study-directions>div{max-height:min(360px,70svh);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:820px){
  .study-directions{font-size:8px}
  .study-directions>div{width:178px}
  .masthead:has(nav.study-nav-wrap){align-items:flex-start;height:auto}
  .masthead nav.study-nav-wrap{flex-wrap:wrap;justify-content:flex-end;max-width:62%;gap:8px 12px}
}
@media(max-width:480px){.study-directions--start>div{right:auto;left:0}}