/* DOMUNEXA Guide — single Guide card alignment */
:where(.single-post, .single-domunexa_guide) .rank-math-block .rank-math-list-item { border:1px solid #dbe5ef; border-radius:10px; margin:.65rem 0; overflow:hidden; background:#fff; }
:where(.single-post, .single-domunexa_guide) .rank-math-block .rank-math-question { margin:0 !important; font-size:1.05rem !important; line-height:1.35 !important; }
:where(.single-post, .single-domunexa_guide) .rank-math-block .dmx-faq-toggle { display:flex; width:100%; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.1rem; border:0; background:transparent; color:inherit; text-align:left; font:inherit; font-weight:700; cursor:pointer; }
:where(.single-post, .single-domunexa_guide) .rank-math-block .dmx-faq-toggle::after { content:'+'; flex:0 0 auto; font-size:1.35rem; line-height:1; }
:where(.single-post, .single-domunexa_guide) .rank-math-block .dmx-faq-toggle[aria-expanded='true']::after { content:'−'; }
:where(.single-post, .single-domunexa_guide) .rank-math-block .rank-math-answer { padding:0 1.1rem 1rem; }
:where(.single-post, .single-domunexa_guide) .rank-math-block .rank-math-answer[hidden] { display:none; }
@media (max-width:767px) { :where(.single-post, .single-domunexa_guide) .rank-math-block .dmx-faq-toggle { padding:.9rem; } :where(.single-post, .single-domunexa_guide) .rank-math-block .rank-math-answer { padding:0 .9rem .9rem; } }

:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query { position:relative; width:100%; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-related-heading { margin:0 0 1rem; font-size:clamp(1.35rem,2.2vw,1.8rem); line-height:1.2; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-viewport { overflow-x:auto; overflow-y:hidden; width:100%; max-width:100%; box-sizing:border-box; scroll-behavior:smooth; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-viewport::-webkit-scrollbar { display:none; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template { margin:0; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-query-pagination { display:none !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template > .wp-block-post { box-sizing:border-box; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-featured-image { width:100% !important; aspect-ratio:16 / 9 !important; overflow:hidden !important; margin:0 0 14px !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-featured-image img { display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-title a,
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-excerpt a,
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-featured-image a { position:relative; z-index:1; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-title { min-height:3.2em !important; margin:0 0 10px !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; overflow:hidden !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-excerpt { min-height:4.5em !important; margin-top:auto !important; margin-bottom:0 !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:3 !important; overflow:hidden !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-excerpt a { display:inline-block !important; margin-top:10px !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-nav { display:flex; justify-content:flex-end; align-items:center; gap:6px; margin:-4px 0 8px; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-arrow { display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:0; border-radius:50%; background:#111; color:#fff; cursor:pointer; font-size:20px; line-height:1; box-shadow:0 2px 6px rgba(0,0,0,.18); }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-arrow:disabled { opacity:.35; cursor:default; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-dots { display:none !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-dot { width:7px; height:7px; border-radius:50%; background:currentColor; opacity:.25; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-dot.is-active { opacity:.8; }
/* Featured image on the single Guide: keep the hero readable without letting it fill the entire page. */
.single-domunexa_guide #wp--skip-link--target > .wp-block-post-featured-image { width:100%; max-width:900px; aspect-ratio:16 / 9; overflow:hidden; margin:0 auto 28px; }
.single-domunexa_guide #wp--skip-link--target > .wp-block-post-featured-image img { display:block; width:100%; height:100%; object-fit:cover; }
/* Prevent a wide legacy table or image from widening the whole single-Guide flex item. */
.single-domunexa_guide .wp-block-post-content { width:100%; max-width:100%; min-width:0; flex:1 1 0%; box-sizing:border-box; }
.single-domunexa_guide .wp-block-post-content > * { max-width:100%; min-width:0; box-sizing:border-box; }
.single-domunexa_guide .wp-block-post-content figure.wp-block-image { width:min(100%,720px); max-width:100%; min-width:0; margin:1.5rem auto; overflow:hidden; box-sizing:border-box; }
.single-domunexa_guide .wp-block-post-content figure.wp-block-image img { display:block; width:100%; max-width:100%; height:auto; object-fit:contain; box-sizing:border-box; }
.single-domunexa_guide .wp-block-post-content > img,
.single-domunexa_guide .wp-block-post-content p > img { display:block; width:min(100%,720px); max-width:100%; height:auto; margin-inline:auto; box-sizing:border-box; }
/* Responsive tables: keep the native Gutenberg table, but make overflow explicit on mobile. */
.single-domunexa_guide .dmx-table-block { width:100%; max-width:100%; margin:24px 0; }
.single-domunexa_guide .dmx-table-scroll { width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:thin; overscroll-behavior-x:contain; }
.single-domunexa_guide .dmx-table-scroll:focus-visible { outline:2px solid #1f6fd1; outline-offset:3px; }
.single-domunexa_guide .dmx-table-scroll .wp-block-table { margin:0; min-width:100%; }
.single-domunexa_guide .dmx-table-scroll table { min-width:560px; width:100%; max-width:none; table-layout:fixed; border:1px solid #cbd7e5; border-collapse:collapse; }
.single-domunexa_guide .dmx-table-scroll--compact { overflow-x:visible; }
.single-domunexa_guide .dmx-table-scroll--compact table { min-width:0; width:100%; max-width:100%; table-layout:fixed; }
.single-domunexa_guide .dmx-table-scroll th,
.single-domunexa_guide .dmx-table-scroll td { border:1px solid #cbd7e5; padding:10px 12px; vertical-align:top; text-align:left; }
.single-domunexa_guide .dmx-table-scroll--compact th,
.single-domunexa_guide .dmx-table-scroll--compact td { overflow-wrap:anywhere; word-break:normal; }
.single-domunexa_guide .dmx-table-scroll th { background:#eef5fc; font-weight:700; }
.single-domunexa_guide .dmx-table-hint { display:none; margin:0 0 8px; color:#43546b; font-size:.88rem; line-height:1.4; }
.single-domunexa_guide .dmx-table-hint span { display:inline-block; margin-left:4px; font-weight:700; color:#1f6fd1; }
@media (min-width:768px) {
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; align-items:stretch !important; gap:20px !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template > .wp-block-post { min-width:0 !important; display:flex !important; flex-direction:column !important; height:100% !important; }
}

/* High-specificity fallback: some themes reapply their responsive grid after
 * the plugin stylesheet. Keep Guide cards horizontal on all single pages. */
body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-viewport { display:block !important; width:100% !important; max-width:100% !important; overflow-x:auto !important; overflow-y:hidden !important; }
body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template { display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; gap:20px !important; width:100% !important; max-width:none !important; }
body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template > .wp-block-post { flex:0 0 calc(25% - 15px) !important; width:calc(25% - 15px) !important; min-width:calc(25% - 15px) !important; max-width:calc(25% - 15px) !important; display:flex !important; flex-direction:column !important; }
@media (max-width:767px) {
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-viewport { scroll-snap-type:x mandatory !important; touch-action:pan-x pan-y !important; padding:0 2px 12px !important; }
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template { gap:12px !important; }
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template > .wp-block-post { flex:0 0 calc(50% - 6px) !important; width:calc(50% - 6px) !important; min-width:calc(50% - 6px) !important; max-width:calc(50% - 6px) !important; scroll-snap-align:start !important; }
}

@media (max-width:767px) {
 .single-domunexa_guide .dmx-table-scroll { scrollbar-width:none; touch-action:pan-x pan-y; }
 .single-domunexa_guide .dmx-table-scroll::-webkit-scrollbar { display:none; }
 .single-domunexa_guide .dmx-table-scroll table { min-width:560px; }
 .single-domunexa_guide .dmx-table-scroll--compact { overflow-x:visible; }
 .single-domunexa_guide .dmx-table-scroll--compact table { min-width:0; width:100%; }
 .single-domunexa_guide .dmx-table-block.is-scrollable .dmx-table-hint { display:block; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-viewport { padding:0 2px 12px; touch-action:pan-x pan-y; scroll-snap-type:x mandatory; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template { display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; gap:12px !important; overflow:visible !important; width:100% !important; max-width:none !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template > .wp-block-post { flex:0 0 calc(50% - 6px) !important; width:calc(50% - 6px) !important; min-width:calc(50% - 6px) !important; max-width:calc(50% - 6px) !important; margin:0 !important; display:flex !important; flex-direction:column !important; scroll-snap-align:start !important; scroll-snap-stop:always !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-arrow { width:34px; height:34px; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-title { min-height:2.9em !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-excerpt { min-height:4.1em !important; }
 .single-domunexa_guide #wp--skip-link--target > .wp-block-post-featured-image { max-width:100%; margin-bottom:22px; }
 .single-domunexa_guide .wp-block-post-content figure.wp-block-image:not(.alignwide):not(.alignfull):not(.is-style-wide),
 .single-domunexa_guide .wp-block-post-content > img,
 .single-domunexa_guide .wp-block-post-content p > img { width:92%; max-width:92%; margin-left:auto; margin-right:auto; }
 .single-domunexa_guide .wp-block-post-content figure.wp-block-image.alignwide,
 .single-domunexa_guide .wp-block-post-content figure.wp-block-image.alignfull,
 .single-domunexa_guide .wp-block-post-content figure.wp-block-image.is-style-wide { width:100%; max-width:100%; }
}

/* Mobile reading width: widen only the group that directly contains the
 * article/guide/tool content. Related Query Loops remain untouched. */
@media (max-width:767px) {
 /* The native single Article and Tool templates keep a 48px padding group
  * around their columns. Reduce that template-only padding so the reading
  * area uses the same 16px mobile margins as the Guide template. */
 body:is(.single-domunexa_tool, .single-post) #wp--skip-link--target > .wp-block-group:has(.wp-block-post-content) {
  padding-left:16px !important;
  padding-right:16px !important;
  box-sizing:border-box !important;
 }
 body:is(.single-domunexa_tool, .single-post) .wp-block-group.has-global-padding:has(.wp-block-post-content) {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
 }
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .wp-block-group.has-global-padding:has(.wp-block-post-content) {
  width:calc(100% - 32px) !important;
  max-width:none !important;
  margin-left:16px !important;
  margin-right:16px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
 }
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .wp-block-post-content {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
 }
 /* The tool template already widens its shell on mobile. Once the reading
  * group is widened above, cancel that second expansion to prevent a page
  * scrollbar while preserving the tool's internal carousel behavior. */
 body.single-domunexa_tool .domunexa-tool-single-shell {
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
 }
}

/* Article and Tool templates: keep the widened outer column effective after
 * the shared reading-width rule above. This changes only the content shell;
 * Query Loop/card geometry and order remain untouched. */
@media (max-width:767px) {
 body:is(.single-domunexa_tool, .single-post) .wp-block-group.has-global-padding:has(.wp-block-post-content) {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
 }
}

/* Final mobile carousel override. It intentionally comes last so theme and
 * legacy compatibility rules cannot turn the track back into a two-column
 * or vertical layout. */
@media (max-width:767px) {
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-template > .wp-block-post {
  flex:0 0 min(82%, 320px) !important;
  width:min(82%, 320px) !important;
  min-width:min(82%, 320px) !important;
  max-width:min(82%, 320px) !important;
 }
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .dmx-guide-arrow {
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
 }
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-guide-query .wp-block-post-title {
  min-height:0 !important;
  display:block !important;
  -webkit-line-clamp:unset !important;
  overflow:visible !important;
 }
}
