/* Experimental Open Works — xowx.org
   Plain by design. Times, black on white, blue underlined links.
   The plainness is the point: we don't spend on decoration. */

html{ -webkit-text-size-adjust:100%; }
body{
  background:#ffffff;
  color:#000000;
  font-family:"Times New Roman", Times, Georgia, serif;
  font-size:16px;
  line-height:1.5;
  margin:0;
}

.page{ max-width:660px; margin:0 auto; padding:40px 24px 56px; }

/* masthead */
.mast{ text-align:center; }
.mast .wordmark{
  font-size:27px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; margin:0;
}
.mast .wordmark a{ color:#000; text-decoration:none; }
.mast .wordmark a:hover{ text-decoration:none; }
.mast .dom{ font-size:15px; font-style:italic; margin-top:2px; }
.tagline{ text-align:center; font-size:17px; font-style:italic; margin:14px 0 0; }

.rule{ text-align:center; letter-spacing:.6em; margin:22px 0 20px; user-select:none; }

/* section headings */
h2{
  font-size:19px; font-weight:700; margin:26px 0 6px;
  border-bottom:1px solid #000; display:inline-block; padding-bottom:1px;
}
p{ margin:9px 0; }

/* links — classic */
a{ color:#0000ee; text-decoration:underline; }
a:visited{ color:#551a8b; }
a:focus-visible{ outline:2px solid #0000ee; outline-offset:2px; }

/* projects list */
.list{ list-style:none; margin:8px 0; padding:0; }
.list li{ margin:8px 0; padding-left:20px; text-indent:-20px; }
.note{ font-size:13.5px; color:#333; }
.first{
  font-variant:small-caps; font-size:13px; letter-spacing:.04em; color:#333;
  border:1px solid #000; padding:0 5px; margin-left:6px; white-space:nowrap;
}

/* numbered principles */
.num{ margin:8px 0; padding-left:22px; }
.num li{ margin:7px 0; }

/* updates / blog list */
.posts{ list-style:none; margin:10px 0 4px; padding:0; }
.posts li{ margin:0; padding:12px 0; border-bottom:1px dotted #999; }
.posts li:first-child{ padding-top:6px; }
.post-date{ font-size:13px; font-style:italic; color:#444; font-variant-numeric:tabular-nums; }
.post-title{ display:inline; font-size:16px; font-weight:700; margin-left:2px; }
.post-title a{ font-weight:700; }
.post-excerpt{ margin:3px 0 0; font-size:14.5px; color:#111; }
.post-excerpt .more{ white-space:nowrap; }
.archive-link{ font-size:13.5px; margin-top:12px; }

/* a single post page */
.post{ margin-top:4px; }
.post .post-meta{ font-size:13px; font-style:italic; color:#444; margin:0 0 2px; font-variant-numeric:tabular-nums; }
.post .post-h{ display:block; border:0; font-size:22px; margin:0 0 14px; padding:0; }
.post h2{ font-size:17px; border:0; display:block; margin:22px 0 6px; }
.post h3{ font-size:15px; margin:18px 0 4px; }
.post ul, .post ol{ padding-left:22px; }
.post li{ margin:6px 0; }
.post blockquote{
  margin:14px 0; padding:2px 0 2px 16px; border-left:3px solid #000;
  color:#222; font-style:italic;
}
.post code{ font-family:"Courier New", Courier, monospace; font-size:14px; background:#f2f2f2; padding:0 3px; }
.post pre{ background:#f2f2f2; border:1px solid #ddd; padding:12px 14px; overflow-x:auto; }
.post pre code{ background:none; padding:0; }
.post hr{ border:0; border-top:1px solid #000; margin:22px 0; }

.back{ font-size:13.5px; margin-top:26px; }

/* footer */
.foot{ text-align:center; font-size:13px; color:#222; margin-top:30px; border-top:1px solid #000; padding-top:12px; }
.updated{ text-align:center; font-size:12.5px; color:#555; font-style:italic; margin-top:6px; }

@media (max-width:560px){
  .page{ padding:32px 18px 44px; }
  .mast .wordmark{ font-size:22px; letter-spacing:.1em; }
}