/* eslteacher.com · board.css — the job board, visa checklist and volunteer pages (moved back from usaenglishteacher.com, 1 Oct 2026) */
:root{--navy-2:#22405E;--gold-deep:#C9A227;--maxw:1080px}
/* usaenglishteacher.com · base (from live) + family overrides layered after */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}


.hero{background:var(--navy) var(--f-kratip);color:var(--cream);padding:56px 20px 62px;text-align:center}
.hero .kicker{display:inline-block;background:rgba(201,162,39,.16);color:var(--gold);border-radius:4px;padding:7px 18px;font-size:13.5px;font-weight:800;letter-spacing:.04em;margin-bottom:18px}
.hero h1{color:var(--cream);font-size:clamp(30px,5vw,48px);margin-bottom:16px}
.hero p{font-size:18px;color:rgba(243,233,210,.88);max-width:720px;margin:0 auto 12px;line-height:1.7}
.hero .th{font-size:17px;color:var(--gold);margin-top:6px}

.doors{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:-38px auto 0;max-width:var(--maxw);padding:0 20px;position:relative;z-index:3}
@media(max-width:760px){.doors{grid-template-columns:1fr;margin-top:-28px}}
.door{background:#FBF6EA;border:1px solid var(--rule);border-radius:8px;padding:26px;text-decoration:none;display:block;color:inherit}
.door:hover{border-color:var(--gold)}
.door h2{font-size:22px;margin-bottom:8px}
.door p{color:var(--ink-soft);font-size:15.5px;margin-bottom:14px;line-height:1.65}
.door .go{font-weight:800;color:var(--red);font-size:15.5px}

.card{background:#FBF6EA;border:1px solid var(--rule);border-radius:8px;padding:28px;margin:22px 0}
.card h2{font-size:26px;margin-bottom:12px}
.card h3{font-size:19px;margin:22px 0 8px}
.card p{margin-bottom:14px;font-size:16px;color:var(--ink-soft);line-height:1.75}
.card p strong,.card li strong{color:var(--navy)}
.card p:last-child{margin-bottom:0}
.lede{font-size:18px!important;color:var(--ink)!important}

ul.q,ol.q{margin:12px 0 0 20px}
ul.q li,ol.q li{margin-bottom:11px;font-size:16px;color:var(--ink-soft);line-height:1.7}

.flag{background:var(--cream-warm);border-left:4px solid var(--gold);border-radius:0 6px 6px 0;padding:16px 20px;margin:18px 0}
.flag p{margin:0;color:var(--ink)}
.flag.red{border-left-color:var(--red)}

table.r{width:100%;border-collapse:collapse;font-size:15px;margin-top:12px}
table.r th,table.r td{border:1px solid var(--rule);padding:10px 12px;text-align:left;vertical-align:top}
table.r th{background:var(--cream-warm);color:var(--navy);font-weight:800}
table.r td.n{text-align:right;white-space:nowrap;font-weight:700;color:var(--navy)}

.btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:800;font-size:16.5px;border-radius:6px;padding:14px 26px;text-decoration:none}
.btn:hover{filter:brightness(1.05)}
.btn.red{background:var(--red);color:var(--cream)}

.pending{display:inline-block;background:var(--cream-warm);color:var(--navy-2);border-radius:4px;padding:3px 11px;font-size:12.5px;font-weight:800;letter-spacing:.03em;vertical-align:middle;margin-left:6px}
.th-line{font-size:15.5px;color:var(--ink-soft);margin-top:4px}

.gem{display:inline-block;width:22px;height:22px;background:var(--f-gem) no-repeat center/contain;vertical-align:-3px;margin-right:6px}