/* Shared Songpot masthead for Plan and Me; Home draws the same arrangement in blocks.css. */
.app-nav{display:flex;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid var(--sp-ink,#111);font:500 11px/1 var(--sp-mono,ui-monospace,monospace);position:relative;z-index:6}
.app-nav .brand{font:800 20px/1 var(--sp-dot,ui-monospace,monospace);text-decoration:none;color:var(--sp-ink,#111)}
.app-nav .sp{flex:1}
.app-nav .links{display:flex;gap:18px}
.app-nav a{text-decoration:none;color:var(--sp-mute,#888)}
.app-nav a[aria-current="page"]{color:var(--sp-ink,#111);font-weight:600;box-shadow:0 2px 0 var(--sp-ink,#111)}
.app-nav .n,.app-tabs .n{font-style:normal;display:inline-grid;place-items:center;min-width:15px;height:15px;margin-left:5px;padding:0 3px;background:var(--sp-ink,#111);color:var(--sp-paper,#fff);font:600 9px/1 var(--sp-mono,ui-monospace,monospace)}
.app-nav .n[hidden],.app-tabs .n[hidden]{display:none}
.app-nav .trip{position:relative}
.app-nav .trip summary{list-style:none;cursor:pointer;border:1px solid var(--sp-ink,#111);padding:6px 9px;font:600 10.5px/1 var(--sp-mono,ui-monospace,monospace);white-space:nowrap}
.app-nav .trip summary::-webkit-details-marker{display:none}
.app-nav .trip-menu{position:absolute;top:calc(100% + 6px);left:0;width:260px;background:var(--sp-paper,#fff);border:1px solid var(--sp-ink,#111);display:grid;box-shadow:0 18px 30px -18px rgba(0,0,0,.5)}
.app-nav .trip-menu a{display:grid;gap:3px;padding:11px 13px;border-top:1px solid var(--sp-rule,#ddd);color:var(--sp-ink,#111);font:600 11px/1.3 var(--sp-mono,ui-monospace,monospace)}
.app-nav .trip-menu a:first-child{border-top:0}.app-nav .trip-menu a[aria-current]{background:var(--sp-card,#f4f4f4)}
.app-nav .trip-menu small{font:400 9.5px var(--sp-mono,ui-monospace,monospace);color:var(--sp-mute,#888)}
.app-nav .sp-theme{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--sp-rule,#ddd);background:transparent;color:var(--sp-ink,#111);cursor:pointer}
.app-nav .sp-theme svg{width:17px;height:17px}
.app-nav .sp-theme .moon{display:none}
:root[data-theme="dark"] .app-nav .sp-theme .sun{display:none}
:root[data-theme="dark"] .app-nav .sp-theme .moon{display:block}
.app-tabs{display:none}
@media (max-width:900px){
  .app-nav{gap:10px;padding-inline:12px}
  .app-nav .links{display:none}
  body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}
  .app-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:fixed;left:0;right:0;bottom:0;z-index:40;max-width:none;margin:0;padding:0 0 env(safe-area-inset-bottom);
    background:var(--sp-paper,#fff);border-top:1px solid var(--sp-ink,#111)}
  .app-tabs a{text-align:center;padding:13px 0 15px;font:600 10.5px var(--sp-mono,ui-monospace,monospace);text-decoration:none;color:var(--sp-mute,#888)}
  .app-tabs a[aria-current="page"]{color:var(--sp-ink,#111);box-shadow:inset 0 2px 0 var(--sp-ink,#111)}
}
@media print{.app-nav,.app-tabs{display:none}}