/* access-mars.biz - Habits That Do Not Travel.
   Anton for display, DM Sans for everything else, both served from this host.
   Nothing on this page reaches outside it. */

@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/font/anton-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:Anton;font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/font/anton-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:'DM Sans';font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/font/dmsans-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:'DM Sans';font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/font/dmsans-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:'DM Sans';font-style:normal;font-weight:500;font-display:swap;
  src:url(/assets/font/dmsans-500-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:'DM Sans';font-style:normal;font-weight:500;font-display:swap;
  src:url(/assets/font/dmsans-500-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:'DM Sans';font-style:normal;font-weight:700;font-display:swap;
  src:url(/assets/font/dmsans-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:'DM Sans';font-style:normal;font-weight:700;font-display:swap;
  src:url(/assets/font/dmsans-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}

:root{
  --ink:#212529;
  --grey:#545454;
  --blue:#37b1ff;
  --blue-d:#009cff;
  --blue-m:#00b0ff;
  --graphite:#202936;
  --mint:#d8fff2;
  --rose:#ffe6f2;
  --lilac:#ece9fb;
  --sky:#e3f4ff;
  --cream:#fff6e9;
  --gr:#f5f5f5;
  --line:#e6e6e6;
  --green:#00bb77;
  --pink:#ff4bb7;
  --r:12px;
  --shadow:0 8px 16px rgba(0,0,0,.06);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:#fff;color:var(--ink);
  font:400 17px/1.68 'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  overflow-x:hidden;
}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue-d);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}

h1,h2,h3,.wm,.big,.sn,.tile-go,.btn1,.btn2{font-family:Anton,'DM Sans',Impact,sans-serif;font-weight:400;letter-spacing:.01em}
h1{font-size:clamp(34px,5.4vw,58px);line-height:1.06;margin:.15em 0 .34em;text-transform:none}
h2{font-size:clamp(24px,3vw,32px);line-height:1.14;margin:2.2em 0 .5em}
h3{font-size:20px;line-height:1.22;margin:1.9em 0 .4em;font-family:'DM Sans',sans-serif;font-weight:700}
h4{font-size:16px;margin:0 0 .35em;font-weight:700}
p{margin:0 0 1.05em}

/* --- notice strip --- */
.strip{background:var(--graphite);color:#e9eef5;font-size:13.5px}
.strip p{margin:0;padding:9px 0;line-height:1.45}

/* --- header --- */
.top{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}
.top .wrap{display:flex;align-items:center;gap:22px;min-height:74px;flex-wrap:wrap}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.mark img{width:34px;height:34px;border-radius:100px}
.wm{font-size:21px;line-height:1;letter-spacing:.005em}
.wm span{color:var(--blue-d)}
.menu{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.menu a{color:var(--grey);text-decoration:none;font-size:15px;font-weight:500}
.menu a:hover,.menu a.on{color:var(--blue-d)}
.btn1,.btn2{display:inline-block;border-radius:100px;padding:12px 26px;text-decoration:none;font-size:16px;line-height:1.2}
.btn1{background:var(--blue);color:#06263a}
.btn1:hover{background:var(--blue-m);color:#06263a}
.btn2{background:var(--graphite);color:#fff}
.btn2:hover{background:#111823;color:#fff}
.top .btn2{padding:10px 20px;font-size:14.5px}

/* --- addresses, above main on every page --- */
.addr{background:var(--gr);border-bottom:1px solid var(--line)}
.addr .wrap{padding-top:20px;padding-bottom:20px}
.addr-h{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--grey)}
.addr-g{display:grid;gap:8px}
.addr-i{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:9px 10px 9px 14px}
.addr-i code{flex:1 1 auto;word-break:break-all;line-height:1.4;font-size:13.5px}
.cp{flex:0 0 auto;border:0;border-radius:100px;background:var(--graphite);color:#fff;
  font:500 13px/1 'DM Sans',sans-serif;padding:9px 15px;cursor:pointer}
.cp:hover{background:var(--blue-d)}
.cp.done{background:var(--green)}
.addr-f{margin:12px 0 0;font-size:13.5px;color:var(--grey);line-height:1.55}

/* --- section nav --- */
.secnav{border-bottom:1px solid var(--line);background:#fff}
.secnav .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:11px;padding-bottom:11px}
.secnav a{flex:0 0 auto;border-radius:100px;background:var(--gr);color:var(--grey);
  text-decoration:none;font-size:14px;font-weight:500;padding:7px 16px}
.secnav a:hover{background:#eaeaea;color:var(--ink)}
.secnav a.on{background:var(--blue);color:#06263a}

.crumbs{background:#fff}
.crumbs .wrap{padding-top:16px;padding-bottom:2px;font-size:14px;color:var(--grey)}
.crumbs a{color:var(--grey)}
.crumbs i{font-style:normal;padding:0 7px;color:#b9b9b9}

/* --- main column --- */
main{display:block}
.sheet{max-width:800px;margin:0 auto;padding:34px 22px 10px}
.sheet.hero{max-width:1080px;text-align:left}
.kick{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-d);margin:0 0 .5em}
.lede{font-size:20px;line-height:1.55;color:var(--grey);margin-bottom:1.4em}
.sheet.hero .lede{max-width:720px;font-size:22px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 2.4em}
.fig{margin:0 0 2.6em;padding:0}
.fig svg{width:100%;height:auto;display:block}
.fig figcaption{margin-top:.9em;font-size:14px;color:var(--grey);max-width:620px}

.big{font-size:22px;line-height:1.34;background:var(--sky);border-radius:var(--r);
  padding:20px 24px;margin:0 0 1.4em}

ul,ol{margin:0 0 1.2em;padding-left:1.3em}
li{margin:0 0 .55em}
ol.num{list-style:none;counter-reset:s;padding-left:0}
ol.num>li{counter-increment:s;position:relative;padding-left:44px;margin-bottom:.9em}
ol.num>li::before{content:counter(s);position:absolute;left:0;top:1px;width:30px;height:30px;
  border-radius:100px;background:var(--blue);color:#06263a;font:400 15px/30px Anton,sans-serif;text-align:center}
ul.checks{list-style:none;padding-left:0}
ul.checks>li{position:relative;padding-left:30px;margin-bottom:.8em}
ul.checks>li::before{content:"";position:absolute;left:2px;top:9px;width:12px;height:12px;
  border-radius:3px;border:2px solid var(--green)}

/* --- the two panel travel comparison --- */
.then{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 1.8em}
.then>div{border-radius:var(--r);padding:20px 22px}
.then-a{background:var(--mint)}
.then-b{background:var(--rose)}
.then p:last-child{margin-bottom:0}
.then-l{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--grey);margin:0 0 .5em}

/* --- notes --- */
.note,.not{border-radius:var(--r);padding:18px 22px;margin:0 0 1.6em;background:var(--gr)}
.note.warm{background:var(--cream)}
.not{background:#fff;border:2px dashed var(--line)}
.note p:last-child,.not p:last-child{margin-bottom:0}
.not h4{color:var(--grey);text-transform:uppercase;letter-spacing:.07em;font-size:12.5px}

/* --- cream numbered band --- */
.band{background:var(--cream);border-radius:var(--r);margin:0 0 2em;padding:6px 0 14px}
.band .wrap{padding:0 26px;max-width:none}
.band h2{margin-top:1.1em}
.band-p{color:var(--grey)}
ol.steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}
ol.steps>li{margin:0;background:#fff;border-radius:var(--r);padding:18px 22px 18px 68px;position:relative}
ol.steps .sn{position:absolute;left:20px;top:18px;width:32px;height:32px;border-radius:100px;
  background:var(--graphite);color:#fff;font:400 17px/32px Anton,sans-serif;text-align:center}
ol.steps b{display:block;font-size:17px;margin-bottom:.25em}
ol.steps p{margin:0;color:var(--grey);font-size:16px}

/* --- rows --- */
dl.rows{margin:0 0 1.6em}
dl.rows>div{display:grid;grid-template-columns:210px 1fr;gap:18px;padding:14px 0;border-top:1px solid var(--line)}
dl.rows>div:last-child{border-bottom:1px solid var(--line)}
dl.rows dt{font-weight:700}
dl.rows dd{margin:0;color:var(--grey)}

/* --- tables --- */
.tw{overflow-x:auto;margin:0 0 1.7em;border-radius:var(--r);border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15.5px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--gr);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--grey)}
tr:last-child td{border-bottom:0}
table.idx td.n{width:52px;color:var(--grey);font-variant-numeric:tabular-nums}

/* --- tiles --- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:16px;margin:0 0 2em}
.tile{border-radius:var(--r);padding:22px 22px 20px;display:flex;flex-direction:column}
.tile.mint{background:var(--mint)}
.tile.rose{background:var(--rose)}
.tile.lilac{background:var(--lilac)}
.tile.sky{background:var(--sky)}
.tile-k{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--grey);margin:0 0 .55em}
.tile h3{margin:0 0 .5em;font-size:19px;line-height:1.24}
.tile h3 a{color:var(--ink);text-decoration:none}
.tile h3 a:hover{color:var(--blue-d);text-decoration:underline}
.tile-b{font-size:15.5px;line-height:1.55;margin:0 0 .8em}
.tile-r{font-size:14px;color:var(--grey);margin:0 0 1em}
.tile-r span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.tile-go{margin-top:auto;align-self:flex-start;background:#fff;color:var(--ink);
  border-radius:100px;padding:9px 20px;text-decoration:none;font-size:15px}
.tile-go:hover{background:var(--graphite);color:#fff}

ul.plist{list-style:none;padding:0;margin:0 0 2em}
ul.plist>li{margin:0;border-top:1px solid var(--line)}
ul.plist>li:last-child{border-bottom:1px solid var(--line)}
ul.plist a{display:grid;grid-template-columns:1fr;gap:2px;padding:14px 4px;text-decoration:none;color:var(--ink)}
ul.plist a:hover{background:var(--gr)}
ul.plist b{font-size:17px}
ul.plist span{color:var(--grey);font-size:15px}

ul.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 1.8em}
ul.chips>li{margin:0}
ul.chips a{display:inline-block;background:var(--gr);border-radius:100px;padding:7px 16px;
  font-size:14px;text-decoration:none;color:var(--ink)}
ul.chips a:hover{background:var(--blue);color:#06263a}

/* --- accordion --- */
.acc{margin:0 0 2em;border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{cursor:pointer;list-style:none;padding:16px 34px 16px 2px;font-weight:700;position:relative}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";position:absolute;right:6px;top:13px;font-size:22px;color:var(--blue-d);line-height:1}
.acc details[open] summary::after{content:"\2212"}
.acc details>div{padding:0 2px 14px}
.acc p{margin:0;color:var(--grey)}

/* --- prev next --- */
.pn{max-width:800px;margin:12px auto 0;padding:0 22px 8px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pn a{border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;text-decoration:none;color:var(--ink);display:block}
.pn a:hover{border-color:var(--blue);background:var(--sky)}
.pn em{display:block;font-style:normal;font-size:12.5px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--grey);margin-bottom:.3em}
.pn b{font-size:16.5px;line-height:1.3}
.pn .pn-n{text-align:right;grid-column:2}

/* --- site index, outside main, own width --- */
.all{background:var(--gr);margin-top:46px;border-top:1px solid var(--line)}
.all .wrap{padding-top:34px;padding-bottom:34px}
.all h2{margin:0 0 .7em;font-size:24px}
.cols{columns:3 220px;column-gap:26px}
.cols a{display:block;break-inside:avoid;font-size:14.5px;line-height:1.5;padding:4px 0;color:var(--grey)}
.cols a:hover{color:var(--blue-d)}

/* --- footer --- */
.foot{background:var(--graphite);color:#c9d2de}
.foot .wrap{padding-top:40px;padding-bottom:40px}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px;margin-bottom:28px}
.fh{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0 0 .8em}
.fc a{display:block;color:#c9d2de;text-decoration:none;font-size:15px;padding:3px 0}
.fc a:hover{color:var(--blue)}
.fp{font-size:14.5px;line-height:1.6;color:#9aa7b8;margin:0}
.fine{font-size:13px;line-height:1.65;color:#8b98a9;margin:0;border-top:1px solid rgba(255,255,255,.12);padding-top:20px}
.foot .fine a{color:#c9d2de}

@media (max-width:760px){
  body{font-size:16.5px}
  .top .wrap{min-height:0;padding-top:14px;padding-bottom:14px}
  .menu{margin-left:0;width:100%;gap:14px}
  .top .btn2{display:none}
  .then{grid-template-columns:1fr}
  dl.rows>div{grid-template-columns:1fr;gap:4px}
  .pn{grid-template-columns:1fr}
  .pn .pn-n{grid-column:1;text-align:left}
  .cols{columns:1}
  .addr-i{flex-wrap:wrap}
}