@charset "utf-8";
/* ip-voiding-diary.com restoration - single stylesheet, no webfonts, no script */
:root{
  --canvas:#e9edf1; --surface:#ffffff; --ink:#1f262c; --muted:#55626d;
  --accent:#12629f; --rule:#d9dfe5; --note:#f2f5f8;
  --serif:Georgia,"Times New Roman",Times,serif;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.62 var(--sans)}
a{color:var(--accent)}
a:focus-visible,.skip:focus{outline:2px solid var(--accent);outline-offset:2px}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 12px;z-index:5}
.skip:focus{left:8px;top:8px}
.sheet{max-width:1040px;margin:0 auto;background:var(--surface);padding:0 40px 40px}

/* archive disclosure -------------------------------------------------- */
.archive-note{background:var(--note);border-bottom:1px solid var(--rule);
  margin:0 -40px 0;padding:14px 40px 15px}
.archive-note p{margin:0 0 6px;font-size:14px;line-height:1.55;color:#33404b;max-width:74ch}
.archive-note p:last-child{margin-bottom:0}
.archive-note strong{color:var(--ink)}
.archive-colophon{border-top:1px solid var(--rule);margin-top:28px;padding-top:18px}
.archive-colophon p{margin:0 0 10px;font-size:13.5px;line-height:1.6;color:#3a4650;max-width:78ch}
.archive-colophon p:last-child{margin-bottom:0}

/* masthead ------------------------------------------------------------ */
.masthead{padding:30px 0 0}
.wordmark{margin:0;font:38px/1.05 var(--serif);letter-spacing:-.01em}
.wordmark .ip{color:var(--accent)}
.tagline{margin:7px 0 0;font-size:15px;color:var(--muted)}
.channel-line{margin:3px 0 0;font-size:13px;font-style:italic;color:#7a848d}
.cyclebar{display:flex;gap:2px;margin:16px 0 0;height:3px;align-items:stretch}
.cyclebar span{flex:1 1 auto;background:var(--rule)}
.cyclebar span:nth-child(4n+1){background:var(--accent)}
.cyclebar .drop{flex:0 0 22px;align-self:center;height:22px;background:#12629f url(/assets/img/ip-droplet-mark.png) center/22px 22px no-repeat}

/* navigation ---------------------------------------------------------- */
.menu{border-bottom:1px solid var(--rule);padding:12px 0 0}
.menu ul{list-style:none;margin:0;padding:0}
.menu-top li{display:inline-block;margin:0 22px 0 0}
.menu-top a{font-size:15px;text-decoration:none;color:var(--ink);padding:4px 0;display:inline-block}
.menu-top a:hover,.menu-top a[aria-current]{color:var(--accent);text-decoration:underline}
.menu-sub{margin-top:8px;padding:8px 0 10px;border-top:1px dotted var(--rule)}
.menu-sub li{display:inline-block;margin:0 16px 4px 0}
.menu-sub a{font-size:12.5px;color:var(--muted);text-decoration:none;padding:3px 0;display:inline-block}
.menu-sub a:hover{color:var(--accent);text-decoration:underline}
.menu-sub .grp{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8d97a0;
  margin-right:10px;display:inline-block}

/* header band --------------------------------------------------------- */
.band{padding:24px 0 4px;border-bottom:1px solid var(--rule);margin-bottom:26px}
.band .head-title{margin:0;font:26px/1.2 var(--serif);color:var(--ink)}
.band .sub-title{display:block;margin-top:5px;font-size:14px;color:var(--muted)}

/* layout -------------------------------------------------------------- */
.layout{display:grid;grid-template-columns:minmax(0,64fr) minmax(0,36fr);column-gap:40px;
  padding-top:26px}
.col-main{grid-column:1;min-width:0}
.rail{grid-column:2;grid-row:1 / span 3;min-width:0}
.home .m-featured{grid-column:1;grid-row:1}
.home .m-stream{grid-column:1;grid-row:2}
.home .m-archive{grid-column:1;grid-row:3}

/* article body -------------------------------------------------------- */
.entry{max-width:40em}
.entry h1,.page-title{margin:0 0 14px;font:30px/1.22 var(--serif);font-weight:400}
.entry h2{margin:28px 0 8px;font:21px/1.3 var(--serif);font-weight:700}
.entry h3{margin:22px 0 6px;font:16px/1.35 var(--sans);font-weight:700}
.entry p{margin:0 0 16px}
.entry ul,.entry ol{margin:0 0 16px;padding-left:22px}
.entry li{margin:0 0 7px}
.inline-figure{border:1px solid var(--rule);background:#fff;padding:3px}
.figure-right{float:right;margin:4px 0 12px 18px}
.figure-left{float:left;margin:4px 18px 12px 0}
.figure-block{display:block;margin:0 0 12px}
.pull-quote{margin:26px 0 8px;padding:0 0 0 16px;border-left:2px solid var(--accent);max-width:38em}
.pull-quote .quote-text{margin:0 0 8px;font:17px/1.5 var(--serif);color:#2a333b}
.pull-quote .quote-author{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.pull-quote .quote-name{color:var(--ink);font-weight:700;letter-spacing:.04em}
.figure{margin:0 0 20px}
.figure img{border:1px solid var(--rule);padding:3px;background:#fff}
.figure figcaption{margin-top:6px;font-size:12.5px;color:var(--muted)}
.figure-row{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 22px}
.figure-row .figure{flex:0 1 240px;margin:0}

/* post stream --------------------------------------------------------- */
.stream{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.stream li{padding:16px 0;border-bottom:1px solid var(--rule)}
.stream .s-title{margin:0 0 5px;font:19px/1.3 var(--serif);font-weight:400}
.stream .s-title a{text-decoration:none}
.stream .s-title a:hover{text-decoration:underline}
.stream .s-meta{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.stream .s-note{margin:6px 0 0;font-size:13px;color:var(--muted);font-style:italic}
.stream .s-ex{margin:7px 0 0;font-size:15px;color:#39434c}
.module h2.mod-head,.rail h2.mod-head{margin:0 0 12px;font:12px/1.3 var(--sans);font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.module{margin:0 0 34px}
.featured .f-title{margin:0 0 8px;font:30px/1.22 var(--serif);font-weight:400}
.featured .f-meta{margin:0 0 14px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.featured .f-lead{float:left;width:230px;margin:4px 20px 12px 0;border:1px solid var(--rule);padding:3px;background:#fff}
.featured .entry{max-width:none}
.more{display:inline-block;margin-top:4px;font-size:13.5px}

/* resource index ------------------------------------------------------ */
.resources{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.res h3{margin:0 0 10px;font:12px/1.3 var(--sans);font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--muted)}
.res ul{list-style:none;margin:0;padding:0}
.res li{padding:10px 0;border-top:1px solid var(--rule)}
.res a{font:16px/1.3 var(--serif);text-decoration:none}
.res a:hover{text-decoration:underline}
.res .r-desc{display:block;margin-top:3px;font-size:13px;color:var(--muted)}
.home-h1{margin:18px 0 0;font:19px/1.4 var(--serif);font-weight:400;color:#2a333b}
.slides-head{margin:30px 0 12px;font:12px/1.3 var(--sans);font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--muted)}
.slides{border-top:1px solid var(--rule)}
.slide{padding:14px 0;border-bottom:1px solid var(--rule)}
.slide h4{margin:0 0 6px;font:16px/1.35 var(--serif);font-weight:400;color:var(--ink)}
.slide ul{list-style:none;margin:0;padding:0}
.slide li{font-size:14px;color:#3a4650;padding:2px 0 2px 14px;text-indent:-14px}
.slide li:before{content:"– ";color:var(--accent)}

/* rail ---------------------------------------------------------------- */
.widget{margin:0 0 30px}
.widget h2{margin:0 0 10px;font:11.5px/1.3 var(--sans);font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:6px}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:6px 0;border-bottom:1px dotted var(--rule);font-size:14px}
.widget p{margin:0 0 10px;font-size:13.5px;color:#3a4650}
.shots{display:flex;gap:8px;align-items:flex-start}
.shots img{width:31%;flex:0 0 31%;border:1px solid var(--rule);padding:2px;background:#fff}
.award{margin-top:8px}
.award img{width:104px;height:auto}

/* team & faq ---------------------------------------------------------- */
.entry .team-name{clear:both}
.faq{margin:0}
.faq dt{margin:22px 0 6px;font:17px/1.35 var(--serif);font-weight:700}
.faq dd{margin:0;max-width:40em}
.toc{margin:0 0 26px;padding:0 0 0 20px}
.toc li{margin:0 0 4px;font-size:14.5px}

/* footer -------------------------------------------------------------- */
.site-footer{margin-top:38px;border-top:1px solid var(--rule);padding-top:22px}
.foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.foot-cols h2{margin:0 0 10px;font:11.5px/1.3 var(--sans);font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--muted)}
.foot-cols ul{list-style:none;margin:0;padding:0;columns:2}
.foot-cols li{font-size:13.5px;padding:3px 0}
.foot-mark{display:inline-block;background:#26333d;padding:10px 14px;border-radius:2px}
.foot-mark img{display:block;width:150px;height:auto}
.foot-credit{margin:10px 0 0;font-size:13.5px;color:var(--muted)}
.copyright{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--rule);text-align:center;
  font-size:12.5px;color:var(--muted)}

@media (max-width:782px){
  .sheet{max-width:none;padding:0 18px 26px}
  .archive-note{margin:0 -18px;padding:12px 18px 13px}
  .layout{display:block;padding-top:20px}
  .rail{margin-top:8px}
  .home .m-featured,.home .m-stream,.home .m-archive,.col-main,.rail{grid-column:auto;grid-row:auto}
  .resources,.foot-cols{grid-template-columns:1fr}
  .foot-cols ul{columns:1}
  .wordmark{font-size:28px}
  .entry h1,.page-title,.featured .f-title{font-size:26px}
  .menu-top li{margin:0 18px 6px 0}
  .menu-top a,.menu-sub a{min-height:32px;line-height:32px}
  .figure-right,.figure-left,.featured .f-lead{float:none;display:block;margin:0 0 14px}
  .figure-row .figure{flex:0 1 46%}
  .shots img{width:31%;flex:0 0 31%}
  .featured .f-lead{width:220px;max-width:60%}
}
@media (max-width:480px){
  .cyclebar span:nth-child(n+14){display:none}
  .entry{max-width:none}
}
@media print{.archive-note,.menu{border-color:#999}}