/*
 * Copyright (C) 2024 dwlr <dweller@cabin.digital>
 *
 * BSD 3-Clause License (BSD-3-Clause)
 * See LICENSE for details
 */

#results
{
    margin-top:    3em;
    margin-bottom: 1em;

    width: min(100% - 5rem, 10in);
}

#lmmtfy
{
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    align-items:     center;
}

#lmmtfy > div
{
    display:         flex;
    flex-direction:  row;
    justify-content: center;
    align-items:     center;

    margin: 0.1in 0.25in;
    padding: 0.1in 0.25in;

    border: 1px solid var(--border);
    border-radius: 1em;
}

#lmmtfy > div > div
{
    position: relative;
    top:  -50px;
    left: 0;

}

#lmmtfy > div > div> label
{
    position: absolute;
    width: 65pt;
    padding: 0 8pt;

    background-color: var(--bg);
}

#lmmtfy textarea
{
    height: 3rem;
    width:  250px;

    margin:  1rem 0.5rem;
    padding: 0    0.5rem;

    text-align:  center;
    line-height: 2.75em;

    overflow: auto;
    outline:  none;
    resize:   none;

    background-color: var(--qbg);
    color: var(--qfg);

    border: 1px solid var(--qborder);
    border-radius: 0.5em;

    box-shadow: 0.5pt 0.75pt 0.5rem var(--qshadow);
}


#lmmtfy textarea:hover
{
    background-color: var(--qbgh);
    border: 1px solid var(--qborderh);
    box-shadow: 0.5pt 0.75pt 0.5rem var(--qshadowh);
}

.manpage
{
    font-size: small;

    margin:  0.25in;
    padding: 0.25in;

    border: 1px solid var(--border);
    border-radius: 1em;
}

.head
{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}


@media (prefers-color-scheme: dark)
{
    #lmmtfy textarea
    {
        background-color: var(--qbgh);
        border: 1px solid var(--qborderh);
    }

    #lmmtfy textarea:hover { box-shadow: 0.5pt 0.75pt 0.5rem var(--qshadowh); }
}

@media (width <= 800px)
{
    .manpage
    {
        width:   unset;
        border:  none;
        margin:  0;
        padding: 0;
        padding-right: 1%;
    }

    #lmmtfy { margin-bottom: 3em; }

    #lmmtfy > div
    {
        padding: 0;
        border: none;
    }
}


/* TODO: give copyright */

table.head, table.foot { width: 100%; }
td.head-rtitle, td.foot-os { text-align: right; }
td.head-vol { text-align: center; }
.Nd, .Bf, .Op { display: inline; }
.Pa, .Ad { font-style: italic; }
.Ms { font-weight: bold; }
.Bl-diag > dt { font-weight: bold; }
code.Nm, .Fl, .Cm, .Ic, code.In, .Fd, .Fn, .Cd { font-weight: bold; font-family: inherit; }