/* The Experiment - experimenttoday.com */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font:17px/1.62 Arial,Helvetica,sans-serif;
  color:#23211f;
  background:#f4f4f4 url("/assets/img/site-background.jpg") no-repeat center center fixed;
  background-size:cover;
}
img{max-width:100%;height:auto}
a{color:#8f1717;text-decoration:underline}
a:hover{color:#b21e1e}
a:focus-visible{outline:2px solid #b21e1e;outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:9}

.shell{max-width:1120px;margin:0 auto;padding:24px 16px 48px}

/* masthead ------------------------------------------------------- */
.masthead{
  min-height:190px;display:flex;flex-direction:column;justify-content:center;
  text-align:center;padding:24px 20px;margin-bottom:16px;
  background:rgba(255,255,255,.74);border:1px solid #d6d1c8;
}
.masthead .sitename{
  margin:0;font-family:Georgia,"Times New Roman",serif;font-size:40px;line-height:1.1;
  letter-spacing:.10em;font-weight:700;color:#111;
}
.masthead .sitename a{color:inherit;text-decoration:none}
.masthead .tagline{
  margin:10px auto 0;max-width:52ch;font-size:13px;line-height:1.5;letter-spacing:.09em;
  text-transform:uppercase;color:#3c3835;
}
.masthead .byline{margin:8px 0 0;font-family:Georgia,serif;font-style:italic;font-size:15px;color:#4a453f}

/* tabs ----------------------------------------------------------- */
.tabs{background:rgba(244,242,238,.92);border:1px solid #d6d1c8;border-top:3px solid #b21e1e;margin-bottom:24px}
.tabs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.tabs li{border-right:1px solid #ded9d0}
.tabs a{
  display:block;padding:11px 16px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:#3c3835;text-decoration:none;
}
.tabs a:hover{background:#fff;color:#8f1717}
.tabs a[aria-current="page"]{background:#fff;color:#8f1717;box-shadow:inset 0 -3px 0 #b21e1e}

/* grid ----------------------------------------------------------- */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:32px;align-items:start}
.col-main{min-width:0}
.col-side{min-width:0}
.col-main > * + *{margin-top:24px}
.col-side > * + *{margin-top:20px}

/* paper ---------------------------------------------------------- */
.paper{background:rgba(255,255,255,.94);border:1px solid #d6d1c8;padding:28px 32px}
.paper + .paper{margin-top:24px}
.paper p{max-width:66ch}
.paper ul{max-width:66ch}

.entry-date{
  margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#4a453f;
  border-bottom:1px solid #e4dfd6;padding-bottom:6px;
}
.entry-title{margin:0 0 14px;font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.22;color:#171514}
.lead .entry-title{font-size:30px}
.stream .entry-title{font-size:24px}
.entry-title a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(178,30,30,.35)}
.entry-title a:hover{color:#8f1717}
figure{margin:0 0 18px}
figure img{display:block;border:1px solid #e0dbd2}
figcaption{margin-top:6px;font-size:12px;letter-spacing:.05em;color:#4a453f}
.entry-foot{
  margin:16px 0 0;padding-top:10px;border-top:1px solid #e4dfd6;
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#4a453f;
  display:flex;flex-wrap:wrap;gap:4px 14px;
}
.entry-foot a{color:#8f1717}
.stream .entry + .entry{margin-top:0;border-top:1px solid #e4dfd6;padding-top:26px}
.entry + .entry{margin-top:26px}

/* rail ----------------------------------------------------------- */
.widget{background:rgba(244,242,238,.90);border:1px solid #d6d1c8;padding:20px 22px}
.widget + .widget{margin-top:20px}
.widget h2{
  margin:0 0 12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#3c3835;
  border-bottom:1px solid #ded9d0;padding-bottom:8px;font-weight:700;
}
.widget p{margin:0 0 10px;font-size:15px;line-height:1.55}
.widget img{display:block;border:1px solid #e0dbd2}
.widget .portrait{margin-bottom:12px}
.vlist{list-style:none;margin:0;padding:0}
.vlist li{border-bottom:1px dotted #ccc6bc;padding:7px 0;font-size:14px;display:flex;justify-content:space-between;gap:10px}
.vlist li:last-child{border-bottom:0}
.vlist .count{color:#4a453f;font-size:12px}
.vlist a{text-decoration:none}
.vlist a:hover{text-decoration:underline}
.tick{display:inline-block;width:10px;border-top:2px solid #b21e1e;margin-right:8px;vertical-align:middle}
.railbook{display:flex;gap:14px;align-items:flex-start}
.railbook img{flex:0 0 96px;width:96px}

/* footer --------------------------------------------------------- */
.sitefoot{
  margin-top:28px;background:rgba(244,242,238,.90);border:1px solid #d6d1c8;padding:16px 22px;
  font-size:12px;letter-spacing:.06em;color:#4a453f;display:flex;flex-wrap:wrap;gap:8px 20px;
  justify-content:space-between;
}
.sitefoot a{color:#8f1717}

/* inner pages ---------------------------------------------------- */
.pagehead{margin:0 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:400;line-height:1.2;color:#171514}
.subhead{margin:22px 0 8px;font-family:Georgia,serif;font-size:20px;font-weight:400}
.bookfig{float:right;margin:0 0 18px 26px;width:260px}
.bookfig img{width:100%}
.docs{list-style:none;margin:0;padding:0}
.docs li{padding:9px 0;border-bottom:1px dotted #ccc6bc}
.postnav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;
  border-top:1px solid #e4dfd6;padding-top:14px;font-size:13px}
.addr{font-style:normal;line-height:1.7;font-weight:700}
.clear{clear:both}

@media (max-width:1024px){
  .shell{padding:16px 14px 40px}
  .grid{grid-template-columns:minmax(0,1fr) 280px;column-gap:24px}
}
@media (max-width:760px){
  body{background:#f4f4f4;background-image:none}
  .shell{padding:12px 12px 32px}
  .masthead{min-height:108px;padding:18px 14px}
  .masthead .sitename{font-size:27px;letter-spacing:.06em}
  .masthead .tagline{font-size:12px}
  .grid{grid-template-columns:minmax(0,1fr);row-gap:20px}
  .paper{padding:20px 18px;background:rgba(255,255,255,.97)}
  .widget{background:rgba(244,242,238,.97)}
  .lead .entry-title{font-size:26px}
  .stream .entry-title{font-size:22px}
  .pagehead{font-size:26px}
  .bookfig{float:none;margin:0 0 18px;width:100%;max-width:280px}
  .vlist{display:flex;flex-wrap:wrap;gap:8px}
  .vlist li{border-bottom:0;padding:0;background:#fff;border:1px solid #ded9d0;padding:6px 10px;font-size:13px}
  .railbook{flex-direction:column}
}
@media (max-width:420px){
  .tabs a{padding:10px 12px;font-size:11px}
  .masthead .sitename{font-size:24px}
}