/* 10K Vacation Rentals - the 2005 look, kept, with the rough edges fixed.
   Teal page, white 750px column, black top bar, Verdana. */
:root{
  --tk-teal:#205768;
  --tk-orange:#e8730c;
  --tk-green:#6d9942;
  --tk-ink:#222;
  --tk-soft:#5a6b72;
  --tk-line:#d8dde0;
  --tk-link:#1a5b8a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body.tk-body{
  background:var(--tk-teal);
  color:var(--tk-ink);
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.7;
}
.tk-shell{max-width:750px;margin:0 auto;background:#fff;min-height:100vh}
.tk-narrow{max-width:750px}

/* black top bar, like the 2005 header */
.tk-masthead{background:#000}
.tk-masthead-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:7px 16px;flex-wrap:wrap;gap:6px;
}
.tk-logo{color:#fff;font-size:12px;font-weight:bold;letter-spacing:.04em;text-decoration:none}
.tk-logo:hover{color:var(--tk-orange)}
.tk-tagline{display:none}
.tk-nav{display:flex;gap:16px;flex-wrap:wrap}
.tk-nav a{color:#fff;font-size:11px;text-decoration:none}
.tk-nav a:hover{color:var(--tk-orange);text-decoration:underline}

/* hero banner (composed from the site's own 2005 photo slices) */
.tk-hero img{display:block;width:100%;height:auto}

/* content */
.tk-main{padding:8px 26px 30px}
.tk-eyebrow{
  color:var(--tk-orange);font-size:10px;font-weight:bold;
  letter-spacing:.12em;text-transform:uppercase;margin:26px 0 4px;
}
h1{color:var(--tk-teal);font-size:21px;line-height:1.35;margin:4px 0 10px}
h2{color:var(--tk-teal);font-size:16px;margin:28px 0 8px;padding-bottom:5px;border-bottom:2px solid var(--tk-green)}
h3{color:var(--tk-teal);font-size:13px;margin:18px 0 6px}
p{margin:0 0 13px}
ul,ol{margin:0 0 13px 22px}
li{margin-bottom:6px}
a{color:var(--tk-link)}
a:hover{color:var(--tk-orange)}
.tk-standfirst{color:var(--tk-soft);font-size:13px;margin-bottom:16px}
.tk-meta{color:var(--tk-soft);font-size:11px;margin-bottom:18px}

/* link lists and cards, directory style */
.tk-list{list-style:none;margin:0 0 16px}
.tk-list li{
  margin:0;padding:9px 2px;border-bottom:1px solid var(--tk-line);
}
.tk-list li a{font-weight:bold}
.tk-list li span{display:block;color:var(--tk-soft);font-size:12px}
.tk-cols{display:flex;gap:26px;flex-wrap:wrap}
.tk-cols>div{flex:1 1 300px}

.tk-callout,.tk-panel{
  background:#f2f6f7;border:1px solid var(--tk-line);
  padding:12px 14px;margin:0 0 14px;font-size:12px;
}
.tk-article{padding-top:2px}
.tk-sources{font-size:11px;color:var(--tk-soft)}
.tk-sources li{margin-bottom:4px}

/* footer, black like the header */
.tk-footer{background:#000;color:#bbb;font-size:11px;padding:14px 16px;margin-top:34px}
.tk-footer-links{margin-bottom:6px}
.tk-footer-links a{color:#fff;text-decoration:none;margin-right:14px}
.tk-footer-links a:hover{color:var(--tk-orange)}

@media(max-width:520px){
  .tk-main{padding:8px 16px 24px}
  body.tk-body{font-size:14px}
}

/* tables */
.tk-scroll{overflow-x:auto;margin:0 0 16px}
.tk-table{border-collapse:collapse;width:100%;font-size:12px}
.tk-table th,.tk-table td{border:1px solid var(--tk-line);padding:7px 9px;text-align:left;vertical-align:top}
.tk-table th{background:#eef3f4;color:var(--tk-teal)}