@font-face{font-family:'Public Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/font/publicsans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/font/publicsans-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/font/publicsans-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/font/publicsans-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/font/lora-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/font/lora-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Lora';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/font/lora-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Lora';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/font/lora-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}

/* ---------------------------------------------------------------
   theosirismarket.biz - old-school media portal.
   Fixed 1200px shell, small sans body, serif headings, one green
   brand band, blue-teal as the text accent that carries the
   numbered section skeleton.
   --------------------------------------------------------------- */

:root{
  --green:#00a651; --green2:#009a4b; --teal:#006699;
  --ink:#333; --ink2:#3d3d3d; --gr:#aaa;
  --p1:#fafafa; --p2:#f1f1f1; --line:#e2e2e2;
  --red:#a94442; --pink:#fce8e8;
  --foot:#343434; --footx:#999; --hd:#47473f;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:#fff; color:var(--ink);
  font:400 14px/1.62 'Public Sans',Arial,Helvetica,sans-serif;
}
img{max-width:100%;height:auto;border:0}
a{color:var(--teal)}
a:hover{color:#004f78}

.wrap{width:1200px;max-width:100%;margin:0 auto;padding:0 16px}

/* ---- brand band ---- */
.band{background:var(--green);color:#fff}
.band .wrap{display:flex;align-items:center;gap:14px;height:64px}
.band a.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}
.band a.brand img{width:34px;height:34px;display:block}
.band a.brand b{font:700 24px/1 'Lora',Georgia,serif;letter-spacing:-.2px}
.band a.brand span{font-size:12px;color:#d6f2e3;display:block;margin-top:3px}
.band em{margin-left:auto;font-style:normal;font-size:12px;color:#cfeedd;text-align:right;max-width:330px;line-height:1.45}

/* ---- section menu ---- */
.menu{background:var(--green2)}
.menu .wrap{display:flex;flex-wrap:wrap}
.menu a{
  color:#fff;text-decoration:none;font-size:13px;font-weight:600;
  padding:11px 15px;border-right:1px solid rgba(255,255,255,.16);
}
.menu a:first-child{border-left:1px solid rgba(255,255,255,.16)}
.menu a:hover{background:rgba(0,0,0,.14);color:#fff}
.menu a.on{background:#00803e;color:#fff}

/* ---- grey sub-header: crumbs + chips ---- */
.sub{background:var(--p1);border-bottom:1px solid var(--line)}
.sub .wrap{padding-top:9px;padding-bottom:9px}
.crumb{font-size:12px;color:var(--gr)}
.crumb a{color:var(--teal);text-decoration:none}
.crumb a:hover{text-decoration:underline}
.chips{margin-top:7px;display:flex;flex-wrap:wrap;gap:6px}
.chips a{
  display:inline-block;background:var(--p2);border-radius:1000px;
  padding:4px 13px;font-size:12px;color:#4a4a4a;text-decoration:none;
}
.chips a:hover{background:var(--green);color:#fff}
.chips a.on{background:var(--teal);color:#fff}

/* ---- three column shell ---- */
.shell{display:grid;grid-template-columns:196px minmax(0,1fr) 268px;gap:30px;padding:22px 0 34px}
.left{font-size:13px}
.left .stick{position:sticky;top:14px}
.left h3,.right h3{
  font:700 14px/1.3 'Lora',Georgia,serif;color:var(--hd);
  margin:0 0 9px;padding-bottom:6px;border-bottom:2px solid var(--green);
}
.left a{display:block;padding:5px 0;color:var(--teal);text-decoration:none;border-bottom:1px dotted var(--line)}
.left a:hover{text-decoration:underline}
.left a.on{color:var(--ink);font-weight:600}
.left p.tiny{font-size:11px;color:var(--gr);margin:12px 0 0;line-height:1.5}

article{max-width:660px}

/* ---- headings ---- */
h1{font:700 34px/1.22 'Lora',Georgia,serif;color:var(--hd);margin:0 0 12px;letter-spacing:-.3px}
.tagline{font-size:12px;color:var(--gr);margin:0 0 10px}
p.lede{font-size:16px;line-height:1.6;color:var(--teal);margin:0 0 18px;font-weight:400}
article h2{
  font:700 24px/1.3 'Lora',Georgia,serif;color:var(--teal);
  margin:30px 0 11px;
}
article h2 .n{color:var(--green);font-size:20px;margin-right:8px}
article h3{font:600 17px/1.35 'Lora',Georgia,serif;color:var(--hd);margin:22px 0 8px}
article p{margin:0 0 13px}
article ul,article ol{margin:0 0 14px;padding-left:22px}
article li{margin:0 0 6px}

/* ---- window facts strip ---- */
.facts{margin:0 0 18px;border:1px solid var(--line);background:var(--p1)}
.facts div{display:flex;border-bottom:1px solid var(--line)}
.facts div:last-child{border-bottom:0}
.facts dt{flex:0 0 176px;padding:8px 12px;background:var(--p2);font-weight:600;font-size:12.5px;color:#555}
.facts dd{margin:0;padding:8px 12px;font-size:13px}

/* ---- pink important callout ---- */
.note{background:var(--pink);border:1px solid #f0c9c9;border-left:4px solid var(--red);padding:12px 15px;margin:0 0 18px;color:#7d3130;font-size:13.5px}
.note em{display:block;font-style:normal;font-weight:600;color:var(--red);margin-bottom:4px;font-size:13px;text-transform:uppercase;letter-spacing:.4px}
.note a{color:#8a2f2d}

/* ---- captioned panel, stands in for the reference photo ---- */
.panel{background:var(--p2);border:1px solid var(--line);padding:15px 17px;margin:0 0 18px}
.panel b.cap{display:block;font:600 15px/1.35 'Lora',Georgia,serif;color:var(--hd);margin-bottom:7px}
.panel p{margin:0 0 9px;font-size:13.5px}
.panel p:last-child{margin:0}

/* ---- read more inline block ---- */
.more{border-top:2px solid var(--green);border-bottom:1px solid var(--line);background:var(--p1);padding:11px 14px;margin:0 0 18px}
.more span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--gr);margin-bottom:5px}
.more a{display:block;font-weight:600;font-size:14px;text-decoration:none;margin-bottom:3px}
.more a:hover{text-decoration:underline}
.more i{display:block;font-style:normal;font-size:12.5px;color:#777}

/* ---- table ---- */
.tw{overflow-x:auto;margin:0 0 18px;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;font-size:13px;background:#fff}
th{background:var(--p2);text-align:left;padding:8px 11px;font-weight:600;color:#4a4a4a;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:8px 11px;border-bottom:1px solid #ededed;vertical-align:top}
tr:last-child td{border-bottom:0}

/* ---- entry cards on hubs ---- */
.list{margin:0 0 18px;border-top:1px solid var(--line)}
.list a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.list a b{display:block;font:600 16px/1.3 'Lora',Georgia,serif;color:var(--teal);margin-bottom:3px}
.list a:hover b{text-decoration:underline}
.list a i{font-style:normal;display:inline-block;background:var(--p2);border-radius:1000px;padding:2px 10px;font-size:11px;color:#666;margin-bottom:4px}
.list a span{display:block;font-size:13px;color:#666}

/* ---- addresses ---- */
.doors{border:1px solid var(--line);background:var(--p1);padding:15px 17px;margin:0 0 20px}
.doors h2{font:700 18px/1.3 'Lora',Georgia,serif;color:var(--hd);margin:0 0 6px}
.doors > p{font-size:13px;margin:0 0 11px;color:#555}
.door{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);padding:8px 10px;margin-bottom:7px}
.door code{flex:1;min-width:0;font:400 12px/1.45 ui-monospace,Menlo,Consolas,monospace;word-break:break-all;color:#2b2b2b}
.door button{
  flex:0 0 auto;background:var(--green);color:#fff;border:0;border-radius:4px;
  padding:7px 15px;font:600 12.5px 'Public Sans',Arial,sans-serif;cursor:pointer;
}
.door button:hover{background:var(--green2)}
.doors p.fine{font-size:12px;color:#777;margin:10px 0 0}

/* ---- buttons ---- */
.btn{display:inline-block;background:var(--green);color:#fff;border-radius:4px;padding:9px 18px;font-weight:600;font-size:13px;text-decoration:none;margin:0 6px 8px 0}
.btn:hover{background:var(--green2);color:#fff}
.btn.alt{background:var(--green2)}

/* ---- right sidebar ---- */
.right{font-size:13px}
.right .card{margin-bottom:24px}
.right .rn a{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none}
.right .rn a b{display:block;font:600 13.5px/1.35 'Lora',Georgia,serif;color:var(--teal);margin-bottom:2px}
.right .rn a:hover b{text-decoration:underline}
.right .rn a span{display:block;color:#8b8b8b;font-size:12px;line-height:1.45}
.right .nextp{background:var(--p2);border-top:2px solid var(--green);padding:12px 14px}
.right .nextp span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--gr);margin-bottom:5px}
.right .nextp a{font-weight:600;font-size:14px;text-decoration:none;display:block;font-family:'Lora',Georgia,serif}
.right .nextp a:hover{text-decoration:underline}

/* ---- prev/next foot of article ---- */
.pn{display:flex;gap:14px;margin:28px 0 0;border-top:1px solid var(--line);padding-top:14px}
.pn a{flex:1;text-decoration:none;background:var(--p1);border:1px solid var(--line);padding:10px 13px}
.pn a em{display:block;font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--gr);margin-bottom:3px}
.pn a b{font:600 14px/1.3 'Lora',Georgia,serif;color:var(--teal)}
.pn a:hover b{text-decoration:underline}

/* ---- footer ---- */
footer{background:var(--foot);color:var(--footx);margin-top:26px;padding:26px 0 30px;font-size:12.5px}
footer .cols{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
footer h2{font:700 13px/1.3 'Lora',Georgia,serif;color:#fff;margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid #4a4a4a}
footer a{display:block;color:var(--footx);text-decoration:none;padding:3px 0;font-size:12px}
footer a:hover{color:#fff;text-decoration:underline}
footer p.fine{margin:22px 0 0;padding-top:16px;border-top:1px solid #4a4a4a;color:#8a8a8a;line-height:1.65;font-size:12px}

/* ---- responsive ---- */
@media (max-width:1000px){
  .shell{grid-template-columns:minmax(0,1fr);gap:24px}
  .left,.right{order:2}
  .left .stick{position:static}
  footer .cols{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  h1{font-size:27px}
  article h2{font-size:20px}
  .band .wrap{height:auto;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
  .band em{display:none}
  .facts div{display:block}
  .facts dt{flex:none}
  footer .cols{grid-template-columns:1fr}
  .door{flex-wrap:wrap}
}

/* the address panel repeated at the top of every page, slightly tighter than
   the full section so it does not push the article down too far */
.doors-top{margin:0 0 22px}
.doors-top h2{margin-bottom:9px}