/* Interface do guia NotebookLM. Camada final, sem dependências externas. */
:root {
  --maxw: 1320px;
  --ink-900: #10243a;
  --ink-700: #273e54;
  --ink-500: #465d72;
  --ink-400: #51677b;
  --blue: #016bc1;
  --blue-strong: #005fae;
  --link: #005fae;
  --blue-soft: #e8f2fc;
  --bg: #f8fafc;
  --bg-soft: #f0f5fa;
  --bg-sunken: #e9eff6;
  --card: #ffffff;
  --border: #cbd6e2;
  --border-soft: #dce4ec;
  --nbu-head: 64px;
  --nbu-offset: 142px;
  --nbu-ease: cubic-bezier(.2,.7,.2,1);
}
:root[data-theme="dark"] {
  --ink-900: #eef5ff;
  --ink-700: #d9e6f5;
  --ink-500: #b4c6da;
  --ink-400: #a9bcd0;
  --blue: #94caff;
  --blue-strong: #a0d0ff;
  --link: #a0d0ff;
  --blue-soft: #162f48;
  --bg: #0b1521;
  --bg-soft: #101e2e;
  --bg-sunken: #192b3e;
  --card: #122235;
  --border: #38516b;
  --border-soft: #2a4058;
  --code-bg: #0e1b2a;
  --code-border: #38516b;
  --g-purple: #c9afff;
}
html { scroll-padding-top: 0; }
html.js-abas [id] { scroll-margin-top: var(--nbu-offset); }
body { overflow-wrap: break-word; }
p, p[align], .capsule, .flow-step p { text-align: justify !important; }
a, button, input, select, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
summary:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--blue) !important;
  outline-offset: 3px;
  box-shadow: none !important;
}
button, input, select, textarea { max-width: 100%; }
input, select, textarea { font: inherit; }
img, video, audio, svg:not(.icon):not(.nb3-ico) { max-width: 100%; }
pre, code { hyphens: none; }
pre { max-width: 100%; }
section, article, figure, .aba-painel, .subpainel, .lab-shell, .planner-shell,
.planner-grid, .planner-output, .callout > div, .gov-item > div, .arte > div { min-width: 0; }
.wrap, .nav { padding-left: max(20px,env(safe-area-inset-left)); padding-right: max(20px,env(safe-area-inset-right)); }
header.site { z-index: 100; background: color-mix(in srgb,var(--bg) 96%,transparent); }
.nav { height: var(--nbu-head); gap: 10px; }
.nav .nav-links { display: none; }
.nav .nbj-trigger { margin-left: auto; }
.nav .nav-mobile { display: block; margin-left: auto; }
.nav .nav-mobile + .nbj-trigger { margin-left: 0; }
.brand { letter-spacing: -.02em; min-width: 0; }
.brand .logo { border-radius: 10px; }
html.nbg-on #nbg-scrim { z-index: 90; }
html.nbg-on .nav-mobile .nav-sheet {
  position: fixed; top: calc(var(--nbu-head) + 8px); right: 12px;
  width: min(360px,calc(100vw - 24px)); min-width: 0;
  max-height: calc(100dvh - var(--nbu-head) - 28px);
  overscroll-behavior: contain; padding: 14px; border-radius: 16px;
}
.nav-sheet a { text-decoration: none; }
.nav-sheet .nav-grupo { color: var(--ink-500); }
.breadcrumb { font-size: .78rem; padding-top: 20px; }
.hero { padding: clamp(30px,5vw,68px) 0 40px; }
.hero::before { animation: none; opacity: .5; filter: none; }
.hero::after { content: none; }
.hero h1 { font-size: clamp(2.2rem,4.7vw,4.15rem); max-width: 21ch; line-height: 1.08; letter-spacing: -.045em; }
.hero h1 .grad { background: none; color: var(--link); }
.hero .lead { margin-top: 22px; max-width: 74ch; line-height: 1.75; }
.hero-cta { gap: 10px; margin-top: 22px; }
.hero-stats { gap: 12px; margin-top: 32px; }
.stat { box-shadow: none; border-radius: 14px; padding: 18px; border-top: 3px solid var(--blue); }
.stat .n { font-size: 1.65rem; }
.stat .l { line-height: 1.5; }
.badge { box-shadow: none; line-height: 1.4; }
.btn { border-radius: 10px; }
.aba-tab { border-radius: 10px; white-space: nowrap; flex: none; }
.abas-bar { top: var(--nbu-head); margin: 0; padding-top: 10px; }
.abas-lista { flex-wrap: nowrap; overflow: auto; scrollbar-width: thin; padding: 4px 3px 12px; }
.subabas { flex-wrap: nowrap; overflow: auto; margin-top: 16px; padding: 4px 3px 8px; scrollbar-width: thin; }
.subaba-pill { white-space: nowrap; flex: none; }
html.nbf-on .abas-lista .aba-tab[aria-selected="true"] { box-shadow: inset 0 -3px var(--blue); }
.nbf-ind { display: none; }
section.block { padding: 28px 0 44px; }
.sec-head { max-width: 78ch; margin-bottom: 24px; }
.sec-head h2 { font-size: clamp(1.6rem,2.45vw,2.15rem); line-height: 1.2; }
.sec-head .lead { line-height: 1.7; max-width: 76ch; }
.nb3-h2i, .nb3-rule { display: none; }
.eyebrow { letter-spacing: .065em; }
.card, .prompt-par, .como-usar, .carrossel, .deck, .media-figure, .ig-fig { border-radius: 16px; box-shadow: none; }
.card { padding: 22px; }
.card h3 { line-height: 1.35; margin-bottom: 10px; }
.card p { line-height: 1.7; }
.card:hover, .arte:hover, html.nb2-on .card:active,
html.nb2-on .prompt-card:hover, html.nb2-on .stat:hover { transform: none; }
.nbi-fx::after { content: none; }
.card.nbi-fx:hover, .arte.nbi-fx:hover { box-shadow: 0 8px 24px rgba(10,40,75,.08); }
.reveal, .card.reveal, .arte.reveal, html.nb2-on .nb2-rise, .nbf-enter {
  opacity: 1 !important; translate: none !important; transform: none;
  animation: none !important; view-transition-name: none;
}
html.js-abas .aba-painel.is-ativa { view-transition-name: none; }
.code-head { flex-wrap: wrap; line-height: 1.4; gap: 6px; padding: 8px 12px; }
.code-head .dots { display: none; }
.code pre { font-size: .8rem; }
.nb4-copy, .uc-copy, .nb4-route-pill, .nb4-filter-clear { min-height: 44px; }
.nb4-filter-clear { width: 44px; }
.nb1-anchor { min-width: 32px; min-height: 32px; }
.nb4-focusmode .nb4-route-card.nb4-dim { opacity: 1; transform: none; }
.nb4-focusmode .nb4-route-card.nb4-lift { outline: 2px solid var(--blue); outline-offset: 2px; }
.callout { padding: 18px; border-radius: 12px; }
.tag, .selo { white-space: normal; line-height: 1.5; }
.lab-shell, .planner-shell { border-radius: 16px; box-shadow: none; }
.planner-output h3 { padding-right: 0; }
.table-wrap { max-width: 100%; scrollbar-width: thin; overscroll-behavior-x: contain; }
.table-wrap th { white-space: normal; }
.table-wrap tbody th { font-weight: 600; }
.transcript-body { scrollbar-width: thin; overscroll-behavior: contain; }
.cslide-viewport { overscroll-behavior-x: contain; }
.cslide-controls { flex-wrap: wrap; gap: 8px; }
.cslide-nav { border-radius: 10px; padding: 8px 12px; }
.lightbox { max-width: min(96vw,1440px); max-height: 94dvh; }
.lightbox-inner { max-height: 94dvh; }
.lightbox img { max-height: 76dvh; }
.nbu-sidebar { display: none; }
.nbu-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 15px 0; border-bottom: 1px solid var(--border-soft); }
.nbu-position { color: var(--ink-500); font-size: .8rem; margin-right: auto; line-height: 1.5; }
.nbu-position strong { color: var(--ink-900); display: block; font-size: .92rem; }
.nbu-small { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: var(--card); color: var(--ink-900); border: 1px solid var(--border); border-radius: 10px; padding: 8px 12px; font: inherit; font-size: .8rem; cursor: pointer; }
.nbu-small:disabled { opacity: .5; cursor: default; }
.nbu-small:hover:not(:disabled) { border-color: var(--blue); background: var(--blue-soft); }
.nbu-small svg { width: 18px; height: 18px; }
.nbu-end { display: flex; justify-content: flex-end; gap: 10px; padding: 20px 0 36px; }
.nbu-search { width: min(720px,calc(100vw - 24px)); max-height: min(84dvh,760px); margin: 7dvh auto; padding: 0; background: var(--card); color: var(--ink-900); border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 24px 90px #0006; }
.nbu-search::backdrop { background: #07131d9c; }
.nbu-search-form { display: flex; align-items: center; gap: 10px; padding: 16px; border-bottom: 1px solid var(--border); }
.nbu-search-form input { min-width: 0; flex: 1; min-height: 44px; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg); color: var(--ink-900); font-size: 1rem; }
.nbu-search-status { font-size: .8rem; color: var(--ink-500); padding: 12px 18px; margin: 0; }
.nbu-search-results { list-style: none; padding: 0 10px 12px; margin: 0; max-height: 60dvh; overflow: auto; overscroll-behavior: contain; }
.nbu-search-result { padding: 13px; border-radius: 10px; margin: 3px 0; cursor: pointer; outline: 1px solid transparent; }
.nbu-search-result[aria-selected="true"] { background: var(--blue-soft); outline-color: var(--blue); }
.nbu-search-result strong { display: block; font-size: .95rem; }
.nbu-search-result small { color: var(--link); display: block; font-size: .74rem; margin-bottom: 3px; }
.nbu-search-result p { color: var(--ink-500); font-size: .82rem; margin: 6px 0 0; line-height: 1.55; }
.nbu-search-hit { outline: 2px solid var(--blue); outline-offset: 8px; border-radius: 4px; }
.nbu-flow-detail { padding: 18px; border: 1px solid var(--blue); background: var(--blue-soft); border-radius: 12px; margin-top: 16px; }
.nbu-flow-detail strong { display: block; color: var(--ink-900); }
.nbu-flow-detail p { color: var(--ink-700); margin: 8px 0 0; font-size: .92rem; }
.flow { gap: 10px; padding: 18px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.flow-step { padding: 16px 12px; background: var(--card); border: 1px solid var(--border); border-radius: 12px; cursor: pointer; }
.flow-step h3 { font-size: .91rem; line-height: 1.35; }
.flow-step p { font-size: .79rem; }
.flow-step[data-selected="true"] { border-color: var(--blue); background: var(--blue-soft); }
.flow-step .node { width: 48px; height: 48px; border-radius: 12px; }
.flow-step:not(:last-child)::after, .flow-step .spark-dot { display: none; }
#flowStatus { position: static; clip: auto; width: auto; height: auto; margin: 10px 0 0; font-size: .82rem; }
@media (min-width: 1200px) {
  :root { --nbu-offset: 88px; }
  html.nbu-ready .nav-mobile { display: none !important; }
  .nav .nav-mobile + .nbj-trigger { margin-left: auto; }
  html.nbu-ready .abas { display: grid; grid-template-columns: 224px minmax(0,1fr); column-gap: 32px; align-items: start; }
  html.nbu-ready .abas-bar, html.nbu-ready .subabas { display: none !important; }
  .nbu-tools { grid-column: 2; grid-row: 1; padding-top: 0; }
  html.nbu-ready .aba-painel { grid-column: 2; grid-row: 2; }
  .nbu-end { grid-column: 2; grid-row: 3; }
  .nbu-sidebar { display: block; grid-column: 1; grid-row: 1 / span 3; position: sticky; top: calc(var(--nbu-head) + 20px); max-height: calc(100dvh - var(--nbu-head) - 40px); overflow: auto; scrollbar-width: thin; padding: 0 10px 12px 0; }
  .nbu-sidebar-title { font-size: .73rem; letter-spacing: .08em; color: var(--ink-500); text-transform: uppercase; padding: 0 10px 12px; font-weight: 700; }
  .nbu-sidebar details { padding: 4px 0; border-bottom: 1px solid var(--border-soft); }
  .nbu-sidebar summary { display: flex; align-items: center; min-height: 44px; gap: 8px; padding: 8px 10px; list-style: none; font-size: .86rem; font-weight: 700; cursor: pointer; color: var(--ink-900); }
  .nbu-sidebar summary::-webkit-details-marker { display: none; }
  .nbu-sidebar summary::after { content: '+'; margin-left: auto; color: var(--ink-500); }
  .nbu-sidebar details[open] summary::after { content: '−'; }
  .nbu-sidebar-count { color: var(--ink-500); font-size: .7rem; font-weight: 500; }
  .nbu-sidebar a { display: block; padding: 10px 12px; margin: 3px 0; border-radius: 9px; font-size: .8rem; color: var(--ink-500); border-left: 3px solid transparent; line-height: 1.4; }
  .nbu-sidebar a:hover { color: var(--link); background: var(--bg-soft); text-decoration: none; }
  .nbu-sidebar a[aria-current="page"] { background: var(--blue-soft); color: var(--link); border-left-color: var(--blue); font-weight: 650; }
}
@media (max-width: 1199px) { .nav-mobile { display: block; } html.nbg-on #nbg-scrim { display: block; } }
@media (max-width: 680px) {
  .wrap, .nav { padding-left: max(16px,env(safe-area-inset-left)); padding-right: max(16px,env(safe-area-inset-right)); }
  .hero { padding-top: 28px; }
  .hero h1 { font-size: clamp(2.15rem,8.3vw,3rem); max-width: 18ch; }
  .hero .lead { font-size: 1rem; }
  .hero-cta .btn { width: 100%; font-size: .88rem; justify-content: center; }
  .hero-stats { gap: 10px; }
  .stat { padding: 14px; }
  .stat .l { font-size: .76rem; }
  .nbu-tools { gap: 6px; }
  .nbu-position { flex: 1 0 100%; }
  .nbu-tools .nbu-small { flex: 1; padding: 8px; }
  .flow { grid-template-columns: 1fr; padding: 12px; }
  .flow-step { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 4px 14px; text-align: left; }
  .flow-step .node { grid-row: span 3; margin: 0; }
  .flow-step h3, .flow-step p, .flow-step .kbd { grid-column: 2; }
  .flow-step .kbd { justify-self: start; }
  .callout { gap: 10px; padding: 14px; }
  .card { padding: 18px; }
  .uc-head { flex-wrap: wrap; }
  .media-pipeline, .lab-checks, .planner-grid { grid-template-columns: 1fr; }
  .nbu-search { margin-top: 12px; max-height: calc(100dvh - 24px); }
  .nbu-search-form { padding: 12px; gap: 6px; }
  .nbu-search-results { max-height: calc(100dvh - 180px); }
}
@media (max-height: 520px) { .abas-bar { position: static; } :root { --nbu-offset: 84px; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}
@media print {
  :root, :root[data-theme="dark"] { --bg: #fff; --bg-soft: #fff; --card: #fff; --ink-900: #111; --ink-700: #222; --ink-500: #333; --ink-400: #444; --link: #004b80; --blue: #004b80; --border: #999; --border-soft: #bbb; --code-bg: #fff; --code-ink: #111; --code-border: #aaa; --blue-soft: #eef4fa; --bg-sunken: #eef2f6; --tag-use-ink: #1e6b3a; --tag-cap-ink: #a50e0e; --tag-done-ink: #1557b0; --syntax-flag: #7e2fc4; --syntax-str: #b3261e; --blue-strong: #005fae; --g-purple: #7332a6; }
  @page { margin: 16mm; }
  header.site, .breadcrumb, .hero-cta, .abas-bar, .subabas, .nbu-sidebar, .nbu-tools, .nbu-end,
  .nbu-search, .nbj-dialog, .lightbox, #nb1-top, #nb1-progress, #nb5-toast-region,
  .nb1-anchor, .nb4-filter, .nb4-copy, .uc-copy, .copy-btn, .flow-run-btn, .cslide-controls,
  .nbka-gif-ctl, .media-tabs, #nbg-scrim { display: none !important; }
  .abas, .aba-painel, .subpainel, html.js-abas .aba-painel:not(.is-ativa), html.js-abas .subpainel:not(.is-ativa), .media-panel[hidden] { display: block !important; content-visibility: visible !important; }
  .wrap { max-width: none; padding: 0; }
  .hero { padding: 0 0 20px; }
  .hero h1 { font-size: 26pt; }
  section.block { border-top: 1px solid #999; padding: 22px 0; break-before: auto; }
  h2, h3, h4 { break-after: avoid; }
  .card, .stat, .callout, .media-figure, .ig-fig { break-inside: avoid; box-shadow: none !important; }
  .grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cslide-track { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .cslide-viewport, .transcript-body, .table-wrap { max-height: none; overflow: visible; }
  table { min-width: 0; font-size: 8pt; table-layout: fixed; }
  th, td { padding: 5px; overflow-wrap: anywhere; }
  pre, .code pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  .flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .flow-step { display: block; }
  .flow-step .node { margin: 0 auto 10px; }
  .nbu-search-hit { outline: none; }
  a { text-decoration: underline; }
}

/* Algoritmo auditado: matriz, etapas progressivas e contratos recolhíveis. */
.algo-section { padding: 28px 0 44px; }
.algo-header { margin-bottom: 24px; }
.algo-header h2 { font-size: clamp(1.6rem,2.45vw,2.15rem); line-height: 1.2; margin: 10px 0 18px; }
.algo-header > p { max-width: 78ch; }
.algo-source { font-size: .82rem; line-height: 1.65; color: var(--ink-500); }
.algo-section h3 { margin: 30px 0 12px; line-height: 1.35; }
.algo-section code { font-size: .85em; overflow-wrap: anywhere; }
.algo-callout { padding: 20px; border: 1px solid var(--border); border-left: 4px solid var(--blue); border-radius: 12px; background: var(--blue-soft); margin: 22px 0; }
.algo-callout h3 { margin: 0 0 10px; font-size: 1.1rem; }
.algo-callout p:last-child { margin-bottom: 0; }
.algo-table-wrap { overflow: auto; max-width: 100%; margin: 18px 0; border: 1px solid var(--border); border-radius: 14px; scrollbar-width: thin; }
.algo-table { min-width: 640px; background: var(--card); font-size: .85rem; }
.algo-table caption { text-align: left; padding: 14px; color: var(--ink-500); font-size: .78rem; }
.algo-table tbody th { width: 22%; font-size: .84rem; vertical-align: top; }
.algo-table td { vertical-align: top; line-height: 1.65; }
.algo-steps { list-style: none; padding: 0; margin: 16px 0; display: grid; gap: 12px; }
.algo-steps > li { min-width: 0; display: flex; gap: 18px; padding: 24px; border: 1px solid var(--border); border-radius: 16px; background: var(--card); }
.algo-steps h4 { font-size: 1.13rem; line-height: 1.35; margin: 2px 0 12px; }
.algo-steps p { font-size: .95rem; line-height: 1.75; margin: 0; }
.algo-step-number { display: grid; place-items: center; align-self: flex-start; flex: none; min-width: 44px; height: 44px; background: var(--blue-soft); color: var(--link); border-radius: 12px; font-weight: 750; }
.algo-steps[data-interactive="true"]:not([data-expanded="true"]) > li:not(.is-active) { display: none; }
.algo-steps[data-interactive="true"]:not([data-expanded="true"]) > li.is-active { border-color: var(--blue); border-top-width: 3px; min-height: 188px; }
.nbu-algo-rail { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; padding: 6px 3px 12px; margin: 12px -3px 0; position: relative; }
.nbu-algo-tab { display: flex; align-items: center; gap: 10px; flex: 0 0 190px; min-height: 82px; text-align: left; border: 1px solid var(--border); border-radius: 12px; background: var(--card); color: var(--ink-700); padding: 12px; font-size: .8rem; font-weight: 600; line-height: 1.4; cursor: pointer; scroll-snap-align: start; }
.nbu-algo-number { color: var(--ink-500); font-size: .82rem; font-variant-numeric: tabular-nums; }
.nbu-algo-tab[aria-selected="true"] { background: var(--blue-soft); color: var(--link); border-color: var(--blue); box-shadow: inset 0 -3px var(--blue); }
.nbu-algo-tab[aria-selected="true"] .nbu-algo-number { color: var(--link); }
.nbu-algo-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 18px; }
.nbu-algo-controls .nbu-position { margin-right: auto; }
.algo-details-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 14px; margin: 26px 0; }
.algo-detail { min-width: 0; border: 1px solid var(--border); border-radius: 14px; background: var(--card); overflow: clip; }
.algo-detail > summary { cursor: pointer; padding: 18px; min-height: 60px; font-size: .94rem; font-weight: 650; color: var(--ink-900); line-height: 1.45; }
.algo-detail[open] > summary { border-bottom: 1px solid var(--border-soft); background: var(--blue-soft); }
.algo-detail-body { padding: 18px; font-size: .9rem; line-height: 1.75; }
.algo-detail-body > :last-child { margin-bottom: 0; }
.algo-definitions { margin: 0 0 18px; }
.algo-definitions > div { padding: 12px 0; border-bottom: 1px solid var(--border-soft); }
.algo-definitions dt { font-weight: 700; color: var(--link); }
.algo-definitions dd { margin: 5px 0 0; }
.algo-state-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; padding: 0; gap: 8px; }
.algo-state-list li { display: grid; gap: 2px; padding: 10px; border-left: 3px solid var(--blue); border-radius: 6px; background: var(--bg-soft); }
.algo-state-list code { font-weight: 650; color: var(--link); font-size: .78rem; }
.algo-state-list span { color: var(--ink-500); font-size: .78rem; }
.algo-artifact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 20px 0; }
.algo-artifact { min-width: 0; padding: 20px; border: 1px solid var(--border); border-top: 3px solid var(--blue); border-radius: 14px; background: var(--card); }
.algo-artifact h4 { margin: 0 0 12px; font-size: 1rem; }
.algo-artifact p { margin: 0; color: var(--ink-500); font-size: .88rem; line-height: 1.75; }
.algo-next .btn { border-color: var(--border); background: var(--card); color: var(--link); }
@media (max-width: 800px) { .algo-details-grid, .algo-artifact-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) {
  .algo-callout, .algo-detail-body, .algo-artifact { padding: 16px; }
  .algo-steps > li { padding: 18px; gap: 12px; flex-direction: column; }
  .algo-steps[data-interactive="true"]:not([data-expanded="true"]) > li.is-active { min-height: 330px; }
  .nbu-algo-controls .nbu-position { flex: 1 0 100%; }
  .nbu-algo-controls .nbu-small { flex: 1; font-size: .76rem; }
}
@media print {
  .nbu-algo-rail, .nbu-algo-controls { display: none !important; }
  .algo-steps[data-interactive="true"] > li { display: flex !important; min-height: 0 !important; break-inside: avoid; }
  .algo-table { min-width: 0; font-size: 8pt; }
  .algo-table-wrap { overflow: visible; }
  .algo-detail, .algo-artifact { break-inside: auto; }
  .algo-detail-body { display: block !important; }
  .algo-details-grid, .algo-artifact-grid { display: block; }
  .algo-detail, .algo-artifact { margin: 14px 0; }
}