/* Spring Pottery - springpottery-ruled-essay-column-2009 */
:root{
  --canvas:#f2efe8; --surface:#ffffff; --text:#24211d; --muted:#5d574d;
  --accent:#6b3f2a; --rule:#d6cfc2;
  --serif:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  --body:Georgia,"Times New Roman",serif;
  --util:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--text);font:17px/1.62 var(--body)}
a{color:var(--accent)}
a:focus-visible,.skip:focus{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--surface);padding:10px 14px;
  font:12px/1 var(--util);text-transform:uppercase;letter-spacing:.09em;z-index:5}
.skip:focus{left:8px;top:8px}
.shell{max-width:1020px;margin:28px auto 0;background:var(--surface);
  border:1px solid var(--rule);padding:0 44px 44px;
  display:grid;grid-template-columns:minmax(0,66fr) minmax(0,34fr);column-gap:44px}
.masthead{grid-column:1 / -1;margin:0 -44px 0}
.toprule{height:5px;background:var(--accent)}
.mastbody{display:flex;align-items:flex-start;gap:14px;padding:26px 44px 18px}
.mark{width:32px;height:32px;flex:0 0 32px;margin-top:6px}
.sitename{margin:0;font:600 40px/1.1 var(--serif);letter-spacing:.06em;font-variant:small-caps}
.sitename a{color:inherit;text-decoration:none}
.tagline{margin:6px 0 0;font:12px/1.5 var(--util);text-transform:uppercase;
  letter-spacing:.09em;color:var(--muted)}
.rulenav{grid-column:1 / -1;margin:0 -44px 30px;padding:0 44px;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.rulenav ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}
.rulenav li{border-right:1px solid var(--rule)}
.rulenav li:last-child{border-right:0}
.rulenav a{display:block;padding:11px 16px;font:12px/1 var(--util);text-transform:uppercase;
  letter-spacing:.09em;text-decoration:none;color:var(--muted)}
.rulenav a:hover,.rulenav .here a{color:var(--accent)}
.essay-lead,.essay-detail{grid-column:1;max-width:680px;min-width:0}
.stream,.utility{grid-column:1;max-width:680px;min-width:0}
.rail{grid-column:2;grid-row:3 / span 4;min-width:0;padding-left:36px;
  border-left:1px solid var(--rule)}
.subject{margin:0 0 8px;font:12px/1 var(--util);text-transform:uppercase;
  letter-spacing:.11em;color:var(--accent)}
h1{margin:0 0 12px;font:600 44px/1.14 var(--serif);letter-spacing:-.005em}
.essay-detail h1{font-size:38px}
.deck{margin:0 0 14px;font:italic 19px/1.5 var(--body);color:var(--muted)}
.metaline{margin:0 0 20px;font:12px/1.4 var(--util);text-transform:uppercase;
  letter-spacing:.09em;color:var(--muted)}
.rule{border:0;border-top:1px solid var(--rule);margin:0 0 24px}
.essay-lead p,.essay-detail p{margin:0 0 17px}
.essay-detail h2{margin:30px 0 12px;font:600 19px/1.3 var(--serif)}
.more{margin:20px 0 0;font:12px/1 var(--util);text-transform:uppercase;letter-spacing:.09em}
.more a{text-decoration:none;border-bottom:1px solid var(--rule)}
.streamsep{grid-column:1;max-width:680px;text-align:center;padding:26px 0 10px}
.streamsep svg{width:26px;height:26px}
.essay-row{border-top:1px solid var(--rule);padding:24px 0 4px}
.essay-row:first-child{border-top:0;padding-top:0}
.essay-row h2{margin:0 0 8px;font:600 26px/1.2 var(--serif)}
.essay-row h2 a{text-decoration:none;color:var(--text)}
.essay-row h2 a:hover{color:var(--accent)}
.essay-row p{margin:0 0 15px}
.pullquote{margin:22px 0;padding:0 0 0 20px;border-left:3px solid var(--accent)}
.pullquote p{margin:0;font:italic 19px/1.5 var(--body);color:var(--muted)}
.rail-widget{margin:0 0 30px}
.rail-widget h3{margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--rule);
  font:12px/1 var(--util);text-transform:uppercase;letter-spacing:.11em;color:var(--text)}
.rail-widget p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.rail-list{margin:0;padding:0;list-style:none;font-size:15px}
.rail-list li{display:flex;justify-content:space-between;gap:10px;
  padding:7px 0;border-bottom:1px solid var(--rule)}
.rail-list a{text-decoration:none}
.rail-list a:hover{text-decoration:underline}
.count{font:11px/1.6 var(--util);text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);white-space:nowrap}
.utility{border-top:3px solid var(--accent);margin-top:38px;padding-top:20px}
.utility h2{margin:0 0 10px;font:600 22px/1.2 var(--serif)}
.utility p{margin:0 0 14px;font-size:15px;color:var(--muted)}
.utility-list{margin:0;padding:0;list-style:none;columns:2;column-gap:32px}
.utility-list li{display:flex;justify-content:space-between;gap:10px;
  padding:7px 0;border-bottom:1px solid var(--rule);break-inside:avoid}
.utility-list a{text-decoration:none}
.archive-group{margin:0 0 30px}
.archive-group h2{margin:0 0 10px;font:600 22px/1.2 var(--serif);
  padding-bottom:6px;border-bottom:2px solid var(--accent)}
.archive-list{margin:0;padding:0;list-style:none}
.archive-list li{padding:12px 0;border-bottom:1px solid var(--rule)}
.archive-list a{font:600 19px/1.3 var(--serif);text-decoration:none}
.archive-list a:hover{text-decoration:underline}
.rowmeta{display:block;font:11px/1.6 var(--util);text-transform:uppercase;
  letter-spacing:.08em;color:var(--muted)}
.rowdeck{display:block;margin-top:4px;font-size:15px;color:var(--muted)}
.prevnext{margin:34px 0 0;border-top:1px solid var(--rule);padding-top:16px}
.prevnext ul{margin:0;padding:0;list-style:none}
.prevnext li{padding:8px 0;border-bottom:1px solid var(--rule)}
.prevnext li:last-child{border-bottom:0}
.prevnext .dir{display:block;font:11px/1.6 var(--util);text-transform:uppercase;
  letter-spacing:.09em;color:var(--muted)}
.prevnext a{font:600 17px/1.35 var(--serif);text-decoration:none}
.sitefoot{max-width:1020px;margin:0 auto 44px;background:var(--surface);
  border:1px solid var(--rule);border-top:0;padding:22px 44px 28px}
.footinner{display:flex;gap:44px;border-top:1px solid var(--rule);padding-top:18px}
.footcol{flex:1 1 0;min-width:0}
.footcol h2{margin:0 0 8px;font:11px/1 var(--util);text-transform:uppercase;
  letter-spacing:.11em;color:var(--muted)}
.footcol ul{margin:0;padding:0;list-style:none;font-size:15px}
.footcol li{padding:4px 0}
.footcol a{text-decoration:none}
.footcol a:hover{text-decoration:underline}
@media (max-width:1080px){
  .shell{margin:18px 16px 0;padding:0 28px 32px;column-gap:32px}
  .masthead{margin:0 -28px 0}
  .mastbody{padding:22px 28px 16px}
  .rulenav{margin:0 -28px 26px;padding:0 28px}
  .rail{padding-left:26px}
  .sitefoot{margin:0 16px 32px;padding:20px 28px 24px}
}
@media (max-width:780px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .essay-lead,.essay-detail,.stream,.utility,.streamsep,.rail{grid-column:1;grid-row:auto;
    max-width:none}
  .rail{padding-left:0;border-left:0;border-top:3px solid var(--accent);
    margin-top:34px;padding-top:22px}
  .rail-widget:last-child .rail-list li:nth-child(n+6){display:none}
  .pullquote{padding:0;border-left:0;margin:22px 0 22px 22px}
  .utility-list{columns:1}
  .footinner{flex-direction:column;gap:22px}
}
@media (max-width:560px){
  .shell{margin:12px 0 0;padding:0 18px 28px;border-left:0;border-right:0}
  .masthead{margin:0 -18px 0}
  .mastbody{flex-direction:column;align-items:center;text-align:center;padding:18px 18px 14px}
  .mark{margin-top:0}
  .sitename{font-size:27px;letter-spacing:.04em}
  .rulenav{margin:0 -18px 22px;padding:0 18px}
  .rulenav ul{justify-content:center}
  .rulenav li{border-right:0}
  .rulenav a{padding:15px 12px}
  h1{font-size:27px}
  .essay-detail h1{font-size:25px}
  .essay-row h2{font-size:22px}
  .sitefoot{margin:0 0 24px;padding:18px 18px 22px;border-left:0;border-right:0}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}