/* Quiet editorial pages in BuddhaSit's existing sage, cream and green palette. */
.guide-page{margin:0;background:#f6f5ee;color:#283e32;font:18px/1.8 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere;color-scheme:light}
.guide-page *{box-sizing:border-box}
.guide-shell{inline-size:min(100% - 48px,780px);margin-inline:auto;padding-block:24px 56px}
.guide-page a{color:#26563d;text-underline-offset:.2em;text-decoration-thickness:1px}
.guide-page a:hover{text-decoration-thickness:2px}
.guide-page a:focus-visible{outline:3px solid #396c4b;outline-offset:4px;border-radius:3px}
.guide-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block-end:24px;border-block-end:1px solid #b8c7b7}
.guide-brand{display:inline-flex;align-items:center;min-block-size:44px;font-size:24px;font-weight:650;letter-spacing:-.03em;text-decoration:none}
.guide-cta{display:inline-flex;align-items:center;justify-content:center;min-block-size:48px;padding:10px 20px;border:1px solid #335c40;border-radius:8px;background:#335c40;color:#fff!important;font-size:16px;line-height:1.5;text-align:center;text-decoration:none}
.guide-cta:hover{background:#284b33}
.guide-breadcrumbs{margin-block:20px 36px;font-size:15px;line-height:1.6}
.guide-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:0 12px;list-style:none;padding:0;margin:0}
.guide-breadcrumbs li{display:flex;align-items:center;min-inline-size:0}
.guide-breadcrumbs li+li::before{content:"/";color:#526953;margin-inline-end:12px}
.guide-breadcrumbs a{display:inline-flex;align-items:center;min-block-size:44px}
.guide-page h1{margin:0 0 24px;font-size:clamp(34px,5.8vw,48px);font-weight:620;letter-spacing:-.025em;line-height:1.2;text-wrap:balance}
.guide-page h2{margin:40px 0 16px;font-size:26px;font-weight:620;line-height:1.4;letter-spacing:-.015em}
.guide-page h3{margin:0 0 8px;font-size:21px;font-weight:620;line-height:1.5}
.guide-page p{margin:0 0 20px}
.guide-summary{font-size:20px;line-height:1.8;margin-block-end:32px!important}
.guide-contents{margin-block:32px 40px;padding:20px 24px;background:#e8eee2;border-radius:8px}
.guide-contents h2{font-size:19px;margin:0 0 12px}
.guide-contents ol{margin:0;padding-inline-start:24px}
.guide-contents a,.guide-list h2 a,.guide-list h3 a,.guide-read{display:inline-flex;align-items:center;min-block-size:44px;padding-block:6px}
.guide-page section{scroll-margin-block-start:24px}
.guide-list{list-style:none;padding:0;margin:0}
.guide-list li{padding-block:24px;border-block-end:1px solid #b8c7b7}
.guide-list h2{margin:0 0 8px}
.guide-list p{margin:0 0 8px}
.guide-read{font-size:16px;font-weight:600}
.guide-related{margin-block-start:48px}
.guide-related>h2{margin-block-end:0}
.guide-return{margin-block:40px!important}
.guide-page footer{border-block-start:1px solid #b8c7b7;padding-block-start:24px}
.guide-source{font-size:16px;color:#455e49}
.guide-languages h2{font-size:20px;margin:32px 0 16px}
.guide-languages ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;list-style:none;padding:0;margin:0}
.guide-languages a{display:flex;align-items:center;min-block-size:44px;padding-block:6px;font-size:16px}
.guide-languages [aria-current="page"]{font-weight:700;text-decoration-thickness:2px}
.guide-page .visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* The added About navigation uses the temple's existing layout and link colour. */
#buddhasit-guide-nav a{display:inline-flex;align-items:center;min-block-size:44px;padding-block:6px}
#buddhasit-guide-nav a:focus-visible{outline:3px solid #396c4b;outline-offset:3px;border-radius:3px}
@media(max-width:520px){.guide-shell{inline-size:calc(100% - 40px);padding-block-start:16px}.guide-header{align-items:flex-start}.guide-header .guide-cta{max-inline-size:60%;padding-inline:14px}.guide-breadcrumbs{margin-block-end:24px}.guide-summary{font-size:18px}.guide-page h2{font-size:24px}.guide-contents{padding:16px 20px}.guide-languages ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.guide-page{font-size:12pt;background:#fff;color:#000}.guide-shell{inline-size:100%;padding:0}.guide-header,.guide-languages,.guide-return{display:none}.guide-page a{color:inherit}.guide-page section{break-inside:avoid}}