/* Only opted-in editorial pages use this layer. Original artwork stays intact. */
body[data-guide-ux] main figure img{height:auto!important;max-height:none!important;aspect-ratio:var(--guide-ux-ratio)!important;object-fit:contain!important;max-width:100%!important}
body[data-guide-ux] .guide-report-byline{margin-bottom:12px}
body[data-guide-ux] .general-guide-toc{margin:12px auto 18px;padding:10px 0}
/* The old 760–999px grid lets wide tables push sections out of the viewport. */
body[data-guide-ux="unit"] .unit-article-layout{display:block!important}
body[data-guide-ux="unit"] .unit-article-layout>.unit-section{min-width:0;width:100%;max-width:800px;margin-left:auto;margin-right:auto}
body[data-guide-ux="unit"] .kbc-quick-summary .kbv-hero{margin:14px auto!important}
body[data-guide-ux="hub"] .guide-ux-family{margin:22px auto 30px;max-width:930px;scroll-margin-top:140px}
body[data-guide-ux="hub"] .seo-article{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body[data-guide-ux="hub"] .guide-ux-family>h2,body[data-guide-ux="hub"] .guide-ux-family-title{font:900 clamp(1.3rem,2.5vw,1.65rem)/1.3 'Vazirmatn',Arial,sans-serif;color:#243d18;margin:0 0 18px;scroll-margin-top:130px}
body[data-guide-ux="hub"] .guide-ux-family-title{max-width:930px;margin-left:auto;margin-right:auto}
body[data-guide-ux="hub"] .general-guide-featured h3{font:800 1.05rem/1.4 'Vazirmatn',Arial,sans-serif;margin:14px 0;color:#405b33}
body[data-guide-ux="hub"] .general-guide-featured{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:0 auto 24px}
body[data-guide-ux="hub"] .general-guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-guide-ux="hub"] .general-guide-section-head{gap:12px;margin-bottom:14px}
body[data-guide-ux="hub"] .general-guide-section-head h2{font-size:1.15rem;margin:5px 0 8px!important}
body[data-guide-ux="hub"] .general-guide-card{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid #d9decf;border-radius:12px;background:#fff;align-items:stretch;overflow:hidden;transition:none}
body[data-guide-ux="hub"] .general-guide-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:12px 12px 0 0;background:#f3f1e9;margin:0}
body[data-guide-ux="hub"] .general-guide-card-copy{padding:14px;gap:8px;min-width:0;height:auto}
body[data-guide-ux="hub"] .general-guide-card-copy>strong{font-size:1rem;line-height:1.35}
body[data-guide-ux="hub"] .general-guide-card-copy>span:not(.general-guide-kicker):not(.general-guide-card-action){font-size:.83rem;line-height:1.5}
body[data-guide-ux="hub"] .general-guide-card-action{min-height:24px;padding-top:4px}
body[data-guide-ux="hub"] .general-guide-card[data-guide-ux-text-card]{border-left:4px solid #607649}
body[data-guide-ux="hub"] .guide-ux-family-nav{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px;border-bottom:1px solid #d9decf;margin:0 auto 20px;max-width:930px}
body[data-guide-ux="hub"] .guide-ux-family-nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;background:#eef2e8;border:1px solid #cbd5c3;border-radius:8px;font-size:.8rem;font-weight:800;color:#294d20;text-decoration:none}
body[data-guide-ux="hub"] .guide-ux-family-nav a:focus-visible{outline:3px solid #b58b30;outline-offset:3px}
body[data-guide-ux="hub"] .unit-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;max-width:930px;margin:0 auto}
body[data-guide-ux="hub"] .unit-blog-card[data-kbc-card]{display:flex!important;flex-direction:column;gap:0;min-height:0!important;padding:0!important;border:1px solid #d9decf!important;border-radius:12px!important;background:#fff!important;overflow:hidden;transition:none!important}
body[data-guide-ux="hub"] .unit-blog-card[data-kbc-card]>img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:12px 12px 0 0;background:#f3f1e9}
body[data-guide-ux="hub"] .unit-blog-card[data-kbc-card]>strong{font-family:'Vazirmatn',Arial,sans-serif;font-size:1rem!important;line-height:1.35!important;margin:8px 14px 0!important}
body[data-guide-ux="hub"] .unit-blog-card[data-kbc-card] .kbc-card-kicker{margin:14px 14px 0!important}
body[data-guide-ux="hub"] .unit-blog-card[data-kbc-card] .kbc-card-arrow{margin:auto 14px 14px!important;padding:12px 0 0!important}
body[data-guide-ux="hub"] .unit-blog-card[data-kbc-card][hidden]{display:none!important}
body[data-guide-ux="hub"] .kbc-hub-tools{margin:12px 0 16px;padding:14px}
body[data-guide-ux="hub"] .unit-blog-note{font-size:.84rem;line-height:1.55}
@media(max-width:700px){
  body[data-guide-ux="hub"] .seo-main>.seo-hero{padding-bottom:10px!important;margin-bottom:12px!important}
  body[data-guide-ux="hub"] .seo-hero .seo-cta{margin-top:12px}
  body[data-guide-ux="hub"] .general-guide-card-grid{grid-template-columns:1fr;gap:12px}
  body[data-guide-ux="hub"] .general-guide-card{padding:0;gap:0}
  body[data-guide-ux="hub"] .general-guide-card>img{width:100%}
  body[data-guide-ux="hub"] .general-guide-section-head{display:block}
  body[data-guide-ux="hub"] .general-guide-section-head p{font-size:.84rem;line-height:1.5}
  body[data-guide-ux="hub"] .general-guide-section-head>a{display:inline-flex;min-height:44px;align-items:center;padding:6px 0}
  body[data-guide-ux="hub"] .guide-ux-family{margin-top:18px;margin-bottom:26px;scroll-margin-top:112px}
  body[data-guide-ux="hub"] .guide-ux-family-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:16px}
  body[data-guide-ux="hub"] .guide-ux-family-nav a{padding:8px 6px;font-size:.76rem;justify-content:center;text-align:center;line-height:1.35}
  body[data-guide-ux="hub"] .unit-blog-grid{grid-template-columns:1fr;gap:14px!important}
  body[data-guide-ux="hub"] .unit-blog-card[data-kbc-card]{min-height:0!important;padding:0!important}
  body[data-guide-ux="hub"] .unit-blog-card[data-kbc-card]>img{width:100%}
  body[data-guide-ux="unit"] .kbc-quick-summary{padding:12px!important;margin-bottom:12px!important}
  body[data-guide-ux="unit"] .kbc-guide-hero>.seo-hero{display:flex!important;flex-direction:column;align-items:stretch}
  body[data-guide-ux="unit"] .kbc-guide-hero .seo-hero h1{font-size:1.5rem!important;line-height:1.16!important}
  body[data-guide-ux="unit"] .kbc-guide-hero .guide-report-byline{order:2;margin-top:2px;margin-bottom:10px}
  body[data-guide-ux="unit"] .kbc-guide-hero .kbc-quick-summary{order:1}
  body[data-guide-ux="unit"] .kbc-summary-heading{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;margin-bottom:8px}
  body[data-guide-ux="unit"] .kbc-quick-summary .kbv-hero{width:calc(100% + 24px)!important;max-width:none!important;margin:12px -12px!important}
  body[data-guide-ux="unit"] .kbc-summary-heading>span{margin-bottom:2px;font-size:.65rem}
  body[data-guide-ux="unit"] .kbc-summary-heading h2{font-size:1.05rem}
  body[data-guide-ux="unit"] .kbc-summary-grid{grid-template-columns:1fr 1fr}
  body[data-guide-ux="unit"] .kbc-summary-grid>div:first-child{grid-column:1/-1}
  body[data-guide-ux="unit"] .kbc-summary-grid>div,body[data-guide-ux="unit"] .kbc-summary-grid>div+div{padding:7px 0}
  body[data-guide-ux="unit"] .kbc-summary-grid>div:last-child{padding-left:10px;border-left:1px solid #ccd4c5}
  body[data-guide-ux="unit"] .kbc-summary-grid dt{font-size:.67rem;margin-bottom:2px}
  body[data-guide-ux="unit"] .kbc-summary-grid dd{font-size:.82rem;line-height:1.35}
  body[data-guide-ux="unit"] .kbc-summary-source{padding-top:8px!important;margin-top:8px;font-size:.8rem;line-height:1.45}
  body[data-guide-ux="unit"] .kbc-summary-next{margin-top:8px;padding:8px 12px}
  body[data-guide-ux="unit"] .guide-report-byline{gap:4px 10px;margin-bottom:10px;font-size:.73rem}
  body[data-guide-ux="unit"] .kbc-guide-hero>.seo-hero{margin-bottom:10px!important;padding-bottom:10px!important}
  body[data-guide-ux="article"] .general-guide-scope-note{padding:12px;margin:12px auto}
}
@media(min-width:701px) and (max-width:999px){body[data-guide-ux="hub"] .unit-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}