/* What every view of Whitman's home wears beneath its own look (tools/whitman_views.py): the butterfly as type, the moves' labels put
   away (his home is not the book of moves), and the ways in, a quiet line at the top in the page's own type, never over his words. */

/* the 1860's hand with a butterfly on its finger, alone in a face of its own (fonts/OFL.txt): `` in an element of class butterfly */
@font-face{font-family:"Whitman Butterfly"; src:url(fonts/butterfly.woff2) format("woff2"); font-display:block}
@font-face{font-family:"Stanza Fleurons W"; src:url(fonts/butterfly.woff2) format("woff2"); font-display:block}
.butterfly{font-family:"Whitman Butterfly"; font-style:normal; font-weight:400; line-height:1}

.next[hidden]{display:none !important}   /* the readings still to come after the soonest (coming.js shows the soonest) */
.home-room .mv{position:relative}
.home-room .mv > .label{display:none}

/* the ways in */
.ways-in{position:relative; z-index:30; display:flex; align-items:baseline; gap:4px 18px; flex-wrap:wrap; justify-content:center;
  padding:10px max(16px, 3vw) 9px; background:var(--ground); color:var(--soft);
  font:400 .74rem/1.45 var(--text, "Libre Caslon Text", Georgia, serif); letter-spacing:.02em;
  border-bottom:1px solid color-mix(in srgb, var(--ink) 14%, transparent)}
.ways-in.foot{border-bottom:0; border-top:1px solid color-mix(in srgb, var(--ink) 14%, transparent); margin-top:40px; padding-top:14px; padding-bottom:14px}
.ways-in .ways-lab{font-style:italic; white-space:nowrap; flex:none}
.ways-in a{flex:none}
.ways-in a{color:var(--soft); text-decoration:none; border-bottom:1px solid transparent; padding-bottom:1px; white-space:nowrap}
.ways-in a:hover{color:var(--ink); border-bottom-color:currentColor}
.ways-in a[aria-current]{color:var(--ink); border-bottom-color:currentColor}
.ways-in a:focus-visible{outline:2px solid var(--accent); outline-offset:3px}
@media (max-width:700px){
  .ways-in{flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
    padding:10px 16px 9px; gap:16px; font-size:.78rem}
  .ways-in::-webkit-scrollbar{display:none}
}

/* The Book: the line on its title page to the whole first Leaves of Grass (/whitman/book/1855; tools/site.py adds it) */
.c-book .tp-read{margin:6svh 0 0; font:italic 400 1.06rem/1.3 var(--book); text-align:center}
.c-book .tp-read a{color:var(--ink); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.22em; text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
.c-book .tp-read a:hover, .c-book .tp-read a:focus-visible{text-decoration-color:currentColor}
@media (max-width:700px){ .c-book .tp-read{margin-top:3svh; font-size:.98rem} }