/* Feature pages: plain HTML, Win95 look, no JS needed. */
html.pg, body.pg { height: auto; min-height: 100%; overflow: auto; }
body.pg { background: var(--desk, #008080); }
.pg-desk { padding: 24px 12px 40px; }
.pg-win { max-width: 680px; margin: 0 auto; background: #c0c0c0; border: 2px solid; border-color: #fff #000 #000 #fff; box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf; padding: 3px; font-family: var(--font); font-size: 14px; color: #000; }
.pg-title { background: #000080; color: #fff; font-weight: 700; padding: 3px 6px; display: flex; justify-content: space-between; align-items: center; }
.pg-x { color: #000; background: #c0c0c0; text-decoration: none; width: 18px; height: 16px; line-height: 14px; text-align: center; border: 2px solid; border-color: #fff #000 #000 #fff; font-weight: 700; }
.pg-body { background: #fff; border: 2px solid; border-color: #808080 #fff #fff #808080; margin-top: 3px; padding: 14px 18px 18px; line-height: 1.5; }
.pg-body h1 { font-size: 24px; margin: 0 0 12px; color: #000080; }
.pg-body p { margin: 0 0 12px; }
.pg-body a { color: #0000ee; }
.shot img { max-width: 100%; height: auto; border: 2px solid; border-color: #808080 #fff #fff #808080; display: block; }
.pg-cta { margin: 18px 0; text-align: center; }
.pg-body a.btn95 { display: inline-block; background: #c0c0c0; color: #000; text-decoration: none; font-weight: 700; font-size: 18px; padding: 12px 28px; border: 2px solid; border-color: #fff #000 #000 #fff; box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf; }
.pg-body a.btn95:active { border-color: #000 #fff #fff #000; box-shadow: inset 1px 1px 0 #808080; }
.pg-more { font-size: 12px; color: #444; }
.pg-more a { margin-right: 8px; }
.pg-foot { font-size: 12px; margin: 14px 0 0; border-top: 1px solid #808080; padding-top: 8px; }
.pg-verse{margin:12px 0;padding:10px 14px;border-left:4px solid #008080;background:#f4f4f4;font-size:1.1em}
.pg-verse p{margin:4px 0}
.pg-list{columns:2;padding-left:20px}