/* TripTribe Guides — public content styling (RTL, brand-matched) */
:root{
  --coral:#f15b41; --teal:#1fb8a6; --sun:#f7b731; --ink:#241c14; --muted:#7a6c5c;
  --line:#efe4d6; --bg:#fff7ef; --card:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Heebo',system-ui,Arial,sans-serif;background:var(--bg);color:var(--ink);
  line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased}
a{color:var(--coral);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
/* top bar */
.gnav{position:sticky;top:0;z-index:50;background:rgba(255,247,239,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}
.gnav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.gbrand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:19px;letter-spacing:-.01em;color:var(--ink)}
.gbrand img{width:32px;height:32px;border-radius:9px}
.gcta{background:var(--coral);color:#fff!important;padding:9px 18px;border-radius:999px;font-weight:800;font-size:14px}
.gcta:hover{filter:brightness(1.05);text-decoration:none}
/* hero */
.ghero{text-align:center;padding:52px 0 20px}
.ghero h1{font-size:clamp(30px,6vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0 0 12px}
.ghero p{font-size:17px;color:var(--muted);max-width:560px;margin:0 auto}
/* article cards grid */
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:24px 0 60px}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 6px 22px rgba(241,91,65,.06);transition:.18s;display:flex;flex-direction:column}
.gcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(241,91,65,.12);text-decoration:none}
.gcard-img{aspect-ratio:16/9;background:linear-gradient(135deg,#ffd9a0,#f6a97b);position:relative;
  display:flex;align-items:flex-end;font-size:52px;padding:14px;overflow:hidden}
.gcard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gcard-body{padding:16px 18px 20px}
.gcard-tag{display:inline-block;font-size:11.5px;font-weight:800;color:var(--teal);
  background:#e7f8f5;padding:3px 10px;border-radius:999px;margin-bottom:9px}
.gcard h2{font-size:19px;font-weight:800;margin:0 0 7px;line-height:1.3;color:var(--ink)}
.gcard p{font-size:14px;color:var(--muted);margin:0}
/* article page */
article.post{background:var(--card);border:1px solid var(--line);border-radius:20px;
  padding:34px 30px;margin:26px 0 44px;box-shadow:0 6px 22px rgba(241,91,65,.05)}
.post-tag{display:inline-block;font-size:12px;font-weight:800;color:var(--teal);
  background:#e7f8f5;padding:4px 12px;border-radius:999px;margin-bottom:14px}
article.post h1{font-size:clamp(27px,5vw,38px);font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:0 0 10px}
.post-meta{color:var(--muted);font-size:13.5px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}
article.post h2{font-size:23px;font-weight:800;margin:32px 0 12px;letter-spacing:-.01em}
article.post h3{font-size:18.5px;font-weight:800;margin:24px 0 8px}
article.post p,article.post li{font-size:16.5px;color:#3a2f24}
article.post ul,article.post ol{padding-right:22px}
article.post li{margin:7px 0}
article.post strong{color:var(--ink)}
.lead{font-size:18.5px!important;color:var(--muted)!important;line-height:1.65}
blockquote{margin:22px 0;padding:14px 18px;background:#fff7ef;border-right:4px solid var(--sun);
  border-radius:10px;font-size:16px;color:#4a3d2e}
.tipbox{background:#e7f8f5;border:1px solid #c8ede6;border-radius:14px;padding:16px 18px;margin:22px 0}
.tipbox b{color:#0c6f66}
/* affiliate CTA */
.aff{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fff3ea,#ffe9dc);
  border:1.5px solid #f7cdb8;border-radius:16px;padding:16px 18px;margin:26px 0;text-decoration:none;color:var(--ink)!important}
.aff:hover{filter:brightness(.99);text-decoration:none}
.aff .aff-em{font-size:30px;flex:none}
.aff .aff-t{flex:1}
.aff .aff-t b{display:block;font-size:16px;font-weight:800}
.aff .aff-t span{font-size:13px;color:var(--muted)}
.aff .aff-go{background:var(--coral);color:#fff;padding:9px 16px;border-radius:999px;font-weight:800;font-size:13.5px;flex:none}
.disc{font-size:12px;color:var(--muted);font-style:italic;margin-top:4px}
/* footer */
.gfoot{background:#fff;border-top:1px solid var(--line);padding:34px 0;margin-top:20px}
.gfoot .wrap{text-align:center;color:var(--muted);font-size:13.5px}
.gfoot a{font-weight:700}
.gfoot .flinks{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:14px 0}
@media(max-width:520px){article.post{padding:24px 18px}.ghero{padding:36px 0 12px}}