subroutineasset_fdoc_css

subroutine asset_fdoc_css(b)
    type(buffer_t), intent(inout) :: b  !! where they go
    call add(b, &
        ':root {'//NL//'  --bg: #ffffff; --bg-soft: #f6f7f9; --bg-code: #f6f7f9; --line: #e3e6eb; --text: #1f2430; --m' &
        //'uted: #646d7e;'//NL//'  --accent: #3657c9; --accent-soft: #e9eefb; --ok: #1d7a55; --warn: #a15c00; --bad: #b3' &
        //'261e; --hist: #6a4fb3;'//NL//'  --attr-l: 34%;'//NL//'  --k: #7b30b5; --s: #1b7f3b; --c: #7a8290; --d: #2f7a8' &
        //'c; --n: #b4530a; --p: #a15c00;'//NL//'  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;'//NL &
        //'  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;'//NL//'}'//NL//':' &
        //'root[data-theme="dark"] {'//NL//'  --bg: #14171d; --bg-soft: #1b1f27; --bg-code: #1b1f27; --line: #2c323d; --' &
        //'text: #e4e7ec; --muted: #9aa3b2;'//NL//'  --accent: #8ba7ff; --accent-soft: #232c45; --ok: #5fcf9f; --warn: #' &
        //'e3ab5c; --bad: #f28b82; --hist: #b9a4f2;'//NL//'  --attr-l: 72%;'//NL//'  --k: #c792ea; --s: #8fd18f; --c: #7' &
        //'f8796; --d: #7fc4d4; --n: #f0a868; --p: #e3ab5c;'//NL//'}'//NL//'@media (prefers-color-scheme: dark) {'//NL//' ' &
        //' :root:not([data-theme="light"]) {'//NL//'    --bg: #14171d; --bg-soft: #1b1f27; --bg-code: #1b1f27; --line: ' &
        //'#2c323d; --text: #e4e7ec; --muted: #9aa3b2;'//NL//'    --accent: #8ba7ff; --accent-soft: #232c45; --ok: #5fcf' &
        //'9f; --warn: #e3ab5c; --bad: #f28b82; --hist: #b9a4f2;'//NL//'    --attr-l: 72%;'//NL//'    --k: #c792ea; --s:' &
        //' #8fd18f; --c: #7f8796; --d: #7fc4d4; --n: #f0a868; --p: #e3ab5c;'//NL//'  }'//NL//'}'//NL//'* { box-sizing: ' &
        //'border-box; }'//NL//'html { scroll-padding-top: 4.5rem; }'//NL//'body { margin: 0; background: var(--bg); col' &
        //'or: var(--text); font: 16px/1.6 var(--sans); }'//NL//'a { color: var(--accent); text-decoration: none; }'//NL &
        //'a:hover { text-decoration: underline; }'//NL//'header.top {'//NL//'  position: sticky; top: 0; z-index: 10; d' &
        //'isplay: flex; align-items: center; gap: 1.25rem; height: 3.5rem;'//NL//'  padding: 0 1.25rem; background: var' &
        //'(--bg); border-bottom: 1px solid var(--line);'//NL//'}'//NL//'header.top .brand { font-weight: 650; color: va' &
        //'r(--text); white-space: nowrap; }'//NL//'header.top .brand small { color: var(--muted); font-weight: 400; mar' &
        //'gin-left: .35rem; }'//NL//'header.top nav { display: flex; align-self: stretch; gap: .15rem; overflow-x: auto' &
        //'; flex: 1 1 auto; scrollbar-width: none; }'//NL//'header.top nav a { display: flex; align-items: center; padd' &
        //'ing: 0 .65rem; color: var(--muted); white-space: nowrap;'//NL//'  font-size: .92rem; border-bottom: 2px solid' &
        //' transparent; }'//NL//'header.top nav a:hover { color: var(--text); background: var(--bg-soft); text-decorati' &
        //'on: none; }'//NL//'header.top nav a.here { color: var(--accent); background: var(--bg-soft); border-bottom-co' &
        //'lor: var(--accent);'//NL//'  font-weight: 600; }'//NL//'.theme { background: none; border: 1px solid var(--li' &
        //'ne); border-radius: 6px; color: var(--muted); cursor: pointer;'//NL//'  width: 2rem; height: 2rem; font-size:' &
        //' 1rem; line-height: 1; }'//NL//'.layout { display: grid; grid-template-columns: 17rem minmax(0, 1fr); max-wid' &
        //'th: 90rem; margin: 0 auto; }'//NL//'aside.side { position: sticky; top: 3.5rem; align-self: start; height: ca' &
        //'lc(100vh - 3.5rem); overflow-y: auto;'//NL//'  padding: 0 1rem 0 1.25rem; border-right: 1px solid var(--line)' &
        //'; font-size: .9rem; }'//NL//'aside.side h4 { margin: 1.1rem 0 .3rem; color: var(--muted); font-size: .72rem; ' &
        //'letter-spacing: .06em;'//NL//'  text-transform: uppercase; font-weight: 650; }'//NL//'aside.side h4:first-chi' &
        //'ld { margin-top: 0; }'//NL//'/* fdoc.js sets top and bottom, so that headings stack at each edge instead of c' &
        //'overing each other */'//NL//'aside.side h4 { position: sticky; z-index: 1; background: var(--bg); margin: 0 -' &
        //'.5rem; padding: .4rem .5rem; }'//NL//'aside.side h4:first-child { padding-top: 1.1rem; }'//NL//'aside.side h4' &
        //':last-of-type { padding-bottom: .9rem; }'//NL//'aside.side ul { padding-bottom: .4rem; }'//NL//'aside.side ul' &
        //' { list-style: none; margin: 0; padding: 0; }'//NL//'aside.side li a { display: block; padding: .12rem .5rem;' &
        //' margin-left: -.5rem; border-radius: 5px; color: var(--text);'//NL//'  overflow: hidden; text-overflow: ellip' &
        //'sis; white-space: nowrap; }'//NL//'aside.side li a:hover { background: var(--bg-soft); text-decoration: none;' &
        //' }'//NL//'aside.side li a.more { color: var(--muted); }'//NL//'aside.side li a.current { background: var(--bg' &
        //'-soft); color: var(--accent); font-weight: 600; }'//NL//'main { padding: 2rem 2.5rem 4rem; min-width: 0; }'//NL &
        //'main > .inner { max-width: 54rem; }'//NL//'h1, h2, h3, h4 { line-height: 1.25; font-weight: 650; }'//NL//'h1 ' &
        //'{ font-size: 1.9rem; margin: 0 0 .4rem; }'//NL//'h2 { font-size: 1.3rem; margin: 2.4rem 0 .8rem; padding-bott' &
        //'om: .3rem; border-bottom: 1px solid var(--line); }'//NL//'.doc h1 { font-size: 1.5rem; margin-top: 1.6rem; }'//NL &
        //'.doc h2 { font-size: 1.25rem; }'//NL//'.doc h3 { font-size: 1.05rem; margin-top: 1.4rem; }'//NL//'.crumbs { c' &
        //'olor: var(--muted); font-size: .88rem; margin-bottom: .3rem; }'//NL//'.crumbs .sep { margin: 0 .15rem; }'//NL &
        //'.kind { color: var(--muted); font-weight: 400; font-size: .62em; margin-right: .35rem; }'//NL//'.meta { displ' &
        //'ay: flex; flex-wrap: wrap; gap: .3rem 1rem; color: var(--muted); font-size: .88rem; margin: .4rem 0 1.1rem; }' &
        //NL//'.lead { font-size: 1.05rem; color: var(--muted); margin: .1rem 0 .4rem; }'//NL//'.lead p { margin: 0; }'//NL &
        //'code, pre, .sig { font-family: var(--mono); font-size: .875em; }'//NL//':not(pre) > code { background: var(--' &
        //'bg-code); padding: .1em .3em; border-radius: 4px; }'//NL//'pre, .sig { background: var(--bg-code); border: 1p' &
        //'x solid var(--line); border-radius: 8px; padding: .7rem .9rem;'//NL//'  overflow-x: auto; line-height: 1.5; }' &
        //NL//'.codehilite { position: relative; margin: 1rem 0; }'//NL//'.codehilite pre { margin: 0; }'//NL//'.copy { ' &
        //'position: absolute; top: .4rem; right: .4rem; opacity: 0; background: var(--bg); color: var(--muted);'//NL//' ' &
        //' border: 1px solid var(--line); border-radius: 5px; font-size: .72rem; padding: .1rem .4rem; cursor: pointer;' &
        //' }'//NL//'.codehilite:hover .copy { opacity: 1; }'//NL//'.sig { margin: .4rem 0 .7rem; white-space: pre-wrap;' &
        //' overflow-wrap: anywhere; }'//NL//'.k { color: var(--k); } .s { color: var(--s); } .c { color: var(--c); font' &
        //'-style: italic; }'//NL//'.d { color: var(--d); } .n { color: var(--n); } .p { color: var(--p); }'//NL//'.item' &
        //' { padding: .9rem 0 1rem; border-top: 1px solid var(--line); }'//NL//'h2 + .item { border-top: 0; padding-top' &
        //': 0; }'//NL//'.item > h3 { margin: 0 0 .2rem; font-size: 1rem; font-family: var(--mono); overflow-wrap: anywh' &
        //'ere; }'//NL//'.badge { display: inline-block; font: 600 .68rem/1.5 var(--sans); padding: 0 .4rem; margin-left' &
        //': .4rem; border-radius: 4px;'//NL//'  background: var(--bg-soft); color: var(--muted); border: 1px solid var(' &
        //'--line); vertical-align: middle; }'//NL//'table { border-collapse: collapse; width: 100%; font-size: .92rem; ' &
        //'margin: .7rem 0 1rem; }'//NL//'th { text-align: left; font-weight: 600; color: var(--muted); }'//NL//'/* head' &
        //'ings stay under the bar at the top; a sticky cell loses a collapsed border, so a shadow draws it */'//NL//'th' &
        //'ead th { position: sticky; top: 3.5rem; z-index: 1; background: var(--bg); box-shadow: inset 0 -1px 0 var(--l' &
        //'ine); }'//NL//'tr[id] { scroll-margin-top: 2.5rem; }'//NL//'.listing td:last-child, .arguments td { overflow-' &
        //'wrap: anywhere; }'//NL//'th, td { padding: .35rem .7rem .35rem 0; border-bottom: 1px solid var(--line); verti' &
        //'cal-align: top; }'//NL//'td p { margin: 0; } td.type { font-family: var(--mono); font-size: .84em; width: 30%' &
        //'; overflow-wrap: break-word; }'//NL//'td.name { font-family: var(--mono); font-size: .88em; width: 24%; overf' &
        //'low-wrap: break-word; }'//NL//'.doc table { display: block; overflow-x: auto; }'//NL//'.alert { border-left: ' &
        //'3px solid var(--accent); background: var(--bg-soft); border-radius: 0 6px 6px 0;'//NL//'  padding: .55rem .9r' &
        //'em; margin: 1rem 0; }'//NL//'.alert p { margin: .3rem 0; } .alert-title { font-weight: 650; font-size: .9rem;' &
        //' }'//NL//'.alert-warning { border-color: var(--warn); } .alert-success { border-color: var(--ok); }'//NL//'.a' &
        //'lert-danger { border-color: var(--bad); } .alert-history { border-color: var(--hist); }'//NL//'blockquote { m' &
        //'argin: 1rem 0; padding: 0 1rem; color: var(--muted); border-left: 3px solid var(--line); }'//NL//'img { max-w' &
        //'idth: 100%; }'//NL//'details.specifics { margin: .5rem 0 1rem; } details.specifics summary { cursor: pointer;' &
        //' color: var(--muted); font-size: .9rem; }'//NL//'details.specifics .item:first-of-type { border-top: 0; }'//NL &
        //'.form { margin: 1rem 0 1.6rem; } .form .sig { margin-bottom: .4rem; }'//NL//'table.forms { width: auto; margi' &
        //'n: .4rem 0 .5rem; } table.forms td.type, table.forms td.name { width: auto; min-width: 5.5rem; overflow-wrap:' &
        //' anywhere; }'//NL//'table.forms td.rank, table.forms th.rank { text-align: center; padding-right: 1rem; white' &
        //'-space: nowrap; }'//NL//'table.forms td.rank a { text-decoration: none; }'//NL//'.fixed { color: var(--muted)' &
        //'; font-size: .88rem; margin: .2rem 0 0; }'//NL//'details.source { margin: 1rem 0; } details.source summary { ' &
        //'cursor: pointer; color: var(--muted); font-size: .9rem; }'//NL//'.chips { display: flex; flex-wrap: wrap; gap' &
        //': .35rem; padding: 0; list-style: none; margin: .5rem 0 1rem; }'//NL//'.chips li { font-family: var(--mono); ' &
        //'font-size: .82rem; background: var(--bg-soft); border: 1px solid var(--line);'//NL//'  border-radius: 5px; pa' &
        //'dding: 0 .45rem; }'//NL//'.listing td:first-child { font-family: var(--mono); font-size: .9em; white-space: n' &
        //'owrap; }'//NL//'.listing td p { margin: 0; }'//NL//'.listing .num { text-align: right; white-space: nowrap; f' &
        //'ont-variant-numeric: tabular-nums; padding-left: 0; padding-right: .55rem; }'//NL//'.listing tfoot td { font-' &
        //'weight: 600; border-bottom: 0; border-top: 2px solid var(--line); }'//NL//'.layout:has(table.sortable), .inne' &
        //'r:has(table.sortable) { max-width: none; }'//NL//'.sortable th { cursor: pointer; user-select: none; }'//NL//'/' &
        //'* a table that scrolls by itself cannot stick to the window, and would move its headings down instead */'//NL &
        //'.doc thead th { position: static; }'//NL//'@media (max-width: 1099px) { .sortable { display: block; overflow-' &
        //'x: auto; } .sortable thead th { position: static; } }'//NL//'.sortable th[aria-sort="ascending"]::after { con' &
        //'tent: " \25B2"; font-size: .7em; }'//NL//'.sortable th[aria-sort="descending"]::after { content: " \25BC"; fo' &
        //'nt-size: .7em; }'//NL//'.hero { background: var(--bg-soft); border: 1px solid var(--line); border-radius: 10p' &
        //'x; padding: .9rem 1.2rem 1rem;'//NL//'  margin-bottom: 1.4rem; }'//NL//'.hero { position: relative; }'//NL//'.' &
        //'hero h1 { margin-right: 10rem; }'//NL//'.hero .meta { margin-bottom: .4rem; align-items: center; }'//NL//'.he' &
        //'ro.with-logo { padding-left: 7rem; min-height: 6.2rem; }'//NL//'.hero-logo { position: absolute; left: 1.2rem' &
        //'; top: .9rem; width: 4.8rem; height: 4.8rem; object-fit: contain; }'//NL//'.project-links { position: absolut' &
        //'e; top: 1.1rem; right: 1.2rem; display: flex; gap: .55rem; }'//NL//'.author-links { display: inline-flex; gap')
    call add(b, &
        ': .45rem; align-items: center; }'//NL//'.author-links:empty, .project-links:empty { display: none; }'//NL//'.' &
        //'icon-link { display: inline-block; width: 1.1rem; height: 1.1rem; background: var(--muted);'//NL//'  -webkit-' &
        //'mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }'//NL//'.project-links' &
        //' .icon-link { width: 1.35rem; height: 1.35rem; }'//NL//'.icon-link:hover { background: var(--accent); }'//NL//'.' &
        //'grid { display: flex; flex-wrap: wrap; gap: .4rem; margin: .5rem 0 0; }'//NL//'.card { background: var(--bg);' &
        //' }'//NL//'.card { border: 1px solid var(--line); border-radius: 999px; padding: .05rem .65rem; color: var(--t' &
        //'ext); font-size: .84rem; white-space: nowrap; }'//NL//'.card:hover { border-color: var(--accent); text-decora' &
        //'tion: none; }'//NL//'.card b { margin-right: .3rem; font-weight: 650; } .card span { color: var(--muted); }'//NL &
        //'pre.source { padding-left: 0; counter-reset: line; line-height: 1.45; }'//NL//'.ln { display: inline-block; w' &
        //'idth: 3.6em; margin-right: 1em; text-align: right; color: var(--muted); opacity: .6; user-select: none; }'//NL &
        //'.ln::before { counter-increment: line; content: counter(line); }'//NL//'.ln:target { color: var(--accent); op' &
        //'acity: 1; font-weight: 700; }'//NL//'footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(' &
        //'--line); color: var(--muted); font-size: .84rem; }'//NL//'@media (max-width: 860px) {'//NL//'  .layout { grid' &
        //'-template-columns: minmax(0, 1fr); }'//NL//'  aside.side h4 { position: static; }'//NL//'  aside.side { paddi' &
        //'ng-bottom: 1rem; }'//NL//'  aside.side { position: static; height: auto; border-right: 0; border-bottom: 1px ' &
        //'solid var(--line); max-height: 40vh; }'//NL//'  main { padding: 1.25rem 1rem 3rem; }'//NL//'}'//NL//'@media p' &
        //'rint { header.top, aside.side, .theme, .copy { display: none; } .layout { display: block; } }'//NL//'.search ' &
        //'{ position: relative; flex: 0 1 15rem; }'//NL//'.search input { width: 100%; height: 2rem; padding: 0 .6rem; ' &
        //'color: var(--text); background: var(--bg-soft);'//NL//'  border: 1px solid var(--line); border-radius: 6px; f' &
        //'ont: inherit; font-size: .88rem; }'//NL//'.search input:focus { outline: 2px solid var(--accent); outline-off' &
        //'set: -1px; }'//NL//'.search .results { display: none; position: absolute; top: 2.4rem; right: 0; width: min(3' &
        //'0rem, 90vw); max-height: 70vh;'//NL//'  overflow-y: auto; background: var(--bg); border: 1px solid var(--line' &
        //'); border-radius: 8px;'//NL//'  box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }'//NL//'.results a, .search-page ' &
        //'a { display: block; padding: .45rem .7rem; color: var(--text); border-bottom: 1px solid var(--line); }'//NL//'.' &
        //'results a:hover, .results a.on, .search-page a:hover { background: var(--accent-soft); text-decoration: none;' &
        //' }'//NL//'.results b, .search-page b { font-family: var(--mono); font-size: .88rem; font-weight: 600; }'//NL//'.' &
        //'results small, .search-page small { display: block; color: var(--muted); }'//NL//'aside.side.tree { padding-t' &
        //'op: 1.25rem; padding-bottom: 2rem; }'//NL//'aside.tree ul ul { margin-left: .8rem; }'//NL//'.graph { position' &
        //': relative; overflow: auto; max-height: 34rem; margin: .4rem 0 1rem; padding: .5rem;'//NL//'  border: 1px sol' &
        //'id var(--line); border-radius: 8px; background: var(--bg-soft); cursor: grab; }'//NL//'.graph.dragging { curs' &
        //'or: grabbing; user-select: none; }'//NL//'.graph svg { display: block; max-width: 100%; height: auto; margin:' &
        //' 0 auto; }'//NL//'.graph.zoomed svg { max-width: none; }'//NL//'.graph .zoom { position: sticky; top: 0; left' &
        //': 0; float: right; z-index: 2; }'//NL//'.graph .zoom button { background: var(--bg); color: var(--muted); bor' &
        //'der: 1px solid var(--line); border-radius: 5px;'//NL//'  width: 1.6rem; height: 1.6rem; cursor: pointer; marg' &
        //'in-left: .2rem; }'//NL//'.arguments td.name, .arguments td.type { width: auto; }'//NL//'td.attributes { font-' &
        //'family: var(--mono); font-size: .84em; }'//NL//'td.default { font-family: var(--mono); font-size: .84em; min-' &
        //'width: 11rem; max-width: 15rem; overflow-wrap: anywhere; }'//NL//'@media (min-width: 1100px) {'//NL//'  .argu' &
        //'ments td.name { white-space: nowrap; }'//NL//'  .arguments td:last-child { min-width: 12rem; }'//NL//'  .inne' &
        //'r:has(.arguments) { max-width: 72rem; }'//NL//'  .inner:has(.arguments) > .doc, .inner:has(.arguments) > .sig' &
        //' { max-width: 54rem; }'//NL//'}'//NL//'.attr { --h: 220; --s: 12%; display: inline-block; margin: 0 .25rem .1' &
        //'5rem 0; padding: 0 .4rem; border-radius: 4px;'//NL//'  font: 600 .74rem/1.55 var(--mono); color: hsl(var(--h)' &
        //', var(--s), var(--attr-l));'//NL//'  background: hsla(var(--h), var(--s), var(--attr-l), .12); border: 1px so' &
        //'lid hsla(var(--h), var(--s), var(--attr-l), .35); }'//NL//'.attr-in, .attr-out, .attr-inout, .attr-optional, ' &
        //'.attr-pointer, .attr-allocatable, .attr-value, .attr-target,'//NL//'.attr-dimension, .attr-contiguous, .attr-' &
        //'volatile, .attr-asynchronous, .attr-save, .attr-parameter,'//NL//'.attr-protected, .attr-codimension, .attr-p' &
        //'rivate, .attr-generic, .attr-deferred, .attr-nopass, .attr-pass,'//NL//'.attr-non, .attr-deprecated, .attr-su' &
        //'broutine, .attr-function, .attr-interface { --s: 62%; }'//NL//'.attr-in { --h: 210; } .attr-out { --h: 25; } ' &
        //'.attr-inout { --h: 275; }'//NL//'.attr-optional { --h: 180; } .attr-pointer { --h: 0; } .attr-allocatable { -' &
        //'-h: 125; } .attr-value { --h: 45; }'//NL//'.attr-target { --h: 325; } .attr-dimension { --h: 85; } .attr-cont' &
        //'iguous { --h: 150; } .attr-volatile { --h: 345; }'//NL//'.attr-asynchronous { --h: 300; } .attr-save { --h: 6' &
        //'0; } .attr-parameter { --h: 195; } .attr-protected { --h: 240; }'//NL//'.attr-codimension { --h: 105; }'//NL//'.' &
        //'graph text { stroke: none; }'//NL//'.graph-key { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin: -.' &
        //'6rem 0 1rem; padding: .4rem .6rem;'//NL//'  color: var(--muted); font-size: .84rem; }'//NL//'.graph-key[hidde' &
        //'n] { display: none; }'//NL//'.graph-key-item { display: inline-flex; align-items: center; gap: .4rem; }'//NL//'.' &
        //'graph-key-mark { display: inline-block; width: 1.1rem; height: .8rem; border-radius: 3px; }'//NL//'.attr-priv' &
        //'ate { --h: 15; --s: 40%; }'//NL//'.attr-generic { --h: 265; } .attr-deferred { --h: 35; } .attr-nopass { --h:' &
        //' 200; } .attr-pass { --h: 160; }'//NL//'.attr-non { --h: 55; } .attr-deprecated { --h: 355; } .attr-subroutin' &
        //'e { --h: 155; } .attr-function { --h: 188; }'//NL//'.attr-interface { --h: 258; }'//NL//'.attr-pure, .attr-im' &
        //'pure, .attr-elemental, .attr-recursive, .attr-bind, .attr-saved, .attr-common { --s: 62%; }'//NL//'.attr-pure' &
        //' { --h: 140; } .attr-impure { --h: 20; } .attr-elemental { --h: 170; } .attr-recursive { --h: 290; }'//NL//'.' &
        //'attr-bind { --h: 230; } .attr-saved { --h: 40; } .attr-common { --h: 5; }'//NL//'.intent { color: hsl(var(--h' &
        //'), var(--s), var(--attr-l)); }'//NL//'td.binds { font-family: var(--mono); font-size: .84em; overflow-wrap: b' &
        //'reak-word; max-width: 20rem; }'//NL//'.listing th { white-space: nowrap; }'//NL//'.listing td.link { font-fam' &
        //'ily: var(--mono); font-size: .84em; overflow-wrap: break-word; }'//NL//'.item h3 .attr, h1 .attr { margin-lef' &
        //'t: .5rem; vertical-align: middle; }'//NL//'.ico { display: inline-block; width: 1.05rem; height: 1.05rem; mar' &
        //'gin-right: .4rem; border-radius: 3px; color: #fff;'//NL//'  background: #646d7e; font: 700 .68rem/1.05rem var' &
        //'(--sans); text-align: center; vertical-align: .05rem; }'//NL//'.ico-m { background: #3657c9; } .ico-p { backg' &
        //'round: #a61e69; } .ico-s { background: #1d7a55; }'//NL//'.ico-f { background: #0b7285; } .ico-i { background:' &
        //' #6a4fb3; } .ico-a { background: #8a4fb3; }'//NL//'.ico-t { background: #a15c00; } .ico-b { background: #7a6a' &
        //'2d; } .ico-v { background: #646d7e; }'//NL//'.ico-n { background: #5c6f2d; } .ico-d { background: #8a5a44; } ' &
        //'.ico-_ { background: #5c6f2d; }'//NL//'.icon-github { --i: url("data:image/svg+xml,<svg xmlns=''http://www.w3' &
        //'.org/2000/svg'' viewBox=''0 0 16 16''><path fill-rule=''evenodd'' d=''M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53' &
        //' 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.' &
        //'15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64' &
        //'-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .' &
        //'27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54' &
        //'.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z''/></svg>"); }'//NL &
        //'.icon-gitlab { --i: url("data:image/svg+xml,<svg xmlns=''http://www.w3.org/2000/svg'' viewBox=''0 0 16 16''><' &
        //'path fill-rule=''evenodd'' d=''M8 15 .9 9.8a.7.7 0 0 1-.3-.8L2.3 2c.1-.4.6-.4.7 0l1.9 4.4h6.2L13 2c.1-.4.6-.4' &
        //'.7 0L15.4 9a.7.7 0 0 1-.3.8z''/></svg>"); }'//NL//'.icon-bitbucket { --i: url("data:image/svg+xml,<svg xmlns=' &
        //'''http://www.w3.org/2000/svg'' viewBox=''0 0 16 16''><path fill-rule=''evenodd'' d=''M1.2 1.5a.5.5 0 0 0-.5.6' &
        //'l2 12.2a.7.7 0 0 0 .7.6h9.4a.5.5 0 0 0 .5-.4l2-12.4a.5.5 0 0 0-.5-.6zm8.7 9H6.2l-.9-4.7h5.4z''/></svg>"); }'//NL &
        //'.icon-sourceforge { --i: url("data:image/svg+xml,<svg xmlns=''http://www.w3.org/2000/svg'' viewBox=''0 0 16 1' &
        //'6''><path fill-rule=''evenodd'' d=''M8 .6.6 8 8 15.4 15.4 8zm0 2.9L12.5 8 8 12.5 3.5 8z''/><path d=''M8.7 4.6' &
        //'c.1 1.5 1.5 2 1.5 3.6 0 1.2-1 2.2-2.2 2.2S5.8 9.5 5.8 8.4c0-.8.5-1.2.7-1.9.4.4.6.7.7 1.1.5-.8 1-1.8 1.5-3z''/' &
        //'></svg>"); }'//NL//'.icon-website { --i: url("data:image/svg+xml,<svg xmlns=''http://www.w3.org/2000/svg'' vi' &
        //'ewBox=''0 0 16 16''><g fill=''none'' stroke=''black'' stroke-width=''1.4''><circle cx=''8'' cy=''8'' r=''6.8''' &
        //'/><ellipse cx=''8'' cy=''8'' rx=''3'' ry=''6.8''/><path d=''M1.2 8h13.6M2.2 4.6h11.6M2.2 11.4h11.6''/></g></s' &
        //'vg>"); }'//NL//'.icon-download { --i: url("data:image/svg+xml,<svg xmlns=''http://www.w3.org/2000/svg'' viewB' &
        //'ox=''0 0 16 16''><path fill-rule=''evenodd'' d=''M7.1 1h1.8v7l2.5-2.5 1.3 1.3L8 11.5 3.3 6.8l1.3-1.3L7.1 8zM2' &
        //' 13.2h12V15H2z''/></svg>"); }'//NL//'.icon-email { --i: url("data:image/svg+xml,<svg xmlns=''http://www.w3.or' &
        //'g/2000/svg'' viewBox=''0 0 16 16''><g fill=''none'' stroke=''black'' stroke-width=''1.4''><rect x=''1'' y=''3' &
        //''' width=''14'' height=''10'' rx=''1.4''/><path d=''m1.5 4 6.5 5 6.5-5''/></g></svg>"); }'//NL//'.icon-linked' &
        //'in { --i: url("data:image/svg+xml,<svg xmlns=''http://www.w3.org/2000/svg'' viewBox=''0 0 16 16''><path fill-' &
        //'rule=''evenodd'' d=''M2.2 1h11.6c.7 0 1.2.5 1.2 1.2v11.6c0 .7-.5 1.2-1.2 1.2H2.2c-.7 0-1.2-.5-1.2-1.2V2.2C1 1' &
        //'.5 1.5 1 2.2 1zM3.9 6.5v6.1h2V6.5zm1-3.1a1.1 1.1 0 1 0 0 2.3 1.1 1.1 0 0 0 0-2.3zm2.3 3.1v6.1h2V9.3c0-1 .5-1.' &
        //'5 1.2-1.5s1 .5 1 1.5v3.3h2V8.9c0-1.7-1-2.6-2.4-2.6-.9 0-1.5.4-1.8 1V6.5z''/></svg>"); }'//NL//'.icon-twitter ' &
        //'{ --i: url("data:image/svg+xml,<svg xmlns=''http://www.w3.org/2000/svg'' viewBox=''0 0 16 16''><path fill-rul' &
        //'e=''evenodd'' d=''M12.1 1.5h2.3L9.3 7.3l6 7.2h-4.7L6.9 10l-4.2 4.5H.4L5.8 8.3.1 1.5h4.8l3.3 4.1z''/></svg>");' &
        //' }'//NL//'.icon-facebook { --i: url("data:image/svg+xml,<svg xmlns=''http://www.w3.org/2000/svg'' viewBox=''0')
    call add(b, &
        ' 0 16 16''><path fill-rule=''evenodd'' d=''M8 .6a7.4 7.4 0 0 0-1.2 14.7V10.1H5V8h1.8V6.4c0-1.8 1.1-2.8 2.7-2.' &
        //'8.8 0 1.6.1 1.6.1v1.8h-.9c-.9 0-1.2.6-1.2 1.1V8h2l-.3 2.1H9v5.2A7.4 7.4 0 0 0 8 .6z''/></svg>"); }'//NL//'@me' &
        //'dia (max-width: 860px) { .project-links { position: static; margin: .3rem 0; } .hero h1 { margin-right: 0; }'//NL &
        //'  .hero.with-logo { padding-left: 4.6rem; } .hero-logo { left: .9rem; width: 2.8rem; height: 2.8rem; } }'//NL)
end subroutine asset_fdoc_css