/* v1.2.9: symmetric three-column layout, forced fresh CSS via filemtime. */
/* Hoa Lạc Sơn Cư – navigation v1.2.7. Pure CSS; no floral images. */
.hldh,.hldh *{box-sizing:border-box}
.hldh{display:grid!important;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);align-items:center;justify-content:stretch;gap:clamp(8px,2.5vw,22px);width:100%;max-width:920px;margin:26px auto 34px!important;padding:16px 8px;background:transparent!important;overflow:visible!important}
.hldh-btn{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:66px;padding:6px 6px;white-space:nowrap!important;text-decoration:none!important;text-align:center;border:2px solid #c9ddd5;border-radius:22px;background:linear-gradient(130deg,#fffefb,#eff5f2 75%,#e8f2ed);color:#36584f!important;box-shadow:inset 0 0 0 3px #fafbf8,0 2px 7px #47726416;font:italic 600 clamp(17px,2vw,21px)/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.25px;transition:filter .15s,transform .15s;overflow:visible!important}
.hldh-btn.hldh-toc{width:112px;height:112px;border-radius:50%;padding:10px 5px;flex-direction:column;gap:4px;background:radial-gradient(circle at 35% 24%,#e6f2ee,#c8dfd5 78%);border:3px double #a9c9bd;font-size:19px;box-shadow:inset 0 0 0 4px #eff7f2,0 2px 8px #47726418}
.hldh-book{display:block!important;position:relative!important;width:30px!important;height:26px!important;flex:0 0 26px;color:#36584f!important;overflow:visible!important;border:0!important;border-radius:0!important;transform:none!important;opacity:1!important}
.hldh-label{position:relative;z-index:2;white-space:nowrap!important;overflow:visible}.hldh-arrow{font:normal 23px/1 Georgia,serif;position:relative;z-index:2;margin:0 5px 2px 0}.hldh-next .hldh-arrow{margin:0 0 2px 5px}
.hldh-btn:hover:not(.hldh-disabled){filter:saturate(1.1);transform:translateY(-2px)}.hldh-btn:focus-visible{outline:3px solid #36584f;outline-offset:4px}
.hldh-disabled{cursor:default;filter:grayscale(.35)}.hldh-disabled:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:rgba(145,151,150,.30);pointer-events:none;z-index:4}.hldh-disabled .hldh-label,.hldh-disabled .hldh-arrow{opacity:.76}
@media(max-width:650px){.hldh{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);gap:8px;padding:14px 3px;margin:22px auto 29px!important}.hldh-btn{height:50px;padding:4px 2px;border-width:1.5px;border-radius:16px;font-size:clamp(12px,3.65vw,17px);letter-spacing:-.55px}.hldh-btn.hldh-toc{width:82px;height:82px;padding:5px 2px;font-size:15px;letter-spacing:-.3px;gap:3px}.hldh-book{width:24px!important;height:21px!important;flex-basis:21px}.hldh-arrow{font-size:17px;margin:0 2px 1px 0}.hldh-next .hldh-arrow{margin:0 0 1px 2px}}
@media(max-width:375px){.hldh{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:5px;padding-left:1px;padding-right:1px}.hldh-btn{font-size:clamp(11px,3.5vw,13px);letter-spacing:-.7px}.hldh-btn.hldh-toc{width:76px;height:76px;font-size:14px}.hldh-arrow{font-size:15px;margin-right:1px}.hldh-next .hldh-arrow{margin-left:1px}}

/* 1.2.9: override theme layout constraints and enforce equal side cards. */
.hldh{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr)!important;column-gap:clamp(9px,2vw,18px)!important;width:100%!important;max-width:920px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;justify-items:stretch!important}
.hldh>.hldh-prev,.hldh>.hldh-next{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;flex:none!important;margin:0!important;padding-left:3px!important;padding-right:3px!important}
.hldh>.hldh-toc{justify-self:center!important;margin:0!important}
@media(max-width:650px){.hldh{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)!important;column-gap:8px!important;padding-left:0!important;padding-right:0!important}.hldh>.hldh-prev,.hldh>.hldh-next{font-size:clamp(12px,3.45vw,17px)!important;letter-spacing:-.55px!important}.hldh-arrow{margin-left:1px!important;margin-right:1px!important}}
@media(max-width:375px){.hldh{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)!important;column-gap:5px!important}.hldh>.hldh-prev,.hldh>.hldh-next{font-size:clamp(11px,3.25vw,13px)!important}}

/* v1.3.0: use a single flex row, never CSS grid. Theme-safe equal side widths. */
.hldh {
 display:flex!important;
 flex-direction:row!important;
 flex-wrap:nowrap!important;
 align-items:center!important;
 justify-content:center!important;
 gap:clamp(7px,2vw,18px)!important;
 width:100%!important;
 max-width:920px!important;
 padding:16px 0!important;
 margin:26px auto 34px!important;
 box-sizing:border-box!important;
}
.hldh > .hldh-prev,
.hldh > .hldh-next {
 display:flex!important;
 flex:1 1 0px!important;
 width:0!important;
 min-width:0!important;
 max-width:none!important;
 height:66px!important;
 margin:0!important;
 padding:6px 3px!important;
 box-sizing:border-box!important;
 white-space:nowrap!important;
}
.hldh > .hldh-toc {
 display:flex!important;
 flex:0 0 112px!important;
 width:112px!important;
 min-width:112px!important;
 max-width:112px!important;
 height:112px!important;
 margin:0!important;
 padding:10px 5px!important;
 box-sizing:border-box!important;
}
@media(max-width:650px) {
 .hldh {gap:8px!important;padding:14px 0!important;margin:22px auto 29px!important}
 .hldh > .hldh-prev,.hldh > .hldh-next {height:50px!important;padding:4px 1px!important;font-size:clamp(12px,3.45vw,17px)!important}
 .hldh > .hldh-toc {flex:0 0 82px!important;width:82px!important;min-width:82px!important;max-width:82px!important;height:82px!important;padding:5px 2px!important}
}
@media(max-width:375px) {
 .hldh {gap:5px!important}
 .hldh > .hldh-prev,.hldh > .hldh-next {font-size:clamp(11px,3.25vw,13px)!important}
 .hldh > .hldh-toc {flex-basis:76px!important;width:76px!important;min-width:76px!important;max-width:76px!important;height:76px!important}
}