/*
Theme Name: Essa Touray Birding
Description: Editorial theme for Essa Touray’s birdwatching and photography tours.
Version: 1.0.1
*/
:root{color-scheme:light;--ink:#202a23;--green:#233c2e;--paper:#faf8f1;--line:#d9d8cc;--muted:#4f5e53}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:var(--green);text-underline-offset:.24em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #95632a;outline-offset:4px}
.wrap{max-width:1220px;width:calc(100% - 64px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:18px}.brand{font:600 25px Georgia,serif;text-decoration:none;white-space:nowrap}.menu{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.menu a{font-size:.86rem;text-decoration:none}.menu a[aria-current],.menu a:hover{text-decoration:underline}.menu-toggle{display:none}
h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1;text-wrap:balance}h1{font-size:clamp(2.55rem,6vw,5.55rem);letter-spacing:-.035em;margin:0 0 .28em}h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:1em 0 .45em}p{margin:.65em 0 1.1em}
.hero{display:grid;grid-template-columns:1fr 1.15fr;min-height:470px;background:var(--green);color:var(--paper);margin-top:30px}.hero-text{align-self:center;padding:clamp(26px,5vw,72px)}.hero-text p{max-width:32ch}.hero img{width:100%;height:100%;max-height:660px;object-fit:cover;display:block}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.6em 1.15em;background:var(--green);color:white;border:1px solid var(--green);font:inherit;text-decoration:none;cursor:pointer}.hero .button{background:var(--paper);color:var(--green)}.secondary{background:transparent;color:var(--green)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.page-head{padding:clamp(36px,7vw,94px) 0 28px;border-bottom:1px solid var(--line)}.content{padding:28px 0 60px;overflow-wrap:anywhere}.content p{max-width:72ch}.source-section{padding:22px 0;border-bottom:1px solid var(--line)}.with-photo{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:start}.with-photo h2:first-child{margin-top:0}figure{margin:0}figure img{display:block;width:100%;height:auto}figcaption{font-size:.85rem;color:var(--muted);padding:.4em 0}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.photo-grid img{aspect-ratio:4/3;object-fit:cover}.destinations{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);gap:24px;padding:24px 0}.destinations a{font:1.4rem Georgia,serif}.site-footer{padding:28px 0;border-top:1px solid var(--line)}.site-footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-footer a{font-size:.9rem}blockquote{margin:0 0 24px;border-left:2px solid var(--line);padding:2px 20px}.form-panel{max-width:680px}.form-panel label{display:block;margin:12px 0}.form-panel input,.form-panel textarea{display:block;width:100%;padding:.7em;font:inherit;border:1px solid #858d81;background:white;color:var(--ink)}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;padding:8px;z-index:2}
@media(max-width:900px){.wrap{width:calc(100% - 36px)}.header-row{display:block}.brand{display:inline-block}.menu-toggle{display:inline-flex;float:right;min-height:44px;padding:.35em .7em}.menu{clear:both;padding-top:10px;gap:0}.menu a{display:block;padding:.65em .85em .65em 0;min-height:44px}.menu[hidden]{display:none}.hero{min-height:0}.with-photo{gap:18px}}
@media(max-width:620px){body{font-size:16px}.header-row{padding-block:13px}.hero{grid-template-columns:1fr;margin-top:16px}.hero img{aspect-ratio:4/3;height:auto}.with-photo{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.destinations{gap:15px}.destinations a{font-size:1.16rem}.site-footer .wrap{display:grid}}

.content table{border-collapse:collapse;width:min(100%,680px);margin:1.2em 0;font-size:.94rem}.content th,.content td{text-align:left;padding:.6em .45em;border-bottom:1px solid var(--line)}.content thead{background:#eeeade}.content tbody th{font-weight:500}@media(max-width:400px){.content table{font-size:.8rem}}
