/* Extracted v10 visual system; assets are served locally. */ :root { color-scheme:light; background:#fff; } html,body { margin:0; padding:0; } body { font:16px/1.55 Arial,sans-serif; } html[data-nb-theme="light"] { color-scheme:light; background:#fff; } html[data-nb-theme="dark"] { color-scheme:dark; background:#080809; } h1,h2,h3,p { margin-block:0; } h2 { font-size:clamp(28px,3vw,42px); line-height:1.2; } h3 { font-size:20px; line-height:1.3; } a { text-underline-offset:4px; } #nb-expanding-bands { color-scheme:dark; --nb-black:#080809; --nb-cream:#126782; --nb-mint:#c8a700; --nb-plum:#4f772d; --nb-dark:#f8f4e8; --nb-pale:#f8f4e8; --nb-work-ink:#fff; --nb-read-ink:#080809; --nb-make-ink:#fff; --nb-rule:#5bc0eb; background:var(--nb-black); color:var(--nb-pale); font-family:Arial,sans-serif; transition:background 240ms,color 240ms; } #nb-expanding-bands[data-theme="light"] { color-scheme:light; --nb-black:#fff; --nb-cream:#5bc0eb; --nb-mint:#fde74c; --nb-plum:#9bc53d; --nb-dark:#080809; --nb-pale:#080809; --nb-work-ink:#080809; --nb-read-ink:#080809; --nb-make-ink:#080809; --nb-rule:#080809; } #nb-expanding-bands[data-theme="dark"] { color-scheme:dark; --nb-black:#080809; --nb-cream:#126782; --nb-mint:#c8a700; --nb-plum:#4f772d; --nb-dark:#f8f4e8; --nb-pale:#f8f4e8; --nb-work-ink:#fff; --nb-read-ink:#080809; --nb-make-ink:#fff; --nb-rule:#5bc0eb; } #nb-expanding-bands * { box-sizing:border-box; } #nb-expanding-bands [hidden] { display:none !important; } #nb-expanding-bands button { font:inherit; color:inherit; cursor:pointer; } #nb-expanding-bands h1,#nb-expanding-bands h2,#nb-expanding-bands h3 { font-family:"Nadja Gothic",Arial,sans-serif; font-weight:600; } #nb-expanding-bands .stage { position:relative; min-height:660px; isolation:isolate; overflow:hidden; } #nb-expanding-bands .sheet { position:absolute; inset:0; transition:clip-path 650ms cubic-bezier(.22,.8,.2,1); } #nb-expanding-bands .band-media { position:absolute; top:0; bottom:0; overflow:hidden; pointer-events:none; transition:left 650ms cubic-bezier(.22,.8,.2,1),width 650ms cubic-bezier(.22,.8,.2,1); background:#100e14; } #nb-expanding-bands .band-photo { position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%; max-width:none; object-fit:cover; object-position:50% 26%; } #nb-expanding-bands .sheet-work .band-photo { object-position:54% 26%; } #nb-expanding-bands .sheet-read .band-photo { object-position:41% 23%; } #nb-expanding-bands .sheet-make .band-photo { object-position:50% 30%; } #nb-expanding-bands .band-tint { position:absolute; inset:0; opacity:.62; transition:opacity 500ms; } #nb-expanding-bands .sheet-work .band-tint { background:radial-gradient(circle at 14px 14px,transparent 0 4px,#08080973 4.5px 5.5px,transparent 6px) 5px 18px/30px 58px repeat-y,var(--nb-cream); } #nb-expanding-bands .sheet-read .band-tint { background:radial-gradient(circle,#fff7 0 1.3px,transparent 1.5px) 0 0/15px 15px,var(--nb-mint); } #nb-expanding-bands .sheet-make .band-tint { background:repeating-linear-gradient(0deg,transparent 0 18px,#0808092b 18px 20px),var(--nb-plum); } #nb-expanding-bands[data-theme="light"] .sheet-make .band-tint { background:repeating-linear-gradient(0deg,transparent 0 18px,#ffffff70 18px 20px),var(--nb-plum); } #nb-expanding-bands .sheet[data-open="true"] .band-tint { opacity:0; } #nb-expanding-bands .sheet-work { background:var(--nb-cream); color:var(--nb-work-ink); clip-path:polygon(0 0,8% 0,26% 100%,0 100%); } #nb-expanding-bands .sheet-read { background:var(--nb-mint); color:var(--nb-read-ink); clip-path:polygon(8% 0,25% 0,43% 100%,26% 100%); } #nb-expanding-bands .sheet-make { background:var(--nb-plum); color:var(--nb-make-ink); clip-path:polygon(25% 0,41% 0,59% 100%,43% 100%); } #nb-expanding-bands .band-trigger { position:absolute; inset:0; z-index:3; border:0; background:transparent; padding:0; width:100%; height:100%; touch-action:manipulation; } #nb-expanding-bands .band-trigger:hover { background:#ffffff12; } #nb-expanding-bands .band-trigger:focus-visible { outline:none; background:#ffffff24; } #nb-expanding-bands .band-trigger:focus-visible .band-label { outline:2px solid currentColor; outline-offset:9px; } #nb-expanding-bands .band-label { --nb-tab-bg:#080809e8; --nb-tab-ink:#fff; position:absolute; top:50%; padding:8px 11px; white-space:nowrap; transform:translate(-50%,-50%) rotate(79deg); transform-origin:center; transition:left 650ms cubic-bezier(.22,.8,.2,1),transform 650ms cubic-bezier(.22,.8,.2,1); background:var(--nb-tab-bg); color:var(--nb-tab-ink); font-family:monospace; font-size:12px; letter-spacing:.015em; } #nb-expanding-bands[data-theme="light"] .band-label { --nb-tab-bg:#fff; --nb-tab-ink:#080809; } #nb-expanding-bands[data-theme="dark"] .band-label { --nb-tab-bg:#080809e8; --nb-tab-ink:#fff; } #nb-expanding-bands .band-label small { margin-right:9px; font:inherit; opacity:.58; } #nb-expanding-bands .welcome { position:absolute; left:63%; right:5%; top:0; bottom:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; } #nb-expanding-bands .welcome h1 { margin:30px 0 34px; font-size:clamp(4.25rem,8.4vw,8.5rem); line-height:.73; letter-spacing:-.085em; } #nb-expanding-bands .welcome h1 span { display:block; } #nb-expanding-bands .welcome p { margin:0 0 22px; max-width:28ch; } #nb-expanding-bands .welcome .address { position:absolute; top:28px; font-family:monospace; overflow-wrap:anywhere; } #nb-expanding-bands .welcome .choose { position:absolute; bottom:30px; } #nb-expanding-bands .small-rule { width:42px; height:1px; background:var(--nb-rule); } #nb-expanding-bands .page { position:absolute; top:28px; color:var(--nb-dark); } #nb-expanding-bands .page-work { color:var(--nb-work-ink); } #nb-expanding-bands .page-read { color:var(--nb-read-ink); } #nb-expanding-bands .page-make { color:var(--nb-make-ink); } #nb-expanding-bands .page-head { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:40px; } #nb-expanding-bands .home { background:transparent; border:0; padding:10px 0; text-align:left; text-decoration:underline; text-underline-offset:5px; } #nb-expanding-bands .page-head small { font-family:monospace; } #nb-expanding-bands .page h2 { margin:0 0 18px; } #nb-expanding-bands .page .lede { margin:0 0 32px; max-width:56ch; } #nb-expanding-bands .destinations { display:grid; grid-template-columns:1fr; } #nb-expanding-bands details { border-top:1px solid color-mix(in srgb,currentColor 34%,transparent); padding:0; } #nb-expanding-bands summary { padding:19px 0; cursor:pointer; } #nb-expanding-bands details p { margin:0 0 20px; max-width:44ch; } #nb-expanding-bands details ul { padding-left:18px; margin:0 0 22px; } #nb-expanding-bands details li { margin:9px 0; } #nb-expanding-bands .page-note { margin-top:38px; border-top:1px solid color-mix(in srgb,currentColor 34%,transparent); padding:18px 0; } #nb-expanding-bands .page-note p { margin:8px 0; } #nb-expanding-bands .page-note small { font-family:monospace; } #nb-expanding-bands .announce { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } #nb-expanding-bands .theme-toggle { position:absolute; right:22px; bottom:22px; z-index:20; display:flex; align-items:center; gap:10px; border:1px solid currentColor; border-radius:999px; padding:9px 13px 9px 10px; background:var(--nb-black); color:var(--nb-pale); box-shadow:4px 4px 0 color-mix(in srgb,currentColor 30%,transparent); font-family:monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; } #nb-expanding-bands .theme-toggle:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 color-mix(in srgb,currentColor 30%,transparent); } #nb-expanding-bands .theme-toggle:focus-visible { outline:3px solid var(--nb-rule); outline-offset:3px; } #nb-expanding-bands .theme-symbol { display:grid; place-items:center; width:22px; height:22px; border:1px solid currentColor; border-radius:50%; font-size:14px; line-height:1; } @media(max-width:580px) { #nb-expanding-bands .welcome { left:61%; right:5%; } #nb-expanding-bands .welcome .address { top:22px; } #nb-expanding-bands .destinations { grid-template-columns:1fr; } #nb-expanding-bands .page-head { margin-bottom:24px; } #nb-expanding-bands .page .lede { margin-bottom:24px; } #nb-expanding-bands .band-label { padding:7px 9px; font-size:11px; } #nb-expanding-bands .welcome h1 { font-size:clamp(3.35rem,15vw,5.2rem); } #nb-expanding-bands .theme-toggle { right:14px; bottom:14px; } } @media(prefers-reduced-motion:reduce) { } #nb-expanding-bands a { color:inherit; } #nb-expanding-bands .band-trigger { text-decoration:none; cursor:pointer; } #nb-expanding-bands .page-head .home, #nb-expanding-bands .page-head small { font-size:clamp(16px,1.45vw,21px); font-weight:600; line-height:1.4; } #nb-expanding-bands .page-head small { margin-left:auto; text-align:right; } #nb-expanding-bands summary a { text-decoration:none; text-underline-offset:5px; } #nb-expanding-bands summary a:hover { text-decoration:underline; } #nb-expanding-bands a:focus-visible { outline:2px solid currentColor; outline-offset:5px; } @media(prefers-reduced-motion:reduce) { #nb-expanding-bands .sheet,#nb-expanding-bands .band-label,#nb-expanding-bands .band-media,#nb-expanding-bands .band-tint { transition:none; } } #nb-expanding-bands .context-panel { position:absolute; top:0; z-index:4; background:#080809; overflow:hidden; display:flex; align-items:flex-start; justify-content:center; pointer-events:none; } #nb-expanding-bands .context-panel img { width:100%; height:100%; max-height:100vh; object-fit:contain; object-position:top center; filter:contrast(100) invert(1); } #nb-expanding-bands[data-theme="light"] .context-panel { background:#fff; } #nb-expanding-bands[data-theme="light"] .context-panel img { filter:contrast(100); } #nb-expanding-bands .context-choice[aria-current="page"] { font-weight:bold; text-decoration-thickness:2px; } #nb-expanding-bands .contact-open,#nb-expanding-bands .contact-submit { border:1px solid currentColor; background:transparent; color:inherit; padding:12px 16px; margin:0 0 20px; text-align:left; cursor:pointer; } #nb-expanding-bands .contact-open:hover,#nb-expanding-bands .contact-submit:hover { background:color-mix(in srgb,currentColor 12%,transparent); } #nb-expanding-bands .contact-close { position:absolute; top:8px; right:10px; width:44px; height:44px; border:0; background:transparent; color:inherit; font-size:30px; } #nb-expanding-bands .contact-eyebrow { display:block; padding-right:24px; font:11px monospace; letter-spacing:.06em; } #nb-expanding-bands .contact-form { display:grid; gap:9px; margin-top:24px; } #nb-expanding-bands .contact-form label { font-size:14px; } #nb-expanding-bands .contact-form input,#nb-expanding-bands .contact-form textarea { box-sizing:border-box; width:100%; border:1px solid color-mix(in srgb,currentColor 45%,transparent); background:transparent; color:inherit; font:16px Arial,sans-serif; padding:12px; margin:0 0 10px; border-radius:0; } #nb-expanding-bands .contact-form textarea { resize:vertical; min-height:120px; } #nb-expanding-bands .contact-form .contact-submit { margin:4px 0; } #nb-expanding-bands .contact-help { font-size:13px; line-height:1.5; margin:4px 0 0; } @media(max-width:619px) { #nb-expanding-bands .context-panel img { max-height:none; } } #nb-expanding-bands .home-masthead { position:absolute; top:22px; left:0; right:0; display:flex; align-items:center; gap:12px; flex-wrap:wrap; } #nb-expanding-bands .welcome .home-masthead .address { position:static; font-size:clamp(11px,1.1vw,14px); } #nb-expanding-bands .social-links,#nb-expanding-bands .podcast-links { display:flex; align-items:center; gap:2px; flex-wrap:wrap; } #nb-expanding-bands .social-links { margin-left:auto; } #nb-expanding-bands .podcast-links { margin:8px 0 12px -8px; } #nb-expanding-bands .icon-link { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; text-decoration:none; } #nb-expanding-bands .icon-link:hover { background:color-mix(in srgb,currentColor 12%,transparent); } #nb-expanding-bands .icon-link svg { width:22px!important; height:22px!important; flex:none; margin:0; } #nb-expanding-bands .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } #nb-expanding-bands .external-context { border:0; } #nb-expanding-bands .external-context summary { padding:8px 0; } #nb-expanding-bands .external-copy { padding:0 0 16px 4px; } #nb-expanding-bands .external-copy p { font-size:.92em; margin:0 0 10px; } #nb-expanding-bands #exploremymind-books-and-journalism>ul { padding:0; list-style:none; } #nb-expanding-bands #exploremymind-books-and-journalism>ul>li { margin:0; } #nb-expanding-bands .context-panel { pointer-events:auto; color:var(--nb-pale); } #nb-expanding-bands .sidebar-text { width:100%; padding:clamp(24px,3vw,48px); overflow-wrap:anywhere; } #nb-expanding-bands .sidebar-text small { display:block; font:11px monospace; letter-spacing:.1em; } #nb-expanding-bands .sidebar-text h2 { font-size:clamp(28px,3.5vw,48px); line-height:1.15; margin:28px 0; } #nb-expanding-bands .sidebar-copy { max-width:48ch; font-size:16px; line-height:1.65; } #nb-expanding-bands .copy-placeholder { opacity:.6; } @media(max-width:700px) { #nb-expanding-bands .social-links { margin-left:0; } #nb-expanding-bands .home-masthead { gap:4px; } } @font-face { font-family:"Nadja Gothic"; src:url("/assets/design/nadja-gothic.woff") format("woff"); font-style:normal; font-weight:600; font-display:swap; } #nb-expanding-bands .welcome { justify-content:flex-start; padding-top:110px; padding-bottom:84px; } #nb-expanding-bands .welcome h1 { font-size:clamp(4rem,7.3vw,7.7rem); line-height:.91; letter-spacing:-.065em; margin:8px 0 32px; } #nb-expanding-bands .welcome .intro { max-width:none; margin:0; font-size:clamp(16px,1.6vw,21px); line-height:1.8; } #nb-expanding-bands .intro a { background:color-mix(in srgb,currentColor 9%,transparent); padding:2px 5px; border-radius:3px; text-decoration:underline; text-underline-offset:3px; box-decoration-break:clone; -webkit-box-decoration-break:clone; } #nb-expanding-bands .intro a:hover { background:color-mix(in srgb,currentColor 19%,transparent); } #nb-expanding-bands .inline-portrait { display:inline-block; width:1.5em; height:1.5em; object-fit:cover; vertical-align:-.35em; border-radius:4px; margin-right:.15em; } #nb-expanding-bands .sidebar-text h2 { padding-bottom:22px; border-bottom:1px solid color-mix(in srgb,currentColor 40%,transparent); } #nb-expanding-bands .destinations summary { list-style:none; display:flex; align-items:baseline; gap:12px; } #nb-expanding-bands .destinations summary::-webkit-details-marker { display:none; } #nb-expanding-bands .destinations>details>summary::before { content:"›"; font-family:Arial,sans-serif; font-size:22px; font-weight:normal; width:14px; flex:0 0 14px; text-align:center; transition:transform 150ms; } #nb-expanding-bands .destinations>details[open]>summary::before { transform:rotate(90deg); } #nb-expanding-bands .destinations details details>summary::before { content:"+"; font:17px monospace; flex:0 0 14px; text-align:center; } #nb-expanding-bands .destinations details details[open]>summary::before { content:"−"; } #nb-expanding-bands .subtopic { border:0; } #nb-expanding-bands .subtopic summary { padding:7px 0; } #nb-expanding-bands .subtopic .external-copy { padding:8px 0 16px 26px; } #nb-expanding-bands .event-logos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0; } #nb-expanding-bands .event-logo { background:#fff; padding:16px; min-height:82px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd; border-radius:3px; } #nb-expanding-bands .context-panel .event-logos img { position:static; width:100%; height:52px; max-height:52px; object-fit:contain; filter:none; } #nb-expanding-bands .speaking-places { margin:24px 0; } #nb-expanding-bands .speaking-places dt { font:12px monospace; text-transform:uppercase; letter-spacing:.08em; margin-top:20px; } #nb-expanding-bands .speaking-places dd { margin:8px 0 0; font-size:16px; line-height:1.7; } @media(max-width:580px) { #nb-expanding-bands .welcome { padding-top:140px; } #nb-expanding-bands .welcome h1 { font-size:clamp(2.6rem,12vw,4rem); } #nb-expanding-bands .welcome .intro { font-size:16px; line-height:1.7; } #nb-expanding-bands .event-logos { grid-template-columns:1fr; } } #nb-expanding-bands .destinations>details>summary::before { content:"+"; font:20px monospace; transform:none; } #nb-expanding-bands .destinations>details[open]>summary::before { content:"−"; transform:none; } #nb-expanding-bands .destinations ul { list-style:none; padding-left:0; } #nb-expanding-bands .destinations .menu-item { position:relative; padding-left:26px; } #nb-expanding-bands .destinations .menu-item::before { content:"+"; position:absolute; left:0; top:0; width:14px; text-align:center; font:17px monospace; line-height:inherit; } #nb-expanding-bands .summary-external { margin-left:auto; flex:none; padding:0 5px; text-decoration:none; font-size:18px; } #nb-expanding-bands .career-timeline { list-style:none; margin:28px 0; padding:0 0 0 23px; border-left:1px solid color-mix(in srgb,currentColor 30%,transparent); } #nb-expanding-bands .career-timeline li { position:relative; margin:0 0 30px; } #nb-expanding-bands .career-timeline li::before { content:""; position:absolute; width:9px; height:9px; border-radius:50%; background:currentColor; left:-28px; top:7px; } #nb-expanding-bands .timeline-date { font:12px monospace; letter-spacing:.04em; } #nb-expanding-bands .sidebar-copy h3 { font-size:20px; line-height:1.35; margin:10px 0; } #nb-expanding-bands .sidebar-copy p { margin:10px 0 18px; } #nb-expanding-bands .experience-card { padding:10px 0 30px; margin-bottom:22px; border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent); } #nb-expanding-bands .company-logo { padding:20px; background:#fff; border-radius:3px; margin-bottom:22px; } #nb-expanding-bands .context-panel .company-logo img { width:100%; height:80px; max-height:80px; object-fit:contain; filter:none; } #nb-expanding-bands .role-label { font:12px monospace; letter-spacing:.02em; } #nb-expanding-bands .recognitions { list-style:none; padding:0; } #nb-expanding-bands .recognitions li { padding:18px 0; border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent); } #nb-expanding-bands .recognitions li span { display:block; font:12px monospace; line-height:1.6; margin-top:8px; opacity:.75; } #nb-expanding-bands .context-panel .press-logos { width:100%; height:auto; max-height:none; aspect-ratio:2/3; margin:20px 0; } #nb-expanding-bands .source-links { font-size:13px; } /* Visible menu markers are actual HTML in this revision. */ #nb-expanding-bands .destinations summary::before, #nb-expanding-bands .destinations .menu-item::before { content:none!important; display:none!important; } #nb-expanding-bands .menu-plus { display:inline-block; width:14px; flex:0 0 14px; font:17px monospace; line-height:inherit; text-align:center; } #nb-expanding-bands .destinations>details>summary>.menu-plus { font-size:20px; } #nb-expanding-bands .menu-item>.menu-plus { position:absolute; left:0; top:0; } #nb-expanding-bands .summary-external { margin-left:0; padding:0 3px; } /* Section hierarchy and selection, using each band's own ink colour. */ #nb-expanding-bands .destinations>details>summary, #nb-expanding-bands .destinations>details>summary>a { font-weight:700; } #nb-expanding-bands .destinations details details>summary { font-weight:400; } #nb-expanding-bands .destinations details>summary { transition:background-color 160ms,box-shadow 160ms; } #nb-expanding-bands .destinations details[open]>summary { background:color-mix(in srgb,currentColor 12%,transparent); box-shadow:inset 3px 0 0 currentColor; padding-left:12px; padding-right:12px; } #nb-expanding-bands .destinations .context-choice[aria-current="page"] { display:inline-block; background:color-mix(in srgb,currentColor 14%,transparent); box-shadow:inset 3px 0 0 currentColor; padding:6px 10px; font-weight:600; } #nb-expanding-bands .destinations summary:hover { background:color-mix(in srgb,currentColor 7%,transparent); } #nb-expanding-bands .destinations details[open]>summary:hover { background:color-mix(in srgb,currentColor 17%,transparent); } #nb-expanding-bands .sidebar-copy h4 { font:600 14px monospace; margin:26px 0 4px; } #nb-expanding-bands .event-history ul { padding-left:18px; margin:10px 0 28px; } #nb-expanding-bands .event-history li { margin:8px 0; font-size:15px; line-height:1.5; } #nb-expanding-bands .book-title { font-weight:700; line-height:1.5; } #nb-expanding-bands .book-formats { display:grid; gap:14px; padding:12px 0 22px 26px; } #nb-expanding-bands .format-link { display:flex; align-items:center; gap:12px; text-underline-offset:4px; } #nb-expanding-bands .brand-icon { width:28px!important; height:28px!important; flex:0 0 28px; fill:currentColor; } #nb-expanding-bands .contact-panel { position:relative; } #nb-expanding-bands .contact-panel .contact-close { top:10px; right:10px; } #nb-expanding-bands .contact-panel .contact-eyebrow { padding-right:28px; } #nb-expanding-bands .intro a { font-weight:600; } #nb-expanding-bands .intro a[data-route^="workwithme"] { background:var(--nb-cream); color:var(--nb-work-ink); } #nb-expanding-bands .intro a[data-route^="exploremymind"] { background:var(--nb-mint); color:var(--nb-read-ink); } #nb-expanding-bands .intro a[data-route^="now"] { background:var(--nb-plum); color:var(--nb-make-ink); } #nb-expanding-bands .intro a:hover { box-shadow:inset 0 -2px 0 currentColor; } #nb-expanding-bands .destinations .subtopic[open] .context-choice[aria-current="page"] { padding:0; box-shadow:none; background:none; } #nb-expanding-bands .wordmark { font-family:"Nadja Gothic",Arial,sans-serif; font-size:clamp(20px,1.8vw,25px); font-weight:600; letter-spacing:-.06em; line-height:1.2; text-decoration:none; white-space:nowrap; } #nb-expanding-bands .wordmark-dot { color:var(--nb-rule); } #nb-expanding-bands .destinations details details>summary { flex-wrap:wrap; row-gap:5px; } #nb-expanding-bands .destinations details details>summary>.context-choice, #nb-expanding-bands .destinations details details>summary>.book-title { flex:1; min-width:0; } #nb-expanding-bands .disclosure-cue { display:block; flex-basis:100%; margin-left:26px; font-size:12px; line-height:1.5; font-weight:600; opacity:.8; text-decoration:underline; text-underline-offset:3px; } #nb-expanding-bands .cue-open { display:none; } #nb-expanding-bands details[open]>summary>.disclosure-cue .cue-closed { display:none; } #nb-expanding-bands details[open]>summary>.disclosure-cue .cue-open { display:inline; } #nb-expanding-bands .sidebar-archive { display:inline-block; border:1px solid currentColor; padding:12px 14px; text-decoration:none; } #nb-expanding-bands .sidebar-archive:hover { background:color-mix(in srgb,currentColor 10%,transparent); } /* Homepage: preserve the half-screen bands, give the introduction room. */ #nb-expanding-bands .welcome { left:calc(50% + min(69px,9vw) + 28px); right:clamp(24px,4vw,64px); bottom:auto; min-height:100%; padding:24px 0 96px; } #nb-expanding-bands .home-masthead { position:static; width:100%; gap:12px; } #nb-expanding-bands .welcome h1 { margin:clamp(36px,5vh,64px) 0 26px; } #nb-expanding-bands .welcome .intro { max-width:40ch; line-height:1.7; } #nb-expanding-bands .welcome .choose { position:static; display:block; margin-top:32px; font-weight:700; } #nb-expanding-bands .podcast-directory h3 { margin:32px 0 12px; font-size:20px; } #nb-expanding-bands .interview-list { list-style:none; margin:0; padding:0; } #nb-expanding-bands .interview-list li { margin:0; border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent); } #nb-expanding-bands .interview-list a { display:grid; grid-template-columns:1fr auto; gap:3px 12px; padding:14px 0; text-decoration:none; } #nb-expanding-bands .interview-list a:hover strong { text-decoration:underline; text-underline-offset:4px; } #nb-expanding-bands .interview-list a:focus-visible { outline:2px solid currentColor; outline-offset:4px; } #nb-expanding-bands .interview-topic { grid-column:1 / -1; font-size:14px; opacity:.8; } #nb-expanding-bands .directory-source { margin-top:28px; } @media(max-width:619px) { #nb-expanding-bands .welcome { left:calc(50% + min(69px,9vw) + 12px); right:16px; padding-top:24px; } #nb-expanding-bands .home-masthead { gap:12px; } #nb-expanding-bands .home-masthead .social-links { margin-left:0; gap:0; flex-wrap:nowrap; max-width:100%; } #nb-expanding-bands .home-masthead .icon-link { width:24px; height:32px; flex:0 1 24px; } #nb-expanding-bands .home-masthead .icon-link svg { width:18px!important; height:18px!important; } #nb-expanding-bands .welcome h1 { font-size:clamp(28px,9.2vw,52px); margin:32px 0 24px; } #nb-expanding-bands .welcome .intro { font-size:16px; line-height:1.65; } #nb-expanding-bands .welcome .choose { margin-top:28px; } #nb-expanding-bands .wordmark { font-size:clamp(17px,5vw,22px); } } .explore-book{margin:20px 0;padding:16px;border-left:3px solid #fde74c}.explore-book .book-formats{margin-top:12px}.page-read .destinations h3{font-size:15px;margin:20px 0 8px}