/* Plus/doc.css */

@import "../gui.css";

body > intro { display: block;
    margin: 16px; 
    }
grid { width: 960px;
    grid-template-columns: auto auto auto;
    & cell { margin: 8px; border-top: 0;
        & img { height: 200px; }
        & with { display: none; }
        }
    }
with { display: block; margin-top: 12px }
notes { position: relative;
    & note { position: absolute; top:-480px; left:-6px;
        padding: 20px; height: 472px; width: 900px;
        border: 2px inset cyan; padding: 20px;
        grid-template-columns: 320px auto;
        column-gap: 12px;
        & cell { max-width: 560px;
            & label { font-size: 24px; }
            & for { display: block; margin-top: 20px }
            }
        }
    & > * {
        & img { height: 320px; }
        & p { font-style: italic; margin-top: 20px }
        }
    }
offer { display: block; padding: 20px;
    & > label { font: bold 14pt times; text-decoration: underline }
    & > * { display: block; margin: 8px 16px;
        & label { font-weight: bold; display: inline }
        }
    }