/* Bhutan Rides — Travel Resources page styles.
   Extracted verbatim from the static travel-resources.html inline <style> block. */

/* ---- Material Symbols base ---- */
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:24px;line-height:1;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:'opsz' 40,'wght' 300,'FILL' 0,'GRAD' 0;}

/* ---- hero subline ---- */
.page-hero-content .hero-sub{color:rgba(255,255,255,.94);font-family:var(--font-display);font-size:clamp(14px,1.8vw,17px);font-weight:600;letter-spacing:.06em;margin-top:10px;max-width:600px;padding:0 20px;text-shadow:0 1px 12px rgba(0,0,0,.45);}

/* ---- page layout: sticky TOC + article ---- */
.tr-wrap{padding:64px 0 20px;}
.tr-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:52px;align-items:start;}

.tr-toc{position:sticky;top:calc(var(--header-h) + 18px);max-height:calc(100vh - var(--header-h) - 38px);overflow:auto;background:#fff;border:1px solid var(--line);border-top:1px solid var(--line);border-radius:2px;padding:18px 20px 10px;}
.tr-toc-title{font-family:var(--font-display);font-size: 13.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);margin-bottom:8px;}
.tr-toc ol{list-style:none;}
.tr-toc a{display:block;padding:7px 0;font-size: 15px;line-height:1.45;color:var(--body);border-bottom:1px solid var(--paper);}
.tr-toc li:last-child a{border-bottom:0;}
.tr-toc a:hover{color:var(--blue-deep);}

.tr-article{max-width:860px;}
.tr-lead{text-align:center;font-size:clamp(17px,2vw,19px);line-height:1.75;color:var(--blue-deep);font-style:italic;max-width:720px;margin:0 auto 6px;}

/* ---- info section: icon above centered heading, centered copy ---- */
.tr-section{padding:48px 0 10px;}
.tr-head{text-align:center;margin-bottom:18px;}
.tr-head .material-symbols-rounded{font-size:46px;color:var(--blue);margin-bottom:10px;}
.tr-section h2{font-size:clamp(19px,2.4vw,25px);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blue-deep);}
.tr-section h3{font-family:var(--font-display);font-size: 15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-align:center;margin:28px 0 12px;}
.tr-section p{text-align:center;max-width:760px;margin:0 auto 15px;}
.tr-note{font-size: 15.5px;color:var(--muted);}

/* ---- fee / policy highlight list ---- */
.tr-fees{list-style:none;max-width:640px;margin:6px auto 18px;}
.tr-fees li{text-align:center;padding:12px 18px;border:1px solid var(--line);border-radius:2px;background:var(--blue-pale);margin-bottom:10px;font-size: 16px;line-height:1.6;color:var(--body);}
.tr-fees strong{color:var(--navy);}

/* ---- transfer-times table ---- */
.tr-table-wrap{overflow-x:auto;max-width:600px;margin:6px auto 16px;}
.tr-table{width:100%;border-collapse:collapse;font-size: 16px;}
.tr-table th{font-family:var(--font-display);font-size: 13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);background:var(--blue-pale);}
.tr-table th,.tr-table td{border:1px solid var(--line);padding:9px 14px;text-align:left;}
.tr-table th:nth-child(2),.tr-table th:nth-child(3),.tr-table td:nth-child(2),.tr-table td:nth-child(3){text-align:center;white-space:nowrap;}

/* ---- full-width article photos between section groups ---- */
.tr-photo{margin:54px 0 8px;border-radius:2px;overflow:hidden;}
.tr-photo img{width:100%;aspect-ratio:21/9;object-fit:cover;}

/* ---- packing check-list groups ---- */
.tr-check{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:780px;margin:12px auto 8px;text-align:left;}
.tr-check-group{background:#fff;border:1px solid var(--line);border-top:1px solid var(--line);border-radius:2px;padding:18px 20px 14px;}
.tr-check-group h3{text-align:left;margin:0 0 10px;}
.tr-check-group ul{list-style:none;}
.tr-check-group li{padding:6px 0 6px 24px;position:relative;font-size: 16px;line-height:1.55;border-bottom:1px solid var(--paper);}
.tr-check-group li:last-child{border-bottom:0;}
.tr-check-group li::before{content:"";position:absolute;left:2px;top:12px;width:8px;height:8px;border:2px solid var(--blue);border-radius:50%;}

/* ---- closing CTA strip ---- */
.tr-cta{text-align:center;padding:48px 0 70px;}
.tr-cta .btn{margin:6px 7px;}

@media (max-width:960px){
  /* minmax(0,1fr), not 1fr: a bare 1fr means minmax(auto,1fr), whose auto
     minimum is the content's min-content width — the fees table then blows the
     column past the viewport instead of scrolling inside .tr-table-wrap. */
  .tr-layout{grid-template-columns:minmax(0,1fr);gap:32px;}
  .tr-toc{position:static;max-height:none;overflow:visible;}
  .tr-toc ol{columns:2;column-gap:30px;}
  .tr-toc li{break-inside:avoid;}
}
@media (max-width:620px){
  .tr-wrap{padding:48px 0 10px;}
  .tr-toc ol{columns:1;}
  .tr-check{grid-template-columns:1fr;}
  .tr-photo img{aspect-ratio:16/10;}
}