/* Shared press-style navigation: outlined tabs and a select on small screens. */
.section-controls { border-bottom: 1px solid var(--line); padding-bottom: 18px; }
.section-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.section-tabs button { min-height: 44px; padding: 9px 15px; border: 1px solid var(--line); background: transparent; color: var(--ink); font: inherit; font-size: 17px; text-align: left; }
.section-tabs button:hover { background: rgba(255,255,255,.45); }
.section-tabs button[aria-selected='true'] { color: #f7f4ed; background: #35332f; border-color: #35332f; }
.section-select-label { display: none; font-size: 14px; }
.section-select { display: block; width: 100%; max-width: 100%; margin-top: 7px; min-height: 48px; padding: 9px 12px; border: 1px solid #858077; border-radius: 0; font: 18px var(--serif); color: var(--ink); background: #f3efe7; }
.section-select:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
content-tabs { display: block; }
content-tabs .section-controls { margin-bottom: 28px; }
.tab-panel[hidden] { display: none; }
content-tabs[data-ready] > .tab-panel > h2 { display: none; }
.tab-panel:focus-visible { outline: 1px solid currentColor; outline-offset: 8px; }
.tab-panel .work-card:first-child { padding-top: 0; }
@media (max-width: 700px) {
  .section-tabs { display: none; }
  .section-select-label { display: block; }
}
@media print {
  .section-controls { display: none; }
  .tab-panel[hidden], content-tabs[data-ready] > .tab-panel > h2 { display: block; }
}