@media screen      /* mobile views: shrink to 480 wide but no smaller */
{
    @viewport         { width: 480px; zoom: 100%; user-zoom: zoom; }
}

body                  { background-color: #fafaf4;
                        background: linear-gradient(to right, #e4e0d4, #ffffff, #ffffff, #e4e0d4);
                        padding: 0.5em;
                      }

article               { font-family: "Times New Roman", Times, serif;
                        margin: 0 auto 0 auto;
                        max-width: 40em;
                      }

h1                    { font-size: 166%;
                        font-family: Arial, Helvetica, sans-serif;
                      }
h2                    { font-style: italic;
                        margin-left: 2.5em;
                        font-size: 133%;
                      }

input[type="button"]  { font-size: 110%; }
input[type="radio"]   { margin: 3px 0.3em -3px 2em; }

.question             { font-weight: bold;
                        margin-bottom: 0.5em;
                      }
.answer               { margin-bottom: 0.25em; }

.credit               { font-size: 55%;
                        margin-top: 3em;
                      }

.tri-right            { width: 0;
                        height: 0;
                        line-height: 0;
                        display: inline-block;
                        margin: 0.15em 1em -0.15em 0;
                        cursor: pointer;
                        border-right: none;
                        border-top: 0.5em solid transparent;
                        border-bottom: 0.5em solid transparent;
                        border-left: 0.65em solid #0044AA;
                      }
.tri-down             { width: 0;
                        height: 0;
                        line-height: 0;
                        display: inline-block;
                        margin: 0.15em 1em -0.15em 0;
                        cursor: pointer;
                        border-bottom: none;
                        border-left: 0.5em solid transparent;
                        border-right: 0.5em solid transparent;
                        border-top: 0.65em solid #0044AA;
                      }
.nontri               { color: #0044AA;
                        cursor: pointer;
                      }

.pastry               { text-align: center; }
.pastry textarea      { max-width: 32em;
                        min-width: 320px;
                        width: 80%;
                        height: 15em; }

.otherlinks           { margin: 6em 0 0 0;
                        font-size: 70%;
                      }
.otherlinks ul        { margin: 0 0 0 4em;
                        padding-left: 0;
                        list-style-type: none;
                      }