/* The notebook is deliberately scoped: the original and desktop keep their own styles. */
body[data-theme="notebook"] { background: #c7ccc0; }
.notebook { --nb-ink: #253a33; --nb-muted: #68746a; --nb-rule: #445d4b24; --nb-paper: #f5f1e5; color: var(--nb-ink); font-family: 'Gelasio', Georgia, serif; }
.nb-stage { position: sticky; top: 0; height: 100svh; min-height: 680px; display: grid; grid-template-rows: minmax(0, 1fr) 64px; background: radial-gradient(ellipse at 42% 20%, #e3e5d9 0, transparent 65%), linear-gradient(110deg, #cdd1c3, #bec5b6); isolation: isolate; overflow: hidden; }
.nb-stage::after { content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h180v180H0z' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E"); pointer-events: none; z-index: 10; opacity: .45; }
.nb-workspace { position: relative; display: grid; place-items: center; min-height: 0; padding: 20px 66px 10px 24px; }
.nb-book { position: relative; width: 100%; height: 100%; max-height: none; perspective: 2400px; border: 1px solid #435749; border-radius: 9px 13px 13px 9px; background: #3b5144; box-shadow: 0 3px 2px #29372944, 0 16px 16px -10px #24342270, 0 40px 65px -22px #26372375; }
.nb-book::before { content: ''; position: absolute; inset: 4px; border: 1px dashed #c9caae45; border-radius: 5px 9px 9px 5px; pointer-events: none; }
.nb-paper-stack { position: absolute; inset: 10px 10px 11px; border-radius: 3px 7px 7px 3px; background: repeating-linear-gradient(#c7c2b3 0 1px, #eeeadd 1px 3px); transform: translateY(6px); box-shadow: 0 2px 1px #1b2b3955; }
.nb-pages { position: absolute; inset: 10px 11px 14px; }
.nb-page { position: absolute; top: 0; bottom: 0; width: 50%; display: flex; flex-direction: column; padding: 27px clamp(25px, 3.6vw, 53px) 20px; background-color: var(--nb-paper); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h150v150H0z' filter='url(%23p)' opacity='.035'/%3E%3C/svg%3E"); visibility: hidden; overflow: hidden; }
.nb-page.is-shown { visibility: visible; }
.nb-left { left: 0; border-radius: 3px 0 0 3px; box-shadow: inset -18px 0 26px -23px #40362166; }
.nb-right { right: 0; border-radius: 0 5px 5px 0; box-shadow: inset 22px 0 26px -24px #40362177; }
.nb-running-head { flex: 0 0 auto; padding-bottom: 14px; border-bottom: 1px solid var(--nb-rule); font: 12px/1.5 'DM Mono', monospace; letter-spacing: .09em; color: #53604f; }
.nb-page-body { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: center; padding: 25px 0; }
.nb-folio { display: flex; justify-content: space-between; flex: 0 0 auto; padding-top: 12px; border-top: 1px solid var(--nb-rule); font: 12px 'DM Mono', monospace; letter-spacing: .07em; color: #53604f; }
.nb-folio span:last-child { color: var(--nb-ink); font-size: 12px; }
.nb-seam { position: absolute; width: 36px; left: calc(50% - 18px); top: 10px; bottom: 14px; background: linear-gradient(90deg, transparent, #705e3912 40%, #4e432936 49%, #fdf9ea80 53%, #705e3910 61%, transparent); pointer-events: none; z-index: 3; }
.nb-seam::after { content: ''; position: absolute; left: 17px; top: 0; bottom: 0; width: 1px; background: #776c4f33; }
.nb-leaf { position: absolute; top: 10px; bottom: 14px; right: 11px; width: calc(50% - 11px); transform-origin: 0% 50%; transform-style: preserve-3d; z-index: 5; will-change: transform; pointer-events: none; }
.nb-leaf-front, .nb-leaf-back { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.nb-leaf-back { transform: rotateY(180deg); }
.nb-leaf .nb-page { width: 100%; visibility: visible; inset: 0; }
.nb-leaf-front::after, .nb-leaf-back::after { content: ''; position: absolute; inset: 0; background: linear-gradient(270deg, transparent, #4c3d24); opacity: var(--turn-shade, 0); pointer-events: none; }
.nb-pages::after { content: ''; position: absolute; inset: 0 50% 0 0; background: linear-gradient(270deg, #2a2119, transparent 80%); opacity: var(--cast-shadow, 0); pointer-events: none; }
.nb-tabs { position: absolute; left: calc(100% - 3px); top: 130px; display: flex; flex-direction: column; gap: 9px; z-index: -1; }
.nb-tabs button { writing-mode: vertical-rl; padding: 16px 11px 16px 14px; border: 1px solid #5c6b4540; border-radius: 0 5px 5px 0; color: #344331; background: #d5d9ab; font: 12px 'DM Mono', monospace; cursor: pointer; box-shadow: 3px 3px 5px #33432818; transition: padding .2s, background .2s; }
.nb-tabs button:nth-child(2) { background: #ddb68d; }.nb-tabs button:nth-child(3) { background: #aabfae; }.nb-tabs button:nth-child(4) { background: #c4bacb; }
.nb-tabs button:hover, .nb-tabs button[aria-current] { padding-left: 19px; padding-right: 16px; filter: brightness(1.06); }
.nb-ribbon { position: absolute; top: calc(100% - 2px); right: 67px; width: 20px; height: 28px; background: linear-gradient(90deg, #9f4c36, #bc6948 45%, #a3543b); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 76%, 0 100%); }
.nb-controls { padding: 0 42px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font: 12px 'DM Mono', monospace; color: #4d5e4d; }
.nb-scroll-hint { display: flex; gap: 12px; align-items: center; }.nb-scroll-hint>span { font-size: 21px; }
.nb-pagination { display: flex; align-items: center; gap: 19px; }
.nb-pagination button { width: 38px; height: 38px; background: #f7f4e748; color: #334b37; border: 1px solid #40563d40; border-radius: 50%; font-size: 19px; cursor: pointer; transition: background .2s; }
.nb-pagination button:hover { background: #f7f4e7; }.nb-pagination button:disabled { opacity: .3; cursor: default; }
.nb-counter { min-width: 98px; text-align: center; font-variant-numeric: tabular-nums; }
.nb-control-note { font: 23px 'Caveat', cursive; transform: rotate(-3deg); }
.notebook :is(button, a):focus-visible { outline: 2px solid #ad5137; outline-offset: 4px; }
body[data-theme="notebook"] .theme-dice:focus-visible { outline-color: #344b3b; }
.nb-eyebrow { font: 12px/1.7 'DM Mono', monospace; letter-spacing: .06em; margin: 0 0 24px; }
.nb-name { font: 400 clamp(58px, 6.7vw, 96px)/.92 'Gelasio', Georgia, serif; letter-spacing: -.065em; margin: 0 0 25px; }
.nb-name span:last-child { font-style: italic; }
.nb-summary { font: 400 clamp(16px, 1.65vw, 22px)/1.5 'Gelasio', Georgia, serif; letter-spacing: -.02em; margin: 0; max-width: 365px; }
.nb-signature { display: flex; gap: 16px; align-items: center; margin: 24px 0; font: 33px 'Caveat', cursive; color: #a64e37; transform: rotate(-4deg); }.nb-asterisk { font: 54px Georgia, serif; }
.nb-availability { margin: 0; font: 12px 'DM Mono', monospace; letter-spacing: .09em; }.nb-availability::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #738660; margin-right: 9px; }
.nb-hand { color: #9d533e; font: 26px/1.12 'Caveat', cursive; transform: rotate(-3deg); margin: 0 0 17px; }
.nb-page h2 { font: 400 clamp(28px, 3vw, 40px)/1.08 'Gelasio', Georgia, serif; letter-spacing: -.045em; margin: 0 0 20px; }
.nb-contents .nb-page-body { justify-content: safe center; }
.nb-index-group + .nb-index-group { margin-top: 20px; }
.nb-index-group h3 { font: 500 18px/1.3 'Gelasio', Georgia, serif; margin: 0 0 6px; }
.nb-index-description { font: 12px/1.6 'DM Mono', monospace; color: #53604f; margin: 0 0 8px; }
.nb-index-row { display: flex; align-items: baseline; gap: 9px; width: 100%; background: transparent; border: 0; padding: 8px 0; cursor: pointer; color: var(--nb-ink); text-align: left; font: 16px/1.4 'Gelasio', Georgia, serif; }
.nb-index-row i { flex: 1; border-bottom: 1px dotted #9eaa95; }.nb-index-row>span:last-child { font: 12px 'DM Mono', monospace; }.nb-index-row:hover { color: #a34d36; }
.nb-project-number { color: #aeb7a0; font: italic 400 clamp(40px, 5vw, 70px)/1 'Gelasio', Georgia, serif; margin-bottom: 20px; }
.nb-project-copy { display: flex; flex-direction: column; }
.nb-project-copy :is(.project-logo-badge, .minor-logo-badge) { position: static; width: 96px; height: 96px; margin: 0 0 16px; border: 0; background: none; border-radius: 8px; box-shadow: none; backdrop-filter: none; }
.nb-project-copy :is(.project-logo-badge, .minor-logo-badge) img { width: 96px; height: 96px; border-radius: 8px; }
.nb-project-copy .project-topline { font: 12px/1.6 'DM Mono', monospace; letter-spacing: .02em; color: #53604f; gap: 12px; }
.nb-project-copy h3 { font: 400 clamp(31px, 3.9vw, 53px)/1.05 'Gelasio', Georgia, serif; letter-spacing: -.055em; margin: 18px 0; }
.nb-project-copy p { font: 17px/1.65 'Gelasio', Georgia, serif; color: #576250; margin: 0 0 22px; }
.nb-project-copy .project-actions { gap: 16px; }
.nb-project-copy .project-actions a { color: var(--nb-ink); background: none; padding: 10px 0; border: 0; border-bottom: 1px solid #687761; border-radius: 0; font: 12px 'DM Mono', monospace; box-shadow: none; }
.nb-project-copy .project-actions a img { filter: none; width: 12px; height: 12px; }.nb-project-copy .project-actions a:hover { color: #a34d36; }
.nb-project-note { margin: 26px 0 0; max-width: 240px; }
.nb-visual { background-image: linear-gradient(#5572570c 1px, transparent 1px), linear-gradient(90deg, #5572570c 1px, transparent 1px); background-size: 22px 22px; }
.nb-visual .nb-hand { text-align: center; margin-bottom: 32px; }
.nb-pasted { position: relative; padding: 11px 11px 0; margin: 0 -12px; background: #fffdf5; border: 1px solid #ddd8c7; box-shadow: 2px 8px 13px #544c3220; transform: rotate(2deg); }
.nb-pasted::before, .nb-pasted::after { content: ''; position: absolute; z-index: 2; top: -12px; left: 25%; width: 92px; height: 27px; background: #d9cba9a6; transform: rotate(-7deg); border-left: 1px dashed #c4b48b; border-right: 1px dashed #c4b48b; }
.nb-pasted::after { top: auto; bottom: 13px; left: auto; right: -23px; width: 67px; height: 23px; transform: rotate(-35deg); }
.nb-pasted figcaption { padding: 17px 5px; font: 12px/1.5 'DM Mono', monospace; color: #53604f; }
.nb-pasted .project-visual { height: clamp(220px, 33vh, 350px); min-height: 0; border: 0; background-color: #e2e4d8; background-image: none; }
.nb-pasted :is(.visual-number, .tape, .scribble) { display: none; }
.nb-pasted .fake-app { width: 87%; height: 80%; grid-template-columns: 40px 1fr; border-radius: 6px; transform: rotate(-3deg); }.nb-pasted .fake-sidebar { padding: 17px 9px; }.nb-pasted .fake-main { padding: 23px; }.nb-pasted .fake-main strong { font-size: 35px; margin: 9px 0 20px; }.nb-pasted .agent-row { font-size: 12px; padding: 10px 0; }
.nb-pasted .deck-stack { width: 75%; height: 65%; }.nb-pasted .d1 { padding: 20px; }.nb-pasted .d1 strong { font-size: clamp(22px, 2.7vw, 36px); }.nb-pasted .deck-card { border-radius: 6px; }
.nb-pasted .stream-window { width: 91%; height: 81%; grid-template-columns: 1fr 70px; grid-template-rows: 1fr 65px; border-width: 6px; }.nb-pasted .stream-chat { padding: 9px; }.nb-pasted .poll-card { padding: 10px; }.nb-pasted .poll-card b { font-size: 12px; }
.nb-study-tag { display: flex; flex-direction: column; gap: 9px; margin-top: 34px; font: 12px 'DM Mono', monospace; letter-spacing: .05em; color: #53604f; }.nb-study-tag>span:first-child { color: #96745d; }
.nb-minor-art { flex: 0 0 auto; height: clamp(190px, 24vh, 240px); margin: 0 0 23px; border: 7px solid #fffdf5; box-shadow: 1px 3px 7px #544c3220; background-size: 18px 18px; transform: rotate(-1deg); overflow: hidden; }
.nb-minor .nb-project-copy h3 { font-size: clamp(25px, 2.7vw, 36px); margin: 13px 0; }.nb-minor .nb-project-copy p { font-size: 17px; line-height: 1.6; margin-bottom: 10px; }.nb-minor .minor-project-heading { display: flex; gap: 12px; align-items: center; }.nb-minor .minor-logo-badge { margin: 0; width: 64px; height: 64px; }.nb-minor .minor-logo-badge img { width: 64px; height: 64px; }
.nb-minor .base-console { width: 82%; padding: 16px; }.nb-minor .base-console>span { font-size: 12px; }.nb-minor .base-console>strong { font-size: 30px; margin: 6px 0 12px; }.nb-minor .base-modules { grid-template-columns: repeat(2, 1fr); gap: 4px; }.nb-minor .base-modules i { padding: 6px 3px; font-size: 12px; }
.nb-minor .ballot-card { min-height: 140px; padding: 17px 22px; }.nb-minor .ballot-card strong { font-size: 31px; }.nb-minor .ballot-card span, .nb-minor .ballot-card small { font-size: 12px; }
.nb-minor .terminal-mini { padding: 13px 17px; font-size: 12px; }.nb-minor .terminal-mini div { padding-bottom: 7px; margin-bottom: 7px; }.nb-minor .terminal-mini p { margin: 6px 0; }
.nb-minor .tic-grid { grid-template-columns: repeat(3, 34px); grid-template-rows: repeat(3, 34px); gap: 4px; }.nb-minor .tic-grid span { font-size: 23px; }.nb-minor .game-caption { font-size: 12px; padding: 8px; bottom: 10px; right: 12px; }
.nb-end h2 { font-size: clamp(37px, 4vw, 57px); white-space: pre-line; margin-top: 12px; }.nb-end-intro { font: 16px/1.7 'Gelasio', Georgia, serif; color: #56614f; }.nb-end-note { margin: 22px 0; max-width: 290px; }.nb-colophon { display: flex; flex-direction: column; gap: 6px; font: 12px/1.6 'DM Mono', monospace; color: #53604f; margin-top: 18px; }
.nb-contact h2 { max-width: 300px; font-size: clamp(34px, 3.7vw, 49px); }.nb-socials { display: flex; flex-direction: column; margin-top: 8px; }.nb-socials a { display: grid; grid-template-columns: 21px 1fr auto; gap: 12px; align-items: center; border-bottom: 1px solid var(--nb-rule); padding: 17px 0; }.nb-socials a::after { content: '↗'; font: 17px 'Gelasio', Georgia, serif; }.nb-socials img { width: 17px; height: 17px; grid-row: 1 / 3; }.nb-socials span { font: 15px 'Gelasio', Georgia, serif; }.nb-socials small { font: 12px 'DM Mono', monospace; color: #53604f; grid-column: 2; grid-row: 2; margin-top: -6px; }.nb-socials a::after { grid-column: 3; grid-row: 1 / 3; }.nb-socials a:hover { color: #a34d36; }.nb-restart { align-self: flex-start; background: transparent; border: 0; border-bottom: 1px solid #acb09e; padding: 9px 0; margin-top: 23px; font: 12px 'DM Mono', monospace; color: var(--nb-ink); cursor: pointer; }
@media(max-height: 780px) and (min-width: 761px) { .nb-stage { grid-template-rows: minmax(0, 1fr) 60px; }.nb-page { padding-top: 19px; padding-bottom: 15px; }.nb-page-body { padding: 16px 0; }.nb-name { font-size: 72px; margin-bottom: 20px; }.nb-signature { margin: 15px 0; }.nb-contents h2 { font-size: 30px; margin-bottom: 15px; }.nb-index-group + .nb-index-group { margin-top: 12px; }.nb-index-row { padding: 6px 0; }.nb-hand { font-size: 23px; }.nb-project-number { font-size: 44px; margin-bottom: 14px; }.nb-project-copy h3 { font-size: 38px; }.nb-project-note { margin-top: 18px; }.nb-minor-art { height: 190px; margin-bottom: 16px; }.nb-project-copy p { font-size: 17px; }.nb-socials a { padding: 13px 0; } }
@media(max-width: 1000px) and (min-width: 761px) { .nb-workspace { padding-inline: 18px 59px; }.nb-page { padding-inline: 27px; }.nb-controls { padding-inline: 28px; }.nb-control-note { display: none; }.nb-contents .nb-hand { font-size: 22px; }.nb-index-description { font-size: 12px; }.nb-index-row { font-size: 16px; }.nb-project-copy p { font-size: 17px; } }
@media(max-width: 760px) {
  .nb-stage { min-height: 680px; grid-template-rows: minmax(0, 1fr) 68px; }
  .nb-workspace { padding: 48px 10px 9px; }
  .nb-book { width: 100%; max-height: none; }
  .nb-pages { inset: 8px 8px 12px; }.nb-paper-stack { inset: 8px 8px 10px; }
  .nb-page { width: 100%; padding: 23px 30px 18px; left: 0; right: auto; border-radius: 3px; box-shadow: inset 8px 0 15px -13px #40362177; }
  .nb-page-body { padding: 20px 0; }.nb-running-head { font-size: 12px; padding-bottom: 12px; }
  .nb-seam { display: none; }.nb-leaf { top: 8px; bottom: 12px; left: 8px; right: auto; width: calc(100% - 16px); }.nb-leaf-back { visibility: hidden; }.nb-pages::after { inset: 0; }
  .nb-tabs { top: -29px; left: 10px; right: 10px; flex-direction: row; gap: 5px; }.nb-tabs button { writing-mode: horizontal-tb; padding: 10px 13px 14px; border-radius: 5px 5px 0 0; font-size: 12px; }.nb-tabs button:hover, .nb-tabs button[aria-current] { padding: 10px 13px 14px; transform: translateY(-3px); }
  .nb-controls { justify-content: center; flex-direction: column-reverse; gap: 4px; padding: 9px 15px; }.nb-control-note { display: none; }.nb-scroll-hint { font-size: 12px; gap: 6px; }.nb-scroll-hint>span { font-size: 13px; }.nb-pagination { gap: 16px; }.nb-pagination button { width: 30px; height: 30px; font-size: 17px; }.nb-counter { font-size: 12px; min-width: 72px; }.nb-ribbon { right: 34px; height: 20px; width: 16px; }
  .nb-name { font-size: clamp(63px, 17vw, 88px); }.nb-eyebrow { font-size: 12px; margin-bottom: 23px; }.nb-summary { font-size: 19px; line-height: 1.5; }.nb-signature { margin-block: 23px; font-size: 31px; }.nb-asterisk { font-size: 47px; }.nb-hand { font-size: 25px; }
  .nb-page h2 { font-size: 33px; }.nb-index-description { font-size: 12px; }.nb-index-row { font-size: 16px; padding: 8px 0; }.nb-index-group + .nb-index-group { margin-top: 18px; }
  .nb-project-number { font-size: 59px; margin-bottom: 20px; }.nb-project-copy h3 { font-size: 43px; }.nb-project-copy p { font-size: 17px; line-height: 1.65; }.nb-project-copy .project-topline { font-size: 12px; }.nb-project-note { margin-top: 27px; }
  .nb-pasted { margin-inline: -6px; }.nb-pasted .project-visual { height: 280px; }.nb-pasted .d1 strong { font-size: 29px; }.nb-pasted .fake-main { padding: 20px; }.nb-visual .nb-hand { margin-bottom: 31px; }
  .nb-minor-art { height: 200px; margin-bottom: 23px; }.nb-minor .nb-project-copy h3 { font-size: 31px; }.nb-minor .nb-project-copy p { font-size: 16px; }.nb-end h2 { font-size: 42px; }.nb-end-intro { font-size: 15px; }.nb-contact h2 { font-size: 42px; }.nb-socials a { padding: 16px 0; }
}
@media(max-width: 380px) { .nb-page { padding-inline: 22px; }.nb-tabs { gap: 3px; }.nb-tabs button, .nb-tabs button:hover, .nb-tabs button[aria-current] { padding-inline: 10px; }.nb-index-row { padding: 7px 0; }.nb-project-copy h3 { font-size: 37px; }.nb-minor .nb-project-copy h3 { font-size: 29px; }.nb-minor-art { height: 190px; }.nb-summary { font-size: 17px; } }
@media(prefers-reduced-motion: reduce) { .notebook *, .notebook *::before, .notebook *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }.nb-leaf { display: none !important; } }
@media print { .theme-dice, .nb-controls, .nb-tabs, .nb-leaf, .nb-seam, .nb-ribbon { display: none !important; }.notebook { height: auto !important; }.nb-stage, .nb-workspace, .nb-book, .nb-pages { display: block; position: static; height: auto; max-height: none; padding: 0; border: 0; box-shadow: none; overflow: visible; }.nb-page { position: relative; visibility: visible; width: 100%; min-height: 95vh; break-after: page; }.nb-page-body { min-height: 75vh; }.nb-stage::after { display: none; } }
/* Short windows and text zoom keep navigation visible and page content readable. */
@media(max-height: 679px) { .nb-stage { min-height: 0; }.nb-page-body { overflow-y: auto; justify-content: safe center; scrollbar-width: thin; scrollbar-color: #aeb7a0 transparent; }.nb-page { padding-top: 16px; padding-bottom: 13px; }.nb-running-head { padding-bottom: 9px; }.nb-page-body { padding-block: 16px; }.nb-name { font-size: 60px; }.nb-signature { margin-block: 14px; }.nb-eyebrow { margin-bottom: 16px; }.nb-summary { font-size: 17px; }.nb-contents h2 { font-size: 29px; }.nb-index-row { padding-block: 6px; }.nb-index-group + .nb-index-group { margin-top: 13px; } }
.nb-page-body { justify-content: safe center; }
.nb-socials a { row-gap: 9px; }
@media(max-height: 780px) and (min-width: 761px) { .nb-contact h2 { font-size: 39px; margin-bottom: 12px; }.nb-socials a { padding-block: 10px; }.nb-contact .nb-restart { margin-top: 15px; } }
.notebook { overflow-anchor: none; }
/* Content remains reachable at intermediate widths and when fonts are enlarged. */
.nb-page:not(.nb-visual) .nb-page-body { overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #aeb7a0 transparent; }
@media(max-height: 780px) and (min-width: 761px) { .nb-end h2 { font-size: 44px; }.nb-end-intro { font-size: 14px; }.nb-end-note { margin-block: 15px; }.nb-colophon { margin-top: 10px; } }

/* Keep large identities and readable type without crowding the page heading. */
.nb-project .nb-page-body { position: relative; }
.nb-project-number { position: absolute; top: 20px; right: 0; margin: 0; font-size: 48px; }
.nb-project-copy :is(.project-logo-badge, .minor-logo-badge) { flex-shrink: 0; }
.nb-project-copy .project-topline { flex-wrap: wrap; column-gap: 14px; row-gap: 4px; }
.nb-project-copy .project-actions a { min-height: 44px; font-size: 14px; }
.nb-project-copy .project-actions a img { width: 16px; height: 16px; }
.nb-right .nb-running-head { padding-right: 60px; }
.nb-study-tag { line-height: 1.6; }
.nb-folio { line-height: 1.5; letter-spacing: .02em; }
.nb-index-row { min-height: 36px; }
.nb-index-group { flex-shrink: 0; }
.nb-socials span { font-size: 18px; }
.nb-socials img { width: 22px; height: 22px; }
.nb-socials a { grid-template-columns: 26px 1fr auto; }
.nb-pasted .fake-kicker, .nb-pasted .d1 span, .nb-pasted .d1 small, .nb-pasted .stream-player>span { font-size: 12px; }
.nb-pasted .poll-card { gap: 8px; }
@media(max-width: 760px) {
  .nb-running-head { padding-right: 76px; min-height: 76px; font-size: 12px; letter-spacing: .02em; }
  .nb-right .nb-running-head { padding-right: 76px; }
  .nb-tabs { left: 0; right: 0; gap: 4px; }
  .nb-tabs button, .nb-tabs button:hover, .nb-tabs button[aria-current] { padding-inline: 10px; font-size: 12px; }
  .nb-project-copy :is(.project-logo-badge, .minor-logo-badge), .nb-project-copy :is(.project-logo-badge, .minor-logo-badge) img { width: 80px; height: 80px; }
  .nb-minor .minor-logo-badge, .nb-minor .minor-logo-badge img { width: 56px; height: 56px; }
  .nb-project-number { font-size: 42px; }
  .nb-folio { font-size: 10px; }
}
@media(max-width: 380px) {
  .nb-tabs button, .nb-tabs button:hover, .nb-tabs button[aria-current] { padding-inline: 6px; }
}