/* Shared structure for the six standalone feature pages. */
.feature-main { width:100%; min-height:calc(100svh - 240px); padding-top:24px; }
.breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:14px; margin:0 4px 20px; }
.breadcrumbs a { min-height:40px; display:inline-flex; align-items:center; text-decoration:underline; text-underline-offset:5px; }
.breadcrumbs [aria-current] { color:var(--ink); }
.feature-main .section { margin-bottom:20px; }
.feature-main .section-heading h1 { margin:0; font:600 30px/1.4 var(--sans); letter-spacing:0; }
.page-links { display:flex; align-items:center; flex-wrap:wrap; gap:10px 28px; margin:0 4px 26px; font-size:15px; }
.page-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent); text-decoration:underline; text-underline-offset:5px; }
.page-links>a:first-child { margin-right:auto; color:var(--ink); }
.feature-page .tuner-help a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent); text-decoration:underline; text-underline-offset:5px; }
.lesson-list>button:target { outline:2px solid var(--accent); outline-offset:6px; }
.feature-page .footer-sea { height:130px; margin:0; }
.feature-page .footer-sea>svg { height:160px; }
.feature-page .footer-emblem { width:70px; height:70px; top:5px; }
.feature-page .footer-sea-label { top:76px; font-size:10px; letter-spacing:3px; }
@media(max-width:700px) {
  .feature-main { padding-top:14px; }
  .breadcrumbs { margin-bottom:14px; }
  .feature-main .section-heading h1 { font-size:25px; }
  .page-links { gap:5px 22px; font-size:14px; }
  .page-links>a:first-child { flex-basis:100%; }
  .feature-page .footer-sea { height:110px; }
  .feature-page .footer-sea>svg { height:125px; }
}