/* ==========================================================================
   Pages without a template of their own (page.php), 2026 design.
   The breadcrumb, hero and "In this section" bar come from
   windhorse-bhutan.css (.whb …); this file styles the article: text written
   over the years in the classic editor, so it has to cope with old markup
   (inline justify, bold lines as headings, tables, galleries, forms).
   ========================================================================== */

/* ---- "In this section": a long section (Tibet has 18 pages) starts at the
   left and scrolls, instead of centring and losing its start off-screen ---- */
.whd .whb-subnav{justify-content:flex-start;
  -webkit-mask-image:linear-gradient(to right,#000 92%,transparent 100%);mask-image:linear-gradient(to right,#000 92%,transparent 100%)}
.whd .whb-subnav::-webkit-scrollbar{display:none}
.whd .whb-subnav{scrollbar-width:none}

/* ---- wide banner photo under the title, whole and uncropped ---- */
.whd .whd-banner{margin:0;background:#fff;border-bottom:1px solid var(--wh-rule)}
.whd .whd-banner img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}

/* ---- layout: the article, with "On this page" beside it on longer pages ---- */
.whd .whd-body{padding-top:64px;padding-bottom:80px}
.whd .whd-prose{max-width:760px;margin:0 auto}
.whd .whd-body--toc{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:64px;justify-content:center;align-items:start}
.whd .whd-body--toc .whd-prose{margin:0;grid-column:1;grid-row:1}
.whd .whd-prose--form{max-width:900px}

.whd .whd-toc{display:block;grid-column:2;grid-row:1;position:sticky;top:calc(24px + var(--wh-head-offset,0px));transition:top .28s ease;
  background:#fff;border:1px solid var(--wh-rule);border-radius:6px;padding:20px 22px}
.whd .whd-toc summary{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--wh-muted);font-weight:700;list-style:none;cursor:default}
.whd .whd-toc summary::-webkit-details-marker{display:none}
.whd .whd-toc ol{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
/* a long list scrolls inside the box, so its end is reachable while it sticks */
.whd .whd-toc details[open]{max-height:calc(100vh - 96px - var(--wh-head-offset,0px));overflow-y:auto;overscroll-behavior:contain}
.whd .whd-toc a{display:block;padding:6px 0 6px 12px;border-left:2px solid var(--wh-rule);font-size:14px;line-height:1.4;color:var(--wh-body);text-decoration:none}
.whd .whd-toc a:hover,.whd .whd-toc a.is-here{color:var(--wh-maroon);border-left-color:var(--wh-maroon)}

/* ---- "Default Template with Sidebar": the lists beside the text ---- */
.whd .whd-body--side{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:64px;justify-content:center;align-items:start}
.whd .whd-body--side .whd-prose{margin:0}
.whd .whd-side{display:flex;flex-direction:column;gap:20px;align-self:stretch}
.whd .whd-side .whd-toc{grid-column:auto;grid-row:auto}
.whd .whd-box{display:block;background:#fff;border:1px solid var(--wh-rule);border-radius:6px;padding:20px 22px}
.whd .whd-box__title{font-family:var(--wh-display);font-size:19px;line-height:1.25;color:var(--wh-maroon);margin:0 0 12px}
.whd .whd-links{list-style:none;margin:0;padding:0}
.whd .whd-links li{margin:0}
.whd .whd-links a{display:block;padding:7px 0 7px 12px;border-left:2px solid var(--wh-rule);font-size:14px;line-height:1.4;color:var(--wh-body);text-decoration:none}
.whd .whd-links a:hover,.whd .whd-links a[aria-current="page"],.whd .whd-links .current-menu-item>a{color:var(--wh-maroon);border-left-color:var(--wh-maroon)}
.whd .whd-links a[aria-current="page"]{font-weight:700}
.whd .whd-links ul{list-style:none;margin:0 0 4px;padding:0 0 0 14px}
.whd .whd-links ul a{font-size:13px;padding-top:5px;padding-bottom:5px}
.whd .whd-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.whd .whd-chips a{display:inline-block;padding:7px 12px;border:1px solid var(--wh-rule-strong);border-radius:999px;background:var(--wh-page-bg,#faf6ef);
  font-size:13px;line-height:1.2;color:var(--wh-ink);text-decoration:none}
.whd .whd-chips a:hover{border-color:var(--wh-maroon);color:var(--wh-maroon)}

/* ---- text ---- */
.whd .whd-prose{font-size:17px;line-height:1.75;color:var(--wh-body);overflow-wrap:break-word}
.whd .whd-prose>*+*{margin-top:1.1em}
.whd .whd-prose p{margin:0}
/* old content justifies with inline styles: uneven gaps, hard to read */
.whd .whd-prose [style*="justify"]{text-align:left!important}
.whd .whd-prose h2,.whd .whd-prose h3,.whd .whd-prose h4,.whd .whd-prose h5{font-family:var(--wh-display);color:var(--wh-maroon);font-weight:700;line-height:1.2;
  scroll-margin-top:calc(90px + var(--wh-head-offset,0px))}
.whd .whd-prose h2{font-size:clamp(26px,2.6vw,32px);margin-top:1.8em}
.whd .whd-prose h3{font-size:clamp(21px,2vw,24px);margin-top:1.6em}
.whd .whd-prose h4,.whd .whd-prose h5{font-size:19px;margin-top:1.4em;color:var(--wh-ink)}
.whd .whd-prose>:first-child{margin-top:0}
.whd .whd-prose h2+*,.whd .whd-prose h3+*,.whd .whd-prose h4+*{margin-top:.6em}
.whd .whd-prose strong,.whd .whd-prose b{color:var(--wh-ink)}
.whd .whd-prose a{color:var(--wh-maroon);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.whd .whd-prose a:hover{color:var(--wh-maroon-dark)}
.whd .whd-prose ul,.whd .whd-prose ol{margin:0;padding-left:1.3em}
.whd .whd-prose li+li{margin-top:.4em}
.whd .whd-prose li::marker{color:var(--wh-maroon)}
.whd .whd-prose blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--wh-gold);font-family:var(--wh-display);
  font-size:21px;line-height:1.5;color:var(--wh-ink)}
.whd .whd-prose hr{border:0;border-top:1px solid var(--wh-rule);margin:2.2em 0}

/* ---- images, captions, galleries, video ---- */
.whd .whd-prose img{max-width:100%;height:auto;border-radius:6px}
.whd .whd-prose .aligncenter{display:block;margin-left:auto;margin-right:auto}
.whd .whd-prose .alignleft{float:left;margin:.3em 24px 12px 0;max-width:50%}
.whd .whd-prose .alignright{float:right;margin:.3em 0 12px 24px;max-width:50%}
.whd .whd-prose::after{content:"";display:table;clear:both}
.whd .whd-prose .wp-caption{max-width:100%}
.whd .whd-prose .wp-caption-text,.whd .whd-prose figcaption{font-size:13px;line-height:1.5;color:var(--wh-muted);margin-top:8px}
.whd .whd-prose .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.whd .whd-prose .gallery br{display:none}
.whd .whd-prose .gallery-item{margin:0;width:auto!important;max-width:none!important}
.whd .whd-prose .gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover}
.whd .whd-prose iframe,.whd .whd-prose video,.whd .whd-prose embed{max-width:100%}
.whd .whd-prose iframe[src*="youtube"],.whd .whd-prose iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:6px}

/* ---- tables: scroll inside the article on small screens ---- */
.whd .whd-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--wh-rule);border-radius:6px;background:#fff}
.whd .whd-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.whd .whd-table th,.whd .whd-table td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--wh-rule);border-left:0;border-right:0}
.whd .whd-table tr:last-child td{border-bottom:0}
.whd .whd-table thead th,.whd .whd-table tr:first-child th{background:#f6efe5;color:var(--wh-ink);font-weight:700}
.whd .whd-table tbody tr:nth-child(even) td{background:#fcf9f4}
.whd .whd-table table[width],.whd .whd-table td[width]{width:auto}
/* old tables carry fixed row heights and paragraphs in cells */
.whd .whd-table tr,.whd .whd-table td,.whd .whd-table th{height:auto!important}
.whd .whd-table td p,.whd .whd-table th p{margin:0}
.whd .whd-table td *,.whd .whd-table th *{font-size:inherit!important;line-height:inherit}

/* ---- forms and shop pages placed in the text ---- */
.whd .whd-prose input[type="text"],.whd .whd-prose input[type="email"],.whd .whd-prose input[type="tel"],
.whd .whd-prose input[type="number"],.whd .whd-prose input[type="date"],.whd .whd-prose select,.whd .whd-prose textarea{
  max-width:100%;border:1px solid var(--wh-rule-strong);border-radius:4px;background:#fff;padding:10px 12px;font:inherit;font-size:16px;color:var(--wh-ink)}
.whd .whd-prose button,.whd .whd-prose input[type="submit"]{background:var(--wh-maroon);color:#fff;border:0;border-radius:4px;padding:12px 22px;font:inherit;font-weight:700;cursor:pointer}
.whd .whd-prose button:hover,.whd .whd-prose input[type="submit"]:hover{background:var(--wh-maroon-dark)}

.whd .whd-pages{display:flex;gap:10px;margin-top:2em;font-weight:700}

/* ---- tablets and phones: one column, "On this page" folds above the text ---- */
@media (max-width:1100px){
  /* sidebar template: the lists follow the text, "On this page" goes above it */
  .whd .whd-body--side{grid-template-columns:minmax(0,760px);gap:28px}
  .whd .whd-side{display:contents}
  .whd .whd-side .whd-toc{order:-1;position:static}
  .whd .whd-side .whd-box{order:1}
  .whd .whd-body--toc{grid-template-columns:minmax(0,760px);gap:28px}
  .whd .whd-toc{grid-column:1;grid-row:1;position:static}
  .whd .whd-body--toc .whd-prose{grid-row:2}
  .whd .whd-toc summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center}
  .whd .whd-toc summary::after{content:"+";font-size:18px;line-height:1;color:var(--wh-maroon)}
  .whd .whd-toc details[open] summary::after{content:"–"}
}
@media (max-width:820px){
  .whd .whd-body{padding-top:36px;padding-bottom:56px}
  .whd .whd-prose{font-size:16px}
  .whd .whd-prose .alignleft,.whd .whd-prose .alignright{float:none;margin:0 0 12px;max-width:100%}
  .whd .whd-prose .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media print{
  .whd .whd-toc{display:none}
  .whd .whd-body--toc{display:block}
}