/* Doybit 0.46.84 approval preview – evolution of the original, approved 0.46.83 style.
   Only visible exploration/product cards. No interactions, commerce, tracking or release gates. */

/* Refine the formerly sparse home task finder, while keeping its existing semantic links. */
html body.public-body .dx-home-task-entry {
  overflow:hidden;
  padding-block:clamp(29px,4vw,52px);
  border:1px solid rgba(225,239,253,.95);
  border-radius:26px;
  background:
    radial-gradient(ellipse at 92% 2%,rgba(132,202,255,.25),transparent 47%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,246,255,.94));
  box-shadow:0 15px 48px rgba(37,95,156,.075),inset 0 1px rgba(255,255,255,.96);
}
html body.public-body .dx-home-task-entry .dx-home-task-head {
  position:relative;
  align-items:center;
  margin-bottom:18px;
  padding:0 0 17px;
  border-bottom:1px solid rgba(155,189,224,.26);
}
html body.public-body .dx-home-task-head .sg-kicker {
  letter-spacing:.13em;
}
html body.public-body .dx-home-task-head h2 {
  color:#112b4f;
  letter-spacing:-.045em;
  line-height:1.14;
  margin-top:7px;
  max-width:700px;
}
html body.public-body .dx-home-task-head > p {
  max-width:410px;
  color:#496581;
  font-size:clamp(12px,1.1vw,14px);
  line-height:1.65;
}
html body.public-body .dx-home-task-entry .dx-home-task-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(11px,1.5vw,19px);
  margin-top:0;
}
html body.public-body .dx-home-task-entry .dx-home-task-card {
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  min-height:clamp(208px,17vw,244px);
  gap:12px;
  padding:clamp(18px,2vw,25px);
  overflow:hidden;
  border-radius:22px;
  color:#132a4b;
  border:1px solid rgba(166,201,235,.52);
  background:
    radial-gradient(ellipse at 100% 100%,rgba(133,197,249,.17),transparent 58%),
    linear-gradient(145deg,#fff 0%,#f3f9ff 100%);
  box-shadow:0 10px 26px rgba(34,74,116,.085),inset 0 1px rgba(255,255,255,.99);
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
html body.public-body .dx-home-task-entry .dx-home-task-card::before {
  height:3px;
  opacity:.75;
  background:linear-gradient(90deg,#55a6f0,#a6d8f9,transparent);
}
html body.public-body .dx-home-task-entry .dx-home-task-card:hover {
  transform:translateY(-3px);
  box-shadow:0 18px 32px rgba(32,74,125,.14);
  border-color:#92bdeb;
}
html body.public-body .dx-home-task-entry .dx-home-task-card:focus-visible {
  outline:3px solid #146dcc;
  outline-offset:3px;
  transform:none;
}
html body.public-body .dx-home-task-entry .dx-home-task-icon {
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  flex:none;
  width:49px;
  height:49px;
  color:#1870c8;
  border:1px solid #d3e8ff;
  border-radius:15px;
  background:linear-gradient(145deg,#dceeff,#f0f7ff);
  box-shadow:0 7px 15px rgba(37,112,196,.09);
}
html body.public-body .dx-home-task-entry .dx-home-task-copy {
  position:relative;
  z-index:2;
  display:grid;
  align-content:start;
  gap:7px;
  max-width:72%;
  min-width:0;
}
html body.public-body .dx-home-task-entry .dx-home-task-copy strong {
  font-size:clamp(16px,1.6vw,20px);
  line-height:1.23;
  letter-spacing:-.026em;
  color:inherit;
}
html body.public-body .dx-home-task-entry .dx-home-task-copy small {
  display:block;
  margin:0;
  font-size:clamp(12px,1.05vw,13px);
  line-height:1.55;
  color:#4d6680;
}
html body.public-body .dx-home-task-entry .dx-home-task-scene {
  position:absolute;
  z-index:0;
  right:-3%;
  bottom:33px;
  width:52%;
  height:77%;
  object-fit:cover;
  object-position:center;
  opacity:.43;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 60%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 60%);
}
html body.public-body .dx-home-task-entry .dx-home-task-work .dx-home-task-scene {
  object-position:59% center;
  opacity:.34;
}
html body.public-body .dx-home-task-entry .dx-home-task-web .dx-home-task-scene {
  object-position:50% center;
  opacity:.36;
}
html body.public-body .dx-home-task-entry .dx-home-task-link {
  position:relative;
  z-index:3;
  display:inline-flex;
  width:100%;
  align-items:center;
  gap:9px;
  justify-content:space-between;
  margin-top:auto;
  padding-top:8px;
  white-space:normal;
  font-size:12px;
  color:#20578e;
  font-weight:800;
}
html body.public-body .dx-home-task-entry .dx-home-task-go {
  flex:none;
  display:grid;
  place-items:center;
  width:33px;
  height:33px;
  font-size:17px;
  line-height:1;
  border:1px solid #d8eaff;
  border-radius:50%;
  color:#0868cf;
  background:rgba(255,255,255,.95);
  box-shadow:0 5px 13px rgba(26,77,141,.1);
}
html body.public-body .dx-home-task-entry .dx-home-task-assist {
  color:#fff;
  border-color:#416995;
  background:
    radial-gradient(ellipse at 95% 100%,rgba(65,150,237,.48),transparent 52%),
    linear-gradient(145deg,#18365b 0%,#23538c 100%);
}
html body.public-body .dx-home-task-entry .dx-home-task-assist::before {
  background:linear-gradient(90deg,#a8d7ff,#c6b7ff,transparent);
}
html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-icon {
  color:#fff;
  background:rgba(195,224,255,.15);
  border-color:rgba(227,240,255,.25);
  box-shadow:none;
}
html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-copy small {
  color:#dbeafc;
}
html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-link {
  color:#e4f2ff;
}
html body.public-body .dx-home-task-entry .dx-home-task-compass {
  position:absolute;
  z-index:0;
  right:9%;
  bottom:25%;
  width:32%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px solid rgba(188,224,255,.22);
  border-radius:50%;
  color:rgba(224,243,255,.19);
  background:radial-gradient(circle,rgba(170,217,255,.1),transparent 75%);
}
html body.public-body .dx-home-task-entry .dx-home-task-compass svg {width:53%;height:53%}
html body.public-body .dx-home-task-entry .dx-home-task-notice {
  position:relative;
  margin:17px 0 0;
  padding:12px 14px;
  border:1px solid rgba(192,219,244,.46);
  border-radius:13px;
  color:#4b6886;
  background:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.65;
}
html body.public-body .dx-home-task-entry .dx-home-task-notice strong {color:#173e66}

/* Small deliberate polish for existing real product photos and cards – no redesign. */
html body.public-body .sg-program-grid:is(.home-grid,.catalog-grid) > .sg-program-card {
  border-color:rgba(190,216,241,.82)!important;
  box-shadow:0 9px 24px rgba(23,66,118,.076),inset 0 1px rgba(255,255,255,.85)!important;
}
html body.public-body .sg-program-grid:is(.home-grid,.catalog-grid) > .sg-program-card h3 {
  overflow-wrap:break-word;
  hyphens:auto;
  color:#143352;
  letter-spacing:-.026em!important;
}
html body.public-body .sg-program-grid:is(.home-grid,.catalog-grid) > .sg-program-card .sg-card-price>strong {
  font-variant-numeric:tabular-nums;
}
html body.public-body .sg-program-grid:is(.home-grid,.catalog-grid) > .sg-program-card .sg-card-bottom {
  padding-top:4px;
}
@media(max-width:760px) {
  html body.public-body .dx-home-task-entry .dx-home-task-head {display:block}
  html body.public-body .dx-home-task-entry .dx-home-task-head > p {max-width:60ch;margin-top:9px}
  html body.public-body .dx-home-task-entry .dx-home-task-card {min-height:222px}
  html body.public-body .dx-home-task-entry .dx-home-task-copy {max-width:80%}
}
@media(max-width:600px) {
  html body.public-body .dx-home-task-entry {padding:27px 14px;border-radius:21px}
  html body.public-body .dx-home-task-entry .dx-home-task-grid {gap:10px}
  html body.public-body .dx-home-task-entry .dx-home-task-card {
    min-height:208px;
    padding:14px 12px;
    gap:9px;
    border-radius:17px;
  }
  html body.public-body .dx-home-task-entry .dx-home-task-icon {width:41px;height:41px;border-radius:12px}
  html body.public-body .dx-home-task-entry .dx-home-task-icon svg {width:23px;height:23px}
  html body.public-body .dx-home-task-entry .dx-home-task-copy {max-width:100%;gap:5px}
  html body.public-body .dx-home-task-entry .dx-home-task-copy strong {font-size:14px;line-height:1.24}
  html body.public-body .dx-home-task-entry .dx-home-task-copy small {font-size:11px;line-height:1.45}
  html body.public-body .dx-home-task-entry .dx-home-task-scene {
    bottom:39px;
    width:75%;
    height:55%;
    opacity:.28;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 75%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 75%);
  }
  html body.public-body .dx-home-task-entry .dx-home-task-link {font-size:10.5px;gap:4px}
  html body.public-body .dx-home-task-entry .dx-home-task-go {width:27px;height:27px;font-size:15px}
  html body.public-body .dx-home-task-entry .dx-home-task-notice {padding:11px 12px}
  html body.public-body .sg-program-grid:is(.home-grid,.catalog-grid) > .sg-program-card h3 {font-size:15px!important;line-height:1.22!important}
}
@media(max-width:350px) {
  html body.public-body .dx-home-task-entry .dx-home-task-grid {grid-template-columns:1fr}
  html body.public-body .dx-home-task-entry .dx-home-task-card {min-height:158px}
  html body.public-body .dx-home-task-entry .dx-home-task-scene {width:45%;height:85%;opacity:.34}
  html body.public-body .dx-home-task-entry .dx-home-task-copy {max-width:70%}
  html body.public-body .dx-home-task-entry .dx-home-task-copy strong {font-size:16px}
}
@media(prefers-reduced-motion:reduce) {
  html body.public-body .dx-home-task-entry .dx-home-task-card {transition:none}
  html body.public-body .dx-home-task-entry .dx-home-task-card:hover {transform:none}
}

/* ---- High-fidelity homepage preview based on the user's chosen reference image.
   The established hero, desktop/mobile navigation, and footer remain untouched.
   Presentation-only, strictly scoped to the homepage and its components. ---- */
html body.public-body .dx-home-task-entry {
 padding:clamp(23px,3.2vw,40px)!important;
 border:1px solid rgba(255,255,255,.84);
 background:linear-gradient(135deg,#f5fbff 0%,#e5f5ff 100%);
 border-radius:25px!important;
 box-shadow:0 10px 30px rgba(33,110,175,.065);
}
html body.public-body .dx-home-task-entry .dx-home-task-head {
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(190px,34%);
 column-gap:20px;
 row-gap:6px;
 align-items:center;
 min-height:136px;
 margin:0 0 14px;
 padding:0 0 4px;
 border-bottom:0;
}
html body.public-body .dx-home-task-entry .dx-home-task-head>div:first-child {grid-column:1;grid-row:1;align-self:end}
html body.public-body .dx-home-task-entry .dx-home-task-head h2 {
 max-width:760px!important;
 margin:5px 0 0!important;
 color:#132949;
 font-size:clamp(23px,2.5vw,35px)!important;
 letter-spacing:-.052em!important;
 line-height:1.13!important;
}
html body.public-body .dx-home-task-entry .dx-home-task-head .sg-kicker {
 font-size:11px;
 letter-spacing:.14em;
 text-transform:uppercase;
 color:#2c5b91;
 font-weight:850;
}
html body.public-body .dx-home-task-entry .dx-home-task-head>p {
 grid-column:1;grid-row:2;
 align-self:start;
 max-width:670px;
 padding:0;
 margin:0 0 12px!important;
 font-size:clamp(12px,1.12vw,14px)!important;
 line-height:1.58!important;
 color:#526b86;
}
html body.public-body .dx-home-task-entry .dx-home-task-visual {
 grid-column:2;
 grid-row:1/span 2;
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center;
 height:138px;
 isolation:isolate;
 overflow:visible;
}
html body.public-body .dx-home-task-entry .dx-home-task-visual img {
 width:clamp(190px,21vw,285px);
 max-width:76%;
 height:auto;
 max-height:155px;
 object-fit:contain;
 filter:drop-shadow(0 8px 16px rgba(25,113,203,.08));
}
html body.public-body .dx-home-task-entry .dx-home-task-visual>span {
 position:absolute;
 bottom:17px;right:-4px;
 color:#2a5b95;
 font:italic 600 clamp(11px,1.2vw,15px)/1.4 "Segoe Print","Comic Sans MS",cursive;
 transform:rotate(-7deg);
 text-align:center;
}
html body.public-body .dx-home-task-entry .dx-home-task-grid {
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:clamp(10px,1.45vw,18px)!important;
 margin-top:0!important;
}
html body.public-body .dx-home-task-entry .dx-home-task-card {
 display:grid!important;
 grid-template-columns:clamp(52px,5.4vw,70px) minmax(0,1fr);
 grid-template-rows:1fr;
 align-items:center;
 gap:13px!important;
 min-height:clamp(132px,12vw,161px)!important;
 padding:clamp(14px,1.65vw,22px)!important;
 border-radius:22px!important;
 border:1px solid rgba(255,255,255,.94)!important;
 background:linear-gradient(118deg,rgba(255,255,255,.99) 0%,#f4faff 68%,#d6ecff 100%)!important;
 box-shadow:0 9px 23px rgba(42,100,153,.09),inset 0 1px #fff!important;
 transition:transform .18s ease,box-shadow .18s ease!important;
}
html body.public-body .dx-home-task-entry .dx-home-task-card::before {
 height:0!important;display:none;
}
html body.public-body .dx-home-task-entry .dx-home-task-card .dx-home-task-icon {
 grid-column:1;grid-row:1;
 z-index:3;
 width:clamp(52px,5.4vw,70px)!important;
 height:clamp(52px,5.4vw,70px)!important;
 margin:0;
 border:1px solid rgba(187,220,252,.8);
 border-radius:17px;
 color:#086fdf;
 background:linear-gradient(135deg,#d6eeff,#b6dcff);
 box-shadow:inset 0 1px rgba(255,255,255,.75);
}
html body.public-body .dx-home-task-entry .dx-home-task-card .dx-home-task-icon svg {
 width:57%;height:57%;stroke-width:1.75;
}
html body.public-body .dx-home-task-entry .dx-home-task-card .dx-home-task-copy {
 grid-column:2;grid-row:1;
 z-index:3;
 display:flex;
 flex-direction:column;
 gap:6px;
 width:100%;max-width:65%;
 min-width:0;
 margin:0;
 align-self:center;
}
html body.public-body .dx-home-task-entry .dx-home-task-copy strong {
 font-size:clamp(15px,1.45vw,19px)!important;
 font-weight:800;
 letter-spacing:-.035em;
 line-height:1.23;
}
html body.public-body .dx-home-task-entry .dx-home-task-copy small {
 font-size:clamp(11px,1.02vw,13px)!important;
 line-height:1.45;
 color:#526985;
}
html body.public-body .dx-home-task-entry .dx-home-task-scene {
 z-index:1;
 width:44%!important;
 height:100%!important;
 right:0!important;bottom:0!important;
 object-fit:cover;object-position:center;
 opacity:.91!important;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 48%)!important;
 mask-image:linear-gradient(to right,transparent 0%,#000 48%)!important;
}
html body.public-body .dx-home-task-entry .dx-home-task-work .dx-home-task-scene {opacity:.73!important}
html body.public-body .dx-home-task-entry .dx-home-task-web .dx-home-task-scene {opacity:.73!important}
html body.public-body .dx-home-task-entry .dx-home-task-link {
 position:absolute!important;
 z-index:4;
 right:12px;bottom:13px;
 display:flex!important;
 width:auto!important;
 padding:0!important;margin:0!important;
 font-size:0!important;
}
html body.public-body .dx-home-task-entry .dx-home-task-go {
 display:grid;
 width:37px!important;height:37px!important;
 border:1px solid rgba(211,230,252,.8);
 border-radius:50%;
 color:#0874e9;
 background:rgba(255,255,255,.95);
 font-size:19px!important;
 box-shadow:0 4px 14px rgba(23,99,181,.12);
}
html body.public-body .dx-home-task-entry .dx-home-task-assist {
 color:#fff!important;
 border-color:#5792cb!important;
 background:linear-gradient(125deg,#164274 0%,#0b3772 58%,#3b77b6 100%)!important;
}
html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-copy small {color:#e2ecfb!important}
html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-icon {
 color:#fff!important;background:rgba(128,193,250,.19)!important;
 border-color:rgba(203,230,255,.25)!important;
}
html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-go {
 background:#165a9c;color:#fff;border-color:rgba(193,222,255,.35);
}
html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-compass {
 inset:auto -12px -5px auto;
 width:55%;height:95%;
 border:0;border-radius:0;
 opacity:.82;
 background:
   linear-gradient(90deg,rgba(14,54,104,.85),rgba(16,65,133,.07)),
   url('/assets/img/editorial/doybit-task-landscape-04684.svg') center /cover no-repeat;
}
html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-compass svg {display:none}
html body.public-body .dx-home-task-entry .dx-home-task-notice {
 max-width:none;
 margin:15px 0 0!important;
 padding:9px 13px!important;
 border:1px solid rgba(190,215,243,.65);
 border-radius:12px;
 background:rgba(255,255,255,.5);
 color:#527394;font-size:11px;
}

/* Reference-like compact product family, restricted to the homepage only. */
html body.public-body .sg-program-grid.home-grid.dx-home-products {
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:clamp(9px,1.15vw,14px)!important;
 align-items:stretch;
}
html body.public-body .sg-program-grid.home-grid.dx-home-products > .sg-program-card[data-home-product] {
 grid-column:auto!important;
 display:grid!important;
 grid-template-columns:clamp(65px,7vw,82px) minmax(0,1fr) 27px!important;
 align-items:center!important;
 gap:clamp(9px,1.1vw,15px);
 min-height:clamp(103px,10vw,132px)!important;
 padding:12px 11px!important;
 border:1px solid rgba(255,255,255,.98)!important;
 border-radius:20px!important;
 background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(249,252,255,.98))!important;
 box-shadow:0 9px 25px rgba(32,95,154,.077)!important;
 text-align:left;
}
html body.public-body .sg-program-grid.home-grid.dx-home-products > .sg-program-card[data-home-product]:hover {
 box-shadow:0 16px 28px rgba(39,101,162,.14)!important;
 border-color:#b9ddff!important;
 transform:translateY(-2px);
}
html body.public-body .dx-home-products .dx-home-product-icon {
 display:grid;
 place-items:center;
 align-self:center;
 width:clamp(65px,7vw,82px);
 height:clamp(65px,7vw,82px);
 border:1px solid rgba(225,238,250,.88);
 border-radius:17px;
 background:linear-gradient(145deg,#e6f4ff,#d9edff);
 overflow:hidden;
}
html body.public-body .dx-home-products .dx-home-product-icon img {
 display:block;
 width:100%!important;height:100%!important;
 max-width:none;
 object-fit:contain;
 filter:drop-shadow(0 3px 5px rgba(22,86,137,.07));
}
html body.public-body .dx-home-products .dx-home-product-body {
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:center;
 min-width:0;
 gap:4px;
}
html body.public-body .sg-program-grid.home-grid.dx-home-products > .sg-program-card[data-home-product] h3 {
 margin:0!important;
 font-size:clamp(13px,1.15vw,17px)!important;
 line-height:1.27!important;
 color:#142342;
 letter-spacing:-.026em!important;
 font-weight:800;
 overflow-wrap:anywhere;
}
html body.public-body .dx-home-products .dx-home-product-description {
 display:block;
 color:#5a7191;
 font-size:clamp(10px,.93vw,13px)!important;
 line-height:1.35;
 overflow-wrap:break-word;
}
html body.public-body .dx-home-products .dx-home-product-meta {
 display:flex;
 flex-wrap:wrap;
 gap:7px 11px;
 align-items:center;
 min-width:0;
 margin-top:2px;
}
html body.public-body .dx-home-products .dx-home-product-price {
 color:#0874e9;
 font-size:clamp(14px,1.13vw,17px);
 font-weight:830;
 font-variant-numeric:tabular-nums;
 line-height:1.18;
 white-space:nowrap;
}
html body.public-body .dx-home-products .sg-status {
 display:inline-flex;
 align-items:center;
 flex-wrap:nowrap;
 gap:5px;
 margin:0;
 padding:4px 8px;
 border-radius:99px;
 font-size:clamp(9px,.82vw,11px);
 background:#e0f0ff;
 color:#176ebc;
 white-space:nowrap;
 line-height:1.2;
}
html body.public-body .dx-home-products [data-sg-stage="planned"] .sg-status {
 background:#f1e8ff;color:#8251b9;
}
html body.public-body .dx-home-products .dx-home-product-arrow {
 display:grid;
 place-items:center;
 align-self:end;
 margin:0 0 3px auto;
 width:29px;height:29px;
 flex:none;
 color:#0776e9;
 background:#e3f3ff;
 border-radius:50%;
 font-size:18px;
 font-weight:800;
 line-height:1;
}
html body.public-body .dx-home-pricing-disclaimer {
 padding:10px 3px 0;
 font-size:11px;
 color:#617993;
 line-height:1.5;
}
html body.public-body .sg-frame:has(>.dx-home-products) .sg-head h2 {
 color:#132949;letter-spacing:-.047em!important;
}

/* CSS viewport width describes actual content space. The supplied concept image
   depicts a scaled desktop-width page; narrow 390px phones need legible rows. */
@media(max-width:970px) {
 html body.public-body .dx-home-task-entry .dx-home-task-card .dx-home-task-copy {max-width:74%}
 html body.public-body .dx-home-task-entry .dx-home-task-head h2 {font-size:clamp(22px,3vw,31px)!important}
 html body.public-body .sg-program-grid.home-grid.dx-home-products > .sg-program-card[data-home-product] {
  grid-template-columns:64px minmax(0,1fr) 24px!important;gap:8px;padding:10px!important;
 }
 html body.public-body .dx-home-products .dx-home-product-icon {width:64px;height:64px}
}
@media(max-width:700px) {
 html body.public-body .dx-home-task-entry .dx-home-task-head {
  grid-template-columns:minmax(0,1fr) 120px;column-gap:4px;min-height:124px;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-visual {
  grid-column:2;grid-row:1/span 2;height:115px;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-visual img {max-width:100%;width:140px}
 html body.public-body .dx-home-task-entry .dx-home-task-visual>span {display:none}
 html body.public-body .dx-home-task-entry .dx-home-task-grid {grid-template-columns:1fr!important;gap:10px!important}
 html body.public-body .dx-home-task-entry .dx-home-task-card {min-height:140px!important;padding:15px!important}
 html body.public-body .dx-home-task-entry .dx-home-task-card .dx-home-task-copy {max-width:74%}
 html body.public-body .sg-program-grid.home-grid.dx-home-products {
  grid-template-columns:1fr!important;
 }
 html body.public-body .sg-program-grid.home-grid.dx-home-products > .sg-program-card[data-home-product] {
  grid-column:1/-1!important;
  grid-template-columns:68px minmax(0,1fr) 27px!important;
  gap:13px;min-height:100px!important;padding:11px!important;
 }
 html body.public-body .dx-home-products .dx-home-product-icon {width:68px;height:68px}
 html body.public-body .dx-home-products .dx-home-product-description {font-size:12px!important}
 html body.public-body .sg-program-grid.home-grid.dx-home-products > .sg-program-card[data-home-product] h3 {
  font-size:15px!important;
 }
}
@media(max-width:430px) {
 html body.public-body .dx-home-task-entry {padding:21px 13px!important;border-radius:21px!important}
 html body.public-body .dx-home-task-entry .dx-home-task-head {grid-template-columns:1fr 90px;min-height:105px;margin-bottom:12px}
 html body.public-body .dx-home-task-entry .dx-home-task-head h2 {font-size:22px!important}
 html body.public-body .dx-home-task-entry .dx-home-task-visual img {width:105px}
 html body.public-body .dx-home-task-entry .dx-home-task-visual {height:100px}
 html body.public-body .dx-home-task-entry .dx-home-task-head>p {font-size:12px!important;line-height:1.45!important}
 html body.public-body .dx-home-task-entry .dx-home-task-card {min-height:130px!important;padding:13px!important;grid-template-columns:49px minmax(0,1fr);gap:10px!important}
 html body.public-body .dx-home-task-entry .dx-home-task-card .dx-home-task-icon {width:49px!important;height:49px!important}
 html body.public-body .dx-home-task-entry .dx-home-task-card .dx-home-task-copy {max-width:78%}
 html body.public-body .dx-home-task-entry .dx-home-task-copy strong {font-size:15px!important}
 html body.public-body .dx-home-task-entry .dx-home-task-copy small {font-size:11.5px!important}
 html body.public-body .dx-home-task-entry .dx-home-task-scene {width:51%!important;opacity:.74!important}
 html body.public-body .dx-home-task-entry .dx-home-task-work .dx-home-task-scene,
 html body.public-body .dx-home-task-entry .dx-home-task-web .dx-home-task-scene {opacity:.62!important}
 html body.public-body .dx-home-task-entry .dx-home-task-go {width:30px!important;height:30px!important}
 html body.public-body .dx-home-products .dx-home-product-description {font-size:11px!important}
 html body.public-body .dx-home-products .sg-status {font-size:10px}
}
@media(max-width:350px) {
 html body.public-body .dx-home-task-entry .dx-home-task-grid {grid-template-columns:1fr!important}
 html body.public-body .dx-home-task-entry .dx-home-task-card {min-height:126px!important}
 html body.public-body .dx-home-task-entry .dx-home-task-head {grid-template-columns:1fr}
 html body.public-body .dx-home-task-entry .dx-home-task-visual {display:none}
 html body.public-body .dx-home-task-entry .dx-home-task-head>p {grid-column:1;grid-row:auto}
 html body.public-body .dx-home-products .dx-home-product-description {font-size:11px!important}
 html body.public-body .sg-program-grid.home-grid.dx-home-products > .sg-program-card[data-home-product] {grid-template-columns:58px minmax(0,1fr) 22px!important;gap:7px!important}
 html body.public-body .dx-home-products .dx-home-product-icon {width:58px;height:58px}
}
@media(prefers-reduced-motion:reduce) {
 html body.public-body .dx-home-task-entry .dx-home-task-card,
 html body.public-body .sg-program-grid.home-grid.dx-home-products > .sg-program-card[data-home-product] {transition:none!important}
 html body.public-body .dx-home-task-entry .dx-home-task-card:hover,
 html body.public-body .sg-program-grid.home-grid.dx-home-products > .sg-program-card[data-home-product]:hover {transform:none!important}
}

/* Real preview media remain img elements so their paths survive offline QA. */
html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-landscape {
 display:block;
 position:absolute;
 z-index:1;
 right:0;
 bottom:0;
 height:100%;
 width:56%;
 object-fit:cover;
 object-position:center;
 opacity:.93;
 pointer-events:none;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 42%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 42%);
}
html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-compass {display:none}
@media(max-width:700px) {
 html body.public-body .dx-home-task-entry .dx-home-task-card .dx-home-task-scene {
  display:block!important;
  visibility:visible!important;
  width:54%!important;
  height:100%!important;
  right:0!important;
  bottom:0!important;
  opacity:.96!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)!important;
  mask-image:linear-gradient(90deg,transparent,#000 35%)!important;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-work .dx-home-task-scene,
 html body.public-body .dx-home-task-entry .dx-home-task-web .dx-home-task-scene {opacity:.92!important}
 html body.public-body .dx-home-task-entry .dx-home-task-assist .dx-home-task-landscape {
  width:54%;height:100%;opacity:.87;
 }
}

/* Small touchscreens: images are actual grid cells instead of faint masked
   absolute layers. Ensures true, legible photography alongside task copy. */
@media(max-width:430px) {
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) {
  grid-template-columns:49px minmax(0,1fr) 94px!important;
  column-gap:8px!important;
  min-height:127px!important;
  padding:12px 9px 12px 12px!important;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) .dx-home-task-copy {
  grid-column:2!important;
  max-width:none!important;
  width:100%;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) .dx-home-task-scene {
  position:relative!important;
  grid-column:3!important;
  grid-row:1!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:block!important;
  visibility:visible!important;
  width:100%!important;
  height:100%!important;
  right:auto!important;
  bottom:auto!important;
  min-height:101px;
  z-index:2!important;
  opacity:1!important;
  object-fit:cover!important;
  object-position:center;
  border-radius:11px;
  -webkit-mask-image:none!important;
  mask-image:none!important;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) .dx-home-task-link {right:13px;bottom:13px}
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) .dx-home-task-go {box-shadow:0 2px 8px rgba(6,57,123,.18)}
}
@media(max-width:350px) {
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) {
  grid-template-columns:44px minmax(0,1fr) 77px!important;
  gap:7px!important;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) .dx-home-task-icon {
  width:44px!important;height:44px!important;
 }
}

/* 320px phones: protect the long German task title from an orphan final letter. */
@media(max-width:350px) {
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) {
  grid-template-columns:37px minmax(0,1fr) 64px!important;
  gap:5px!important;
  padding:10px 8px!important;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) .dx-home-task-icon {
  width:37px!important;height:37px!important;border-radius:11px;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) .dx-home-task-copy {
  max-width:100%!important;
  gap:4px!important;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) .dx-home-task-copy strong {
  font-size:13px!important;
  hyphens:none;
  overflow-wrap:normal;
  line-height:1.22!important;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) .dx-home-task-copy small {
  font-size:10.5px!important;
  line-height:1.35!important;
 }
 html body.public-body .dx-home-task-entry .dx-home-task-card:not(.dx-home-task-assist) .dx-home-task-scene {
  min-height:92px;
 }
}

/* Keyboard visitors should get the same polished, highly visible card selection. */
html body.public-body .sg-program-grid.home-grid.dx-home-products > a.sg-program-card:focus-visible {
 outline:3px solid #086fdf!important;
 outline-offset:3px!important;
 box-shadow:0 0 0 5px rgba(200,232,255,.72),0 12px 27px rgba(32,95,154,.14)!important;
}
html body.public-body .dx-home-task-entry .dx-home-task-card:focus-visible {
 outline:3px solid #086fdf!important;
 outline-offset:3px!important;
 box-shadow:0 0 0 5px rgba(200,232,255,.72),0 14px 28px rgba(32,95,154,.15)!important;
}