/* Native details — closed in HTML (no JS, no FOUC). Desktop keeps full breadcrumb/meta. */
.ux26-post-details{display:none}
@media(max-width:767px){
 body.single-post article header .ux26-post-details, body.single article header .ux26-post-details{display:block;margin:12px auto 4px;max-width:100%;width:100%;padding:0;border:1px solid rgba(110,128,147,.22);border-radius:13px;background:rgba(248,250,252,.82);color:inherit;font-size:12px;text-align:right;direction:rtl;box-shadow:0 4px 16px rgba(15,23,42,.035);}
 body.single-post article header .ux26-post-details > summary, body.single article header .ux26-post-details > summary{list-style:none;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:9px 12px;cursor:pointer;min-height:42px;font-weight:650;color:inherit}
 .ux26-post-details > summary::-webkit-details-marker{display:none}
 .ux26-details-icon{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:8px;background:rgba(100,116,139,.10);font-size:18px;line-height:1}
 .ux26-post-details[open] .ux26-details-icon{transform:rotate(45deg)}
 .ux26-post-details small{margin-inline-start:auto;font-size:11px;font-weight:400;color:inherit;opacity:.78}
 .ux26-details-body{padding:10px 12px 13px;border-top:1px solid rgba(100,116,139,.17);font-size:12px;line-height:1.9;text-align:right}
 .ux26-details-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0 0 8px;overflow-wrap:anywhere}
 .ux26-details-crumb a{text-decoration:underline;text-underline-offset:3px;color:inherit}
 .ux26-details-crumb > span:last-child{overflow-wrap:anywhere}
 .ux26-details-line{display:flex;flex-wrap:wrap;gap:4px 13px}
 .ux26-post-details a:focus-visible,.ux26-post-details summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}
 /* Suppress the duplicated original presentation, not the schema or source data. */
 body.single-post article header :is([class*="breadcrumb"],[class*="bread-crumb"],[class*="-crumbs"],[class*="__meta"],[class*="-meta"],[class="post-meta"],[class="entry-meta"],[class*="post-info"]):not(.ux26-post-details):not(.ux26-details-body):not(.ux26-details-crumb):not(.ux26-details-line),
 body.single article header :is([class*="breadcrumb"],[class*="-crumbs"],[class*="__meta"],[class*="-meta"],[class="post-meta"],[class="entry-meta"]):not(.ux26-post-details):not(.ux26-details-body):not(.ux26-details-crumb):not(.ux26-details-line){display:none!important}
 .ux26-post-details .ux26-details-crumb,.ux26-post-details .ux26-details-line{display:flex!important}
 body.single-post article header :is(h1,.entry-title){font-size:clamp(1.55rem,6vw,2.25rem);line-height:1.6;overflow-wrap:anywhere;text-wrap:pretty}
}
/* Preserve intrinsic ratios and make article media legible in all viewports. */
body.single-post article :is(figure img, .featured-area img, [class*="cover"] img, [class*="featured"] img){max-width:100%;height:auto;object-fit:contain;object-position:center}
body.single-post article .ux26-post-details{box-sizing:border-box}
@media(prefers-reduced-motion:reduce){.ux26-details-icon{transition:none!important}}


/* UX27 — Contrast-safe, initially collapsed, native article metadata on mobile.
   Explicit solid surfaces avoid translucent light overlays on dark themes. */
@media (max-width:767px) {
 html body.single-post article header details.ux26-post-details,
 html body.single article header details.ux26-post-details {
   box-sizing:border-box!important;display:block!important;position:relative!important;
   visibility:visible!important;opacity:1!important;filter:none!important;
   isolation:isolate!important;max-width:100%!important;width:100%!important;
   margin:12px auto 8px!important;padding:0!important;overflow:hidden!important;
   border:1px solid #cbd5e1!important;border-radius:12px!important;
   background:#f8fafc!important;color:#172b40!important;
   box-shadow:0 5px 18px rgba(15,23,42,.10)!important;
   direction:rtl!important;text-align:right!important;
 }
 html body.single-post article header details.ux26-post-details > summary,
 html body.single article header details.ux26-post-details > summary {
   display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;
   column-gap:9px!important;row-gap:2px!important;align-items:center!important;
   min-height:48px!important;padding:10px 12px!important;list-style:none!important;
   border:0!important;background:#f8fafc!important;color:#102d43!important;
   font-size:12px!important;font-weight:800!important;line-height:1.75!important;
   cursor:pointer!important;opacity:1!important;text-shadow:none!important;
 }
 html body.single-post article header .ux26-post-details > summary::-webkit-details-marker,
 html body.single article header .ux26-post-details > summary::-webkit-details-marker{display:none!important}
 html body.single-post article header .ux26-post-details .ux26-details-icon,
 html body.single article header .ux26-post-details .ux26-details-icon{
   grid-column:1!important;grid-row:1 / 3!important;width:24px!important;height:24px!important;
   display:grid!important;place-items:center!important;border-radius:7px!important;
   background:#dbeafe!important;color:#153f65!important;opacity:1!important;font-size:17px!important;
 }
 html body.single-post article header .ux26-post-details > summary > span:not(.ux26-details-icon),
 html body.single article header .ux26-post-details > summary > span:not(.ux26-details-icon){
   grid-column:2!important;min-width:0!important;color:#102d43!important;opacity:1!important;
   overflow-wrap:anywhere!important;white-space:normal!important;text-align:right!important;
 }
 html body.single-post article header .ux26-post-details > summary > small,
 html body.single article header .ux26-post-details > summary > small{
   grid-column:2!important;grid-row:2!important;min-width:0!important;
   margin:0!important;color:#43576a!important;opacity:1!important;
   font-size:11px!important;font-weight:650!important;line-height:1.6!important;text-align:right!important;
 }
 html body.single-post article header .ux26-post-details > .ux26-details-body,
 html body.single article header .ux26-post-details > .ux26-details-body{
   display:block!important;padding:11px 13px 14px!important;background:#fff!important;
   border-top:1px solid #dbe3eb!important;color:#172b40!important;opacity:1!important;
   font-size:12px!important;line-height:1.9!important;
 }
 html body.single-post article header .ux26-post-details .ux26-details-body *,
 html body.single article header .ux26-post-details .ux26-details-body * {
   color:#172b40!important;opacity:1!important;text-shadow:none!important;
   -webkit-text-fill-color:#172b40!important;
 }
 html body.single-post article header .ux26-post-details .ux26-details-body a,
 html body.single article header .ux26-post-details .ux26-details-body a{
   color:#145c85!important;-webkit-text-fill-color:#145c85!important;text-decoration:underline!important;
 }
 html body.single-post article header .ux26-post-details .ux26-details-line,
 html body.single article header .ux26-post-details .ux26-details-line{
   gap:4px 12px!important;overflow-wrap:anywhere!important;
 }
 html body.single-post article header .ux26-post-details:not([open]) > .ux26-details-body,
 html body.single article header .ux26-post-details:not([open]) > .ux26-details-body{display:none!important}
}