/* BERLO Lessons · "Earth-tone Zoom Out" theme. Loaded last on every page. */
:root{--wb-paper:#f2eadc;--wb-ink:#2a241d;--wb-body:#3a3128;--wb-muted:#5c5246;--wb-rule:#d6c8ad;--wb-accent:#7c4a2d;--wb-frame:#957f4a;--wb-green:#3f5a2a;--wb-dark:#2a241d;--wb-cream:#d9c9a8}
html,body{background:var(--wb-paper)!important;color:var(--wb-ink)}
body{font-family:'Source Serif 4',Georgia,serif;padding:12px 10px 32px;-webkit-font-smoothing:antialiased}
.wrap{max-width:660px;border:2px solid var(--wb-frame);box-shadow:inset 0 0 0 5px var(--wb-paper),inset 0 0 0 6px var(--wb-frame);padding:26px 20px 30px}
a{color:var(--wb-accent)}

/* top bar */
.top{color:var(--wb-muted);font:400 14px 'Source Serif 4',Georgia,serif;padding-bottom:12px;border-bottom:1px solid var(--wb-frame);margin-bottom:0}
.top a{color:var(--wb-accent)!important;font-weight:600}

/* lesson page */
.card{background:transparent;border-radius:0;box-shadow:none;overflow:visible}
.hero{background:none;color:var(--wb-ink);padding:36px 0 26px;border-bottom:1px solid var(--wb-frame);text-align:center}
.hero h1:after{content:"";display:block;width:60px;height:2px;background:var(--wb-accent);margin:18px auto 0}
.meta{justify-content:center}
.kicker{font:italic 400 16px 'Source Serif 4',Georgia,serif;letter-spacing:0;text-transform:none;color:var(--wb-muted)}
h1{font-family:'Source Serif 4',Georgia,serif;font-weight:700;font-size:40px;line-height:1.05;letter-spacing:-.01em;color:var(--wb-ink)}
.hero h1{margin:10px 0 14px}
.hero p{color:var(--wb-body);font-size:18px;font-style:italic;line-height:1.5}
.meta{gap:6px 16px}
.meta span{border:0;border-radius:0;padding:0;color:var(--wb-muted);font:400 13px 'Source Serif 4',Georgia,serif}
.pdf{background:transparent;color:var(--wb-accent);border:1.5px solid var(--wb-frame);border-radius:0;font:600 14px 'Source Serif 4',Georgia,serif;margin-top:18px}
section.s{padding:28px 0 8px;border-top:1px solid var(--wb-rule)}
h2{font-family:'Source Serif 4',Georgia,serif;font-weight:700;font-size:26px;line-height:1.2;color:var(--wb-ink)}
.step{font:italic 400 15px 'Source Serif 4',Georgia,serif;letter-spacing:0;text-transform:none;color:var(--wb-accent)}
p{font-size:18px;line-height:1.6;color:var(--wb-body)}
.big{font-size:22px;line-height:1.4;font-weight:600;color:var(--wb-accent)}
ul.pts,ol.pts{font-size:18px;color:var(--wb-body)}
ol.parts li{background:none;border:0;border-bottom:1px solid var(--wb-rule);border-radius:0;padding:12px 0 12px 38px;font-size:17px}
ol.parts li::before{background:none;color:var(--wb-accent);border-radius:0;width:auto;height:auto;left:0;top:10px;font:500 21px 'Source Serif 4',Georgia,serif}
.models{gap:0}
.model{background:none;border:0;border-bottom:1px solid var(--wb-rule);border-radius:0;padding:12px 0;font-size:17px}
.model .ic{display:none}
.q{background:#e8dcc4;border:0;border-radius:0;padding:18px 16px;font-style:italic;text-align:center;font:400 19px/1.45 'Source Serif 4',Georgia,serif;color:var(--wb-ink)}
.q cite{font:400 12.5px 'Source Serif 4',Georgia,serif;color:var(--wb-muted)}
.seven,.two{gap:0 18px}
.seven div,.two div{background:none;border:0;border-top:1px solid var(--wb-rule);border-radius:0;padding:10px 0;font-size:16px}
.seven b,.two b{color:var(--wb-accent);font-weight:600}
.stop{background:none;border:1px solid var(--wb-frame);border-radius:0;padding:18px}
.stop h3{font:500 20px 'Source Serif 4',Georgia,serif}
.stop .tag{background:none;color:var(--wb-accent);border-radius:0;padding:0;font:italic 400 15px 'Source Serif 4',Georgia,serif}
.stop dl{font:400 14px 'Source Serif 4',Georgia,serif}
.stop .ask{color:var(--wb-ink);font:500 18px/1.45 'Source Serif 4',Georgia,serif}
.go{border-radius:0;font:600 14px 'Source Serif 4',Georgia,serif;color:var(--wb-ink);border-color:var(--wb-ink)}
.ws th{font-family:'Source Serif 4',Georgia,serif;color:var(--wb-muted)}
.ws td{background:transparent;border-color:var(--wb-rule)}
.quiz .qq{font:600 18px/1.45 'Source Serif 4',Georgia,serif}
.opt{background:transparent;border:1px solid #b9b2a5;border-radius:0;font:400 17px 'Source Serif 4',Georgia,serif;color:var(--wb-ink)}
.opt.right{border-color:var(--wb-green);background:#e9efe6}
.opt.wrong{border-color:var(--wb-accent);background:#f3e6e1}
.why{font-size:16px;color:var(--wb-body)}
.score{color:var(--wb-green)}
.tip{background:var(--wb-dark);color:var(--wb-paper);border:0;border-radius:0;margin:30px 0 0;padding:24px;text-align:center}
.tip h2{color:var(--wb-paper)}
.tip p{color:var(--wb-cream)}
.tip a{background:#ffc439;color:#111;border-radius:0;font:600 15px 'Source Serif 4',Georgia,serif}
.nav a{color:var(--wb-accent);border:1px solid var(--wb-frame);border-radius:0;font:600 14px 'Source Serif 4',Georgia,serif}
.foot{color:var(--wb-muted);font-family:'Source Serif 4',Georgia,serif}
.foot a{color:var(--wb-ink)}
.note{color:var(--wb-muted)}
.fig{background:transparent;border:1px solid var(--wb-rule);border-radius:0}
.myth{background:none;border:1px solid var(--wb-accent);border-radius:0;font-size:16px}
.tag2{background:none;color:var(--wb-accent);border:1px solid var(--wb-accent);border-radius:0;text-transform:none;letter-spacing:0;font:500 12px 'Source Serif 4',Georgia,serif}
input.line{border-bottom-color:var(--wb-ink)}

/* list pages: home, Zoom Out University, Round 2 */
.k{font:italic 400 16px 'Source Serif 4',Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--wb-muted)!important}
.wrap>h1{font-size:44px;margin:12px 0 18px;text-align:center}
.wrap>.k{text-align:center}
p.lead{color:var(--wb-body);font-size:18px;line-height:1.55}
.tabs{gap:0;border:1px solid var(--wb-frame)}
.tabs a{border:0;border-radius:0;color:var(--wb-ink);font:600 14px 'Source Serif 4',Georgia,serif}
.tabs a.on{background:var(--wb-dark);color:var(--wb-paper)}
a.dl{background:transparent;border:1.5px solid var(--wb-frame);border-radius:0;color:var(--wb-accent);font:600 15px 'Source Serif 4',Georgia,serif}
a.dl small{color:var(--wb-muted)}
a.l{background:none!important;color:var(--wb-ink)!important;border:0!important;border-bottom:1px solid var(--wb-rule)!important;border-radius:0!important;padding:14px 0!important;margin:0!important}
a.l small{font:400 13px 'Source Serif 4',Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--wb-muted)!important;margin-bottom:3px!important}
a.l b{font:600 21px/1.25 'Source Serif 4',Georgia,serif!important;color:var(--wb-ink)}
a.l.r2{border-top:2px solid var(--wb-frame)!important;margin-top:26px!important;padding-top:16px!important}
a.l.r2 small{color:var(--wb-accent)!important}
.crs{margin:36px 0 4px;border-top:2px solid var(--wb-frame);padding-top:14px}
.crs b{color:var(--wb-ink);font:700 25px/1.2 'Source Serif 4',Georgia,serif}
.crs span{color:var(--wb-muted);font:italic 400 16px 'Source Serif 4',Georgia,serif}
.full-link{color:var(--wb-accent);font:600 13px 'Source Serif 4',Georgia,serif}
.soon{border:1px dashed var(--wb-rule);border-radius:0;color:var(--wb-muted)}
.lock small:after{content:" · Locked"!important}

/* Checkout (paid schools) */
.pw{background:none;padding:28px 0;border-top:1px solid var(--wb-rule)}
.fade{max-height:440px}
.fade:after{background:linear-gradient(180deg,rgba(242,234,220,0),var(--wb-paper))}
.buy{background:var(--wb-dark);color:var(--wb-paper);border:0;border-radius:0;text-align:center}
.buy .k{color:var(--wb-cream)!important;font:italic 400 16px 'Source Serif 4',Georgia,serif;letter-spacing:0;text-transform:none}
.buy h2{color:var(--wb-paper);font-size:26px}
.buy p,.buy ul{color:var(--wb-cream);font-size:17px}
.buy ul{text-align:left}
.price{font:700 42px 'Source Serif 4',Georgia,serif;color:var(--wb-paper)}
.price small{display:block;margin-top:4px;font:400 14px 'Source Serif 4',Georgia,serif;color:var(--wb-cream)}
#pp{background:transparent;padding:0;border-radius:0}
.msg{color:#f0c27b}
.rest .msg{color:var(--wb-accent)}
.fine{color:var(--wb-cream);font-family:'Source Serif 4',Georgia,serif}
.rest{background:transparent;border:1px solid var(--wb-frame);border-radius:0;font-family:'Source Serif 4',Georgia,serif}
.rest input{border-radius:0;background:#fff}
.rest button{border-radius:0;background:var(--wb-dark);color:var(--wb-paper);font-family:'Source Serif 4',Georgia,serif}
.okbox{background:transparent;border:1px solid var(--wb-green);border-radius:0;color:var(--wb-green);font-family:'Source Serif 4',Georgia,serif;margin:8px 0 18px}

@media print{html,body{background:#fff!important}.wrap{border:0!important;box-shadow:none!important;padding:0!important}.tabs,.top{display:none!important}}