/* Đạo Quán R268: styles confined to the requested website blocks. */
.dq268-web{--dq268-ink:#173e39;--dq268-gold:#b58a42;--dq268-paper:#fffdf7}
/* FIX4: the legacy scroll effect enables a translucent glass header.
   An opaque, isolated header keeps article titles below the menu. */
body.dq268-web .site-header,
body.dq268-web .site-header.dq-glass-header.dq-glass-on{
 background:#fff!important;
 background-image:none!important;
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
 opacity:1!important;
 isolation:isolate;
 z-index:10000!important;
 overflow:visible;
 color:#173043;
}
body.dq268-web .site-header::before,
body.dq268-web .site-header::after{content:none!important}
body.dq268-web .site-header .dq268-menu>button{
 font:700 14px/1.45 DQBody,"Segoe UI",sans-serif;
 color:#101b2b;
}
@media(max-width:1100px){body.dq268-web .site-header .dq268-menu>button{font-size:13px}}
@media(max-width:900px){body.dq268-web .site-header .dq268-menu>button{font-size:12px}}
@media(max-width:700px){body.dq268-web .site-header .dq268-menu>button{font-size:14px}}
body.dq268-web .hero-home .eyebrow{max-width:100%;white-space:normal;overflow-wrap:break-word}
.dq268-web [hidden]{display:none!important}
.dq268-menu{position:relative;display:flex;align-items:center;flex-shrink:0}
.dq268-menu>button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:10px 11px;min-height:44px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.dq268-menu>button:focus-visible,.dq268-submenu a:focus-visible{outline:2px solid #ac7b27;outline-offset:3px}
.dq268-submenu{position:absolute;top:100%;right:0;z-index:1000;width:265px;max-width:calc(100vw - 32px);padding:7px;background:#fffdf7;border:1px solid #d6be8f;border-radius:13px;box-shadow:0 14px 38px #173e3926}
.dq268-submenu a{display:block!important;color:#173e39!important;text-align:left!important;text-decoration:none;padding:12px 13px;border-radius:8px;white-space:normal;font-family:DQBody,Arial,sans-serif;font-size:14px;line-height:1.5}
.dq268-submenu a:hover,.dq268-submenu a:focus{background:#f3ecdc;color:#7c192b!important}
.dq268-web .footer-about p{font-family:DQBody,Arial,sans-serif!important;font-size:14px!important;line-height:1.85!important;letter-spacing:normal!important;font-weight:400!important;overflow-wrap:anywhere;max-width:56ch}
.dq268-about{padding:0!important;overflow:hidden;background:#fffdf7!important;background-image:none!important;text-align:center;border:1px solid #dac7a6!important;box-shadow:0 15px 44px #233c2b0d}
.dq268-about:before,.dq268-about:after{display:none!important}
.dq268-about-photo{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;position:static!important;margin:0!important;border-radius:0!important}
.dq268-about-content{padding:24px;display:grid;gap:17px;min-width:0}
.dq268-about-content>div{min-width:0}
.dq268-about-content h2{font-size:clamp(20px,2.2vw,29px)!important;line-height:1.45!important;margin:12px 0!important;text-align:center!important;overflow-wrap:normal!important;word-break:normal!important}
.dq268-about-content p{font-family:DQBody,Arial,sans-serif!important;line-height:1.8!important;font-size:14px!important;text-align:center!important;margin:10px auto!important;max-width:52ch}
.dq268-about-content .dq-about-topic-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;text-align:left}
.dq268-about-content .dq-about-topic-list a{font-family:DQBody,Arial,sans-serif!important;min-width:0;min-height:44px!important;padding:10px!important;font-size:13px!important;display:flex!important;align-items:center;gap:8px;overflow-wrap:normal}
.dq268-about-content .button{display:flex!important;align-items:center;justify-content:center;text-align:center;white-space:normal!important;line-height:1.6;font-size:14px!important;padding:12px 15px!important;height:auto!important;min-height:48px}
.dq268-compact-hub{display:block!important;padding-top:22px!important;padding-bottom:22px!important}
.dq268-compact-hub>.seo-hub-intro{padding:18px 22px!important;margin:0 0 18px!important;max-width:none!important}
.dq268-compact-hub .seo-hub-intro h1{font-size:clamp(24px,3vw,36px)!important;line-height:1.4;margin:0!important}
.dq268-reading-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:1px solid #ded3bf;border-radius:12px;overflow:hidden;background:#fffdf8}
.dq268-reading-list>a{display:flex!important;align-items:center;gap:12px;min-height:58px!important;padding:14px 18px!important;border:0!important;border-radius:0!important;border-bottom:1px solid #e9e1d3!important;box-shadow:none!important;text-decoration:none;color:#173e39!important;background:transparent!important;font-family:DQBody,Arial,sans-serif!important}
.dq268-reading-list>a:last-child{border-bottom:0!important}
.dq268-reading-list>a:hover{background:#f4efdf!important}
.dq268-reading-list h3,.dq268-reading-list strong{font:600 15px/1.7 DQBody,Arial,sans-serif!important;margin:0!important;white-space:normal!important}
.dq268-reading-list>a:before{content:'›';font-size:22px;color:#a77c34}
.dq268-reading-list p,.dq268-reading-list img,.dq268-reading-list .icon{display:none!important}
.dq268-editorial-cards .dq267-testimonial-avatar,.dq268-editorial-cards .dq267-testimonial-stars,.dq268-editorial-cards .dq267-sample-label{display:none!important}
.dq268-editorial-cards blockquote{font-style:normal}
.dq268-figure{margin:22px 0!important;border:1px solid #ddcdb1;border-radius:14px;overflow:hidden;background:#fffdf7}
.dq268-figure img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important;border-radius:0!important}
.dq268-figure figcaption{font:14px/1.8 DQBody,Arial,sans-serif!important;color:#365048!important;padding:14px 18px!important;margin:0!important;max-width:none!important}
.dq268-figure a{display:block;color:inherit}
.dq268-lookup{padding-top:24px;padding-bottom:44px;color:#173e39;min-width:0}
.dq268-breadcrumb{font:13px/1.8 DQBody,Arial,sans-serif;margin-bottom:16px}
.dq268-lookup-header{background:linear-gradient(130deg,#faf3df,#f1f7ef);padding:26px 30px;border:1px solid #ddcba9;border-radius:18px}
.dq268-lookup-header h1{font-size:clamp(25px,3.6vw,42px);line-height:1.35;margin:8px 0 20px!important}
.dq268-tool-tabs{display:flex;flex-wrap:wrap;gap:8px}
.dq268-tool-tabs a{font:600 14px/1.5 DQBody,Arial,sans-serif;color:#173e39;text-decoration:none;border:1px solid #cbb991;padding:10px 14px;border-radius:9px;background:#fffdf8;min-height:44px}
.dq268-tool-tabs a[aria-current=page]{background:#173e39;color:#fff;border-color:#173e39}
.dq268-workbench,.dq268-reference{border:1px solid #ddcfb7;border-radius:16px;background:#fffdf8;margin-top:20px;padding:24px}
.dq268-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.dq268-form label,.dq268-search-label{display:grid;gap:8px;flex:1 1 200px;font:600 14px/1.6 DQBody,Arial,sans-serif;min-width:0}
.dq268-lookup input,.dq268-lookup select{width:100%;box-sizing:border-box;min-height:46px;border:1px solid #c4b69e;border-radius:8px;padding:10px 12px;font:16px/1.5 DQBody,Arial,sans-serif;color:#173e39;background:#fff}
.dq268-lookup button{min-height:46px}
.dq268-field-help{font:13px/1.8 DQBody,Arial,sans-serif!important;color:#5f6d5c!important;margin:12px 0 18px!important;max-width:90ch}
.dq268-lookup h2{font-size:24px;line-height:1.5;margin:22px 0 14px}
.dq268-lookup h3{font-size:18px;line-height:1.5;margin:0 0 8px}
.dq268-lookup p,.dq268-lookup details{font:15px/1.8 DQBody,Arial,sans-serif}
.dq268-direction-grid,.dq268-small-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.dq268-direction-grid article,.dq268-small-grid article{border:1px solid #ded3bd;border-radius:10px;padding:16px;background:#f9f6ec;min-width:0}
.dq268-direction-grid article{display:grid;gap:7px}
.dq268-direction-grid .cat,.dq268-small-grid .cat{background:#edf5ed;border-color:#b3c9ac}
.dq268-direction-grid .hung,.dq268-small-grid .hung{background:#fff3ee;border-color:#dbb4a3}
.dq268-direction-grid strong{font-size:17px}
.dq268-direction-grid span{font-size:15px;font-weight:600}
.dq268-direction-grid small{font-size:12px}
.dq268-board-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.dq268-nine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #bea57a;border-radius:10px;overflow:hidden;background:#e2d3b9;gap:1px}
.dq268-nine-grid>div{display:grid;gap:4px;place-items:center;text-align:center;min-height:128px;padding:14px 7px;background:#fff9ea;min-width:0}
.dq268-nine-grid>div:nth-child(5){background:#173e39;color:#fff5dc}
.dq268-nine-grid strong{font:700 36px/1.1 DQBody,Arial,sans-serif}
.dq268-nine-grid span,.dq268-nine-grid small{font:13px/1.4 DQBody,Arial,sans-serif}
.dq268-table-wrap{overflow:auto}
.dq268-reference table{border-collapse:collapse;width:100%;min-width:280px;font:14px/1.7 DQBody,Arial,sans-serif;margin:16px 0}
.dq268-reference th,.dq268-reference td{padding:10px 14px;border:1px solid #dacdb9;text-align:left}
.dq268-reference th{background:#f0eadc}
.dq268-reference caption{text-align:left;font-weight:700;padding:10px 0}
.dq268-reference details{border:1px solid #ddd0b7;border-radius:10px;padding:15px 18px;margin-top:14px;background:#fffdf7}
.dq268-reference summary{cursor:pointer;font-weight:600;min-height:28px}
.dq268-reference summary:focus-visible{outline:2px solid #ad8238;outline-offset:4px}
.dq268-hex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;margin-top:20px}
.dq268-hex-grid article{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #ddcfb7;border-radius:10px;background:#f8f4e9}
.dq268-hex-grid strong{font:600 15px/1.6 DQBody,Arial,sans-serif}
.dq268-hex-grid p{font-size:13px!important;margin:5px 0 0!important}
.dq268-hex-lines{width:48px;display:grid;gap:5px;flex-shrink:0}
.dq268-hao{height:5px;display:flex;justify-content:space-between;gap:6px}
.dq268-hao i{height:5px;background:currentColor;flex:1}
.dq268-hao.yang{gap:0}
.dq268-hex-result{display:flex;gap:24px;align-items:center;padding:20px;margin-top:20px;background:#f6efdf;border-radius:12px}
.dq268-error{color:#941d2e;border:1px solid #bb7180;padding:16px;margin-top:20px}
@media(max-width:700px){.dq268-menu{width:100%;display:block}.dq268-menu>button{width:100%;justify-content:space-between}.dq268-submenu{position:static;width:100%;max-width:none;box-sizing:border-box;box-shadow:none;margin:0 0 8px}.dq268-about-content{padding:20px 16px}.dq268-workbench,.dq268-reference{padding:17px}.dq268-lookup-header{padding:20px 18px}.dq268-board-pair{grid-template-columns:1fr}.dq268-form{display:grid;grid-template-columns:1fr}.dq268-form label{width:100%}.dq268-nine-grid>div{min-height:100px;padding:12px 4px}.dq268-small-grid,.dq268-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dq268-direction-grid article,.dq268-small-grid article{padding:12px}.dq268-direction-grid strong{font-size:15px}.dq268-figure figcaption{padding:12px 14px!important}.dq268-tool-tabs a{flex:1 1 42%;text-align:center}}
@media(prefers-reduced-motion:reduce){.dq268-web .dq268-menu *{transition:none!important}}
.dq268-about .dq-about-brand{display:grid!important;grid-template-columns:1fr!important;place-items:center!important;position:static!important;gap:10px!important;text-align:center!important;width:100%!important}
.dq268-about .dq-about-brand img{display:block!important;width:68px!important;height:68px!important;object-fit:contain!important;margin:0 auto!important;position:static!important}
.dq268-about .dq-about-brand strong,.dq268-about .dq-about-brand span{display:block!important;width:100%!important;position:static!important;text-align:center!important;margin:0!important}
.dq268-about .dq-about-brand strong{font-size:25px!important;line-height:1.45!important}
.dq268-about .dq-about-brand span{font:14px/1.7 DQBody,Arial,sans-serif!important}
.dq268-direction-grid,[data-bat-stars]{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.dq268-direction-grid,[data-bat-stars]{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dq268-brand-summary{font:400 16px/1.8 DQBody,Arial,sans-serif!important;letter-spacing:normal!important;max-width:70ch!important}

/* FIX2: keep template introductions short and horizontal. */
.dq268-web .seo-hub-intro>p:not(.tag){display:none!important}
.dq268-web .seo-hub-intro{padding:18px 22px!important;max-width:none!important;min-height:0!important}
.dq268-web .seo-hub-intro h1{font-size:clamp(22px,2.8vw,34px)!important;line-height:1.4!important}
.dq268-web .seo-hub-intro>h2,.dq268-web .seo-hub-intro>ol,.dq268-web .seo-hub-intro>ul{display:none!important}
.dq268-web .seo-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dq268-photo-notes{display:grid;gap:8px}
.dq268-photo-notes p{font:14px/1.7 DQBody,Arial,sans-serif!important;margin:0!important;color:#173e39!important;max-width:none!important}
.dq268-lookup .dq268-board-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.dq268-board-meta{padding:12px 16px;background:#f3eddb;border-radius:10px;margin:15px 0}
.dq268-web .dq268-reading-list a span{white-space:normal!important;overflow:visible!important}
.dq268-web .dq268-about-photo{max-height:340px}
.dq268-web .site-footer,.dq268-web .site-footer *{animation:none!important;transform:none!important;transition:none!important}
@media(max-width:700px){.dq268-lookup .dq268-board-pair{grid-template-columns:1fr}.dq268-web .seo-hub-grid{grid-template-columns:1fr}.dq268-web .dq268-about-content h2{font-size:23px!important}}

/* FIX3: badge must remain legible on the dark background. */
.dq268-about .tag{background:#173e39!important;color:#fff1c9!important;font:600 11px/1.6 DQBody,Arial,sans-serif!important;padding:6px 10px!important;letter-spacing:.04em!important;border:1px solid #c7a76a!important}
/* FIX3: degree-to-line lookup, exact Tiên Thiên circle */
.dq268-form [hidden]{display:none!important}
.dq268-hex-result{flex-wrap:wrap}
.dq268-dai-dial{width:min(100%,320px);height:auto;flex:0 0 280px}
.dq268-hao.selected{background:#f1dc9f;outline:2px solid #a6702f;outline-offset:5px;border-radius:2px}
.dq268-active-hao{background:#f4e5bd!important;font-weight:700}
.dq268-boundary-note{color:#795022!important;font-size:14px}
@media(max-width:700px){.dq268-dai-dial{flex:0 0 100%;max-width:300px;margin:auto}.dq268-hex-result{gap:24px}}
.dq268-detail-gallery{margin:24px 0;display:grid;gap:18px}
.dq268-detail-gallery .dq268-figure{margin:0}
.dq268-detail figcaption{font-size:13px;line-height:1.6;padding:10px 14px}
.dq268-detail img{display:block;max-width:100%;height:auto;border-radius:12px}
.dq268-table-wrap table{width:100%;border-collapse:collapse;font:14px/1.7 DQBody,Arial,sans-serif;margin:18px 0;min-width:360px}
.dq268-table-wrap th,.dq268-table-wrap td{padding:10px 14px;border:1px solid #dacdb9;text-align:left}
.dq268-table-wrap th{background:#f0eadc}