/* Transitions Interiors - Squarespace Five era white-frame shell */
:root{
  --canvas:#F5F5F4; --surface:#FFFFFF; --ink:#222222; --meta:#6B6B66;
  --accent:#35507A; --rule:#DDDDDD;
}
*{box-sizing:border-box;}
html{background:var(--canvas);}
body{
  margin:0; background:var(--canvas); color:var(--ink);
  font:16px/1.65 "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust:100%;
}
a{color:var(--accent);}
a:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
img{max-width:100%;}
.shell{
  max-width:1040px; margin:0 auto; background:var(--surface);
  border-left:1px solid var(--rule); border-right:1px solid var(--rule);
  padding:0 40px 48px;
}
/* masthead */
.masthead{padding:52px 0 26px; text-align:center;}
.lockup{margin:0 auto; max-width:620px;}
.wordmark{
  font-family:Georgia,"Times New Roman",serif; font-size:38px; font-weight:400;
  letter-spacing:0.02em; margin:0 0 14px;
}
.wordmark a{color:var(--ink); text-decoration:none;}
.tagline{
  font-size:11px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--meta); margin:12px 0 0;
}
.motto{
  font-family:Georgia,"Times New Roman",serif; font-style:italic;
  font-size:15px; color:var(--meta); margin:14px 0 0;
}
/* tick rule motif */
.tick-rule{
  height:9px; border-bottom:1px solid var(--rule);
  background-image:
    repeating-linear-gradient(to right, var(--accent) 0 1px, transparent 1px 40px),
    repeating-linear-gradient(to right, var(--rule) 0 1px, transparent 1px 8px);
  background-position:bottom left; background-repeat:repeat-x;
  background-size:auto 6px, auto 3px;
}
.lockup-rule{margin:0 auto; width:190px;}
.widget-rule{margin:6px 0 10px;}
.entry-rule{margin:26px 0 34px;}
.doc-rule{margin:18px 0 26px;}
.footer-rule{margin:0 0 26px;}
/* menu */
.page-menu{
  border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);
  padding:12px 0; display:flex; align-items:center; justify-content:center;
  gap:26px; flex-wrap:wrap;
}
.page-menu ul{
  list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap;
  justify-content:center; gap:26px;
}
.page-menu a{
  font-size:11px; letter-spacing:0.14em; text-transform:uppercase;
  text-decoration:none; color:var(--ink);
}
.page-menu a:hover{color:var(--accent);}
.page-menu li.active a{color:var(--accent);}
.social-row{display:inline-flex; align-items:center; gap:14px;}
.social-mark{display:inline-flex; align-items:center; gap:5px; color:var(--meta);}
.social-mark svg{fill:currentColor;}
.social-name{
  font-size:10px; letter-spacing:0.12em; text-transform:uppercase;
}
/* body grid */
.body-row{
  display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:44px;
  padding-top:38px; align-items:start;
}
.stream{min-width:0;}
.rail{min-width:0;}
/* entries */
.entry{margin:0 0 4px;}
.entry-title{
  font-family:Georgia,"Times New Roman",serif; font-weight:400;
  font-size:27px; line-height:1.28; margin:0 0 10px;
}
.detail-entry .entry-title{font-size:30px;}
.entry-title a{color:var(--ink); text-decoration:none;}
.entry-title a:hover{color:var(--accent);}
.entry-meta{
  font-size:11px; letter-spacing:0.12em; text-transform:uppercase;
  color:var(--meta); margin:0 0 18px;
}
.entry-meta a{color:var(--meta);}
.entry-meta .sep{color:var(--rule); padding:0 4px;}
.entry p, .doc-body p{margin:0 0 18px; max-width:34em;}
.entry h2, .doc-body h2{
  font-family:Georgia,"Times New Roman",serif; font-weight:400;
  font-size:22px; line-height:1.3; margin:30px 0 12px;
}
.entry h3, .doc-body h3{font-size:17px; margin:26px 0 10px; line-height:1.4;}
.entry ul, .entry ol, .doc-body ul, .doc-body ol{margin:0 0 20px 20px; padding:0; max-width:34em;}
.entry li, .doc-body li{margin:0 0 8px;}
.entry blockquote, .doc-body blockquote{
  margin:22px 0; padding:0 0 0 18px; border-left:2px solid var(--accent);
  font-family:Georgia,"Times New Roman",serif; font-style:italic; color:#3d3d3a;
  max-width:32em;
}
.entry hr, .doc-body hr{border:0; border-top:1px solid var(--rule); margin:26px 0;}
.entry-more, .stream-more, .entry-return{
  font-size:12px; letter-spacing:0.06em; margin:0;
}
.stream-heading{
  font-size:11px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--meta); font-weight:400; margin:38px 0 20px;
}
.entry-tags{font-size:12px; color:var(--meta); margin:24px 0 10px;}
.tag-label, .nav-label{
  text-transform:uppercase; letter-spacing:0.12em; font-size:10px; color:var(--meta);
}
.entry-nav{
  display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between;
  border-top:1px solid var(--rule); margin-top:26px; padding-top:16px; font-size:13px;
}
.entry-nav span{max-width:46%;}
.entry-nav .next{text-align:right;}
/* documents */
.doc-head h1{
  font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:30px;
  line-height:1.25; margin:0 0 10px;
}
.doc-lede{color:var(--meta); font-size:15px; margin:0;}
.doc-body{font-size:17px;}
.doc-list{margin:0 0 22px 20px; padding:0;}
.doc-follow{font-weight:bold;}
.index-list{margin-top:26px;}
.index-title{
  font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:22px;
  margin:0 0 8px; line-height:1.3;
}
.index-title a{color:var(--ink); text-decoration:none;}
.index-title a:hover{color:var(--accent);}
.index-note{font-size:15px; color:#3d3d3a; margin:0; max-width:34em;}
/* rail widgets */
.widget{margin:0 0 30px;}
.widget h2{
  font-size:11px; letter-spacing:0.16em; text-transform:uppercase;
  font-weight:400; color:var(--meta); margin:0;
}
.widget p{font-size:13px; line-height:1.6; margin:0 0 10px;}
.widget-list{list-style:none; margin:0; padding:0;}
.widget-list li{
  font-size:13px; padding:6px 0; border-bottom:1px solid var(--rule);
  display:flex; justify-content:space-between; gap:10px;
}
.widget-list a{text-decoration:none;}
.widget-list a:hover{text-decoration:underline;}
.count{color:var(--meta); font-size:11px;}
.more{font-size:12px;}
.widget-note{font-family:Georgia,serif; font-style:italic; color:var(--meta);}
/* footer */
.site-footer{margin-top:52px;}
.footer-grid{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:32px;
}
.footer-col h2{
  font-size:11px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--meta); font-weight:400; margin:0 0 10px;
}
.footer-col ul{list-style:none; margin:0; padding:0;}
.footer-col li{font-size:13px; margin:0 0 7px;}
.footer-col a{text-decoration:none;}
.footer-col a:hover{text-decoration:underline;}
.colophon{
  border-top:1px solid var(--rule); margin-top:30px; padding-top:16px;
  display:flex; flex-wrap:wrap; gap:14px; align-items:center;
  justify-content:space-between;
}
.colophon-line{font-size:12px; color:var(--meta); margin:0;}
@media (max-width:700px){
  .shell{padding:0 18px 36px; border-left:0; border-right:0;}
  .masthead{padding:30px 0 18px;}
  .wordmark{font-size:26px; margin-bottom:10px;}
  .lockup-rule{width:140px;}
  .page-menu{gap:10px; padding:10px 0;}
  .page-menu ul{gap:12px 14px;}
  .page-menu a{font-size:11px; letter-spacing:0.06em;}
  .social-row{width:100%; justify-content:center;}
  .body-row{grid-template-columns:minmax(0,1fr); gap:34px; padding-top:26px;}
  .entry p, .doc-body p, .entry ul, .entry ol, .doc-body ul, .doc-body ol,
  .entry blockquote, .doc-body blockquote{max-width:none;}
  .entry-body, .doc-body{font-size:16px; line-height:1.7;}
  .entry-title{font-size:23px;}
  .detail-entry .entry-title{font-size:25px;}
  .footer-grid{grid-template-columns:minmax(0,1fr); gap:24px;}
  .colophon{justify-content:center; text-align:center;}
  .entry-nav span{max-width:100%;}
  .entry-nav .next{text-align:left;}
}