/* BKIT STARTER / shared presentation theme v3.
   Applied last to both lesson renderers. Lesson data is not modified. */
.starter-deck {
  --lesson-navy:#0b2447; --lesson-deep:#0b2447; --lesson-blue:#115bad;
  --lesson-orange:#cf5b0c; --lesson-line:#d7e2ee; --lesson-bg:#f3f6fa;
  --lesson-muted:#3e526b; --st-ink:#0b2447; --st-copy:#334963;
  --st-soft:#f0f5fb; --st-warm:#fff6ec; --st-radius:16px;
  --st-body:clamp(18px,1.5vw,22px); --st-heading:clamp(23px,1.9vw,28px);
  --st-title:clamp(27px,2.35vw,36px); --st-gap:20px;
  margin:0; background:var(--lesson-bg); color:var(--st-ink);
  font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
}
.starter-deck *, .starter-deck *::before, .starter-deck *::after {box-sizing:border-box}
.starter-deck .lesson-app {grid-template-columns:260px minmax(0,1fr);background:var(--lesson-bg)}
.starter-deck .lesson-main {max-width:none;min-width:0;padding:20px 24px 28px}
.starter-deck :is(.lesson-side,.lesson-sidebar) {width:auto;padding:20px 16px;background:#fff;border-right:1px solid var(--lesson-line);font-family:inherit}
.starter-deck :is(.lesson-meta,.lesson-intro) {background:var(--st-soft);border:1px solid var(--lesson-line);border-radius:16px;padding:15px;box-shadow:none}
.starter-deck :is(.lesson-meta,.lesson-intro) h1 {font-size:21px;line-height:1.3;margin:6px 0;color:var(--st-ink)}
.starter-deck :is(.lesson-meta,.lesson-intro) p {font-size:12px;color:#53667d;line-height:1.6}
.starter-deck .lesson-brand-link img {width:140px}
.starter-deck .back-link {color:#3e526b;font-size:13px;text-decoration:none;font-weight:700}
.starter-deck :is(.slide-jump,.chapter-button) {font-family:inherit;font-size:13px;color:#3e526b;border-radius:10px;box-shadow:none}
.starter-deck :is(.slide-jump,.chapter-button).active {background:#eaf2fc;border-color:#c3d7ee;color:var(--st-ink);box-shadow:none}
.starter-deck .slide-jump.active b {background:var(--lesson-blue);color:#fff}
.starter-deck .chapter-button.active .chapter-dot {background:var(--lesson-blue);box-shadow:none}
.starter-deck .chapter-range {color:#53667d}
.starter-deck :is(.lesson-topbar,.lesson-controls,.slide-shell,.lesson-progress-wrap,.viewer-shell,.page-panel,.lesson-summary) {max-width:1280px;margin-left:auto;margin-right:auto}
.starter-deck .lesson-topbar {min-height:40px;gap:12px;margin-bottom:14px}
.starter-deck .lesson-topbar #currentTitle {display:none}
.starter-deck :is(.crumb,.breadcrumb) {font-size:12px;line-height:1.4;color:#52647c;font-weight:700}
.starter-deck :is(.top-btn,.action-button,.nav-btn,.nav-button,.icon-button) {font-family:inherit;color:var(--st-ink);background:#fff;border:1px solid var(--lesson-line);border-radius:10px;box-shadow:none;font-weight:800;font-size:13px;text-decoration:none}
.starter-deck :is(.top-btn.primary,.action-button.accent,.nav-button.primary,#nextBtn) {background:var(--lesson-blue);color:#fff;border-color:var(--lesson-blue)}
.starter-deck button:disabled {opacity:.42;cursor:not-allowed}
.starter-deck :is(button,a,input):focus-visible {outline:3px solid #ef941f;outline-offset:3px}
.starter-deck .lesson-progress-wrap {box-shadow:none;border:1px solid var(--lesson-line);padding:8px 12px}
.starter-deck :is(.lesson-progress-track span,.side-progress i) {background:var(--lesson-blue)}
.starter-deck .viewer-shell {padding:0;background:transparent;border:0;box-shadow:none}
.starter-deck .slide-stage-wrap {padding:0;background:none;border-radius:20px}
.starter-deck .viewer-controls {padding:0;margin:14px 0 0}
.starter-deck .slide-stage,
.starter-deck .slide-stage:has(.slide.active) {
  width:100%;max-width:none;height:auto;min-height:660px;aspect-ratio:16/9;
  position:relative;background:#fff;border:1px solid var(--lesson-line);border-radius:20px;
  box-shadow:0 14px 38px rgba(11,36,71,.09);overflow:hidden;container-type:inline-size;
  font-family:inherit;isolation:isolate;
}
.starter-deck .slide-stage::before,.starter-deck .slide-stage::after {display:none}
.starter-deck .slide {position:absolute;inset:0;padding:26px 30px 30px;display:none;flex-direction:column;background:#fff;color:var(--st-ink);font-family:inherit;overflow:hidden}
.starter-deck .slide.active {display:flex}
.starter-deck .slide::after {content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,#115bad 0 85%,#ee8426 85%);z-index:1}
.starter-deck .slide-head {display:flex;align-items:center;gap:16px;min-height:66px;flex:none;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--lesson-line);position:relative;z-index:2}
.starter-deck .slide-logo {display:block;width:66px;height:42px;object-fit:contain;flex:none;position:static}
.starter-deck .slide-title-wrap {min-width:0;flex:1}
.starter-deck .slide-kicker {font-family:inherit;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.1em;color:#a54a0f;text-transform:uppercase;margin:0 0 4px}
.starter-deck .slide-head .slide-title {margin:0;padding:0;font-family:inherit;font-size:var(--st-title);line-height:1.17;font-weight:850;color:var(--st-ink);letter-spacing:-.02em;text-shadow:none}
.starter-deck .slide-body {flex:1;min-height:0;min-width:0;position:relative;color:var(--st-copy);font-size:var(--st-body);line-height:1.42;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bccdde transparent}
.starter-deck .slide-body p,.starter-deck .slide-body li {font-family:inherit;font-size:var(--st-body)!important;line-height:1.42!important;color:var(--st-copy)!important;word-break:normal;overflow-wrap:normal}
.starter-deck .slide-body h3 {font-family:inherit;font-size:var(--st-heading)!important;line-height:1.23!important;color:var(--st-ink)!important;margin:0 0 .4em}
.starter-deck .slide-body :is(p,li,.check>span) :is(b,strong) {display:inline;width:auto;height:auto;margin:0;padding:0;background:none;border:0;border-radius:0;font-size:inherit;line-height:inherit;color:var(--st-ink)!important;font-weight:850;white-space:normal}
.starter-deck .slide-body .nowrap-token {display:inline;white-space:normal}
.starter-deck .slide-body p {margin:.38em 0}
.starter-deck .starter-panel {background:#fff!important;color:var(--st-ink)!important;border:1px solid var(--lesson-line)!important;border-radius:var(--st-radius)!important;padding:16px 18px!important;box-shadow:0 4px 16px rgba(11,36,71,.035)!important;min-width:0}
.starter-deck .starter-panel :is(p,li,span) {color:var(--st-copy)}
.starter-deck .challenge.starter-panel {background:var(--st-warm)!important;border-color:#efcfaf!important;border-left:4px solid #e98127!important}
.starter-deck .starter-panel .mini {gap:8px}
.starter-deck .starter-panel .mini div {background:#fff!important;color:var(--st-ink)!important;border:1px solid var(--lesson-line);font-size:16px;line-height:1.35}
.starter-deck :is(.tip,.pot-callout) {background:var(--st-warm)!important;color:#744313!important;border:0!important;border-left:4px solid #e98127!important;border-radius:0 12px 12px 0!important;padding:12px 14px;font-size:clamp(16px,1.3vw,20px)!important;line-height:1.4!important;box-shadow:none}
.starter-deck :is(.tip,.pot-callout) :is(b,strong) {color:#593511!important}
.starter-deck :is(.port-title,.port-tag) {color:var(--st-ink);font-size:var(--st-heading)}
.starter-deck .port-tag {background:var(--st-soft);border:1px solid var(--lesson-line);font-size:18px}
.starter-deck .port-desc {font-size:var(--st-body);color:var(--st-copy)}
.starter-deck .check-list {display:grid;gap:10px}
.starter-deck .check {background:#fff;color:var(--st-copy);padding:12px;border:1px solid var(--lesson-line);border-radius:12px;gap:12px;min-width:0;align-items:flex-start}
.starter-deck .check>span {display:block;flex:1;min-width:0;font-size:var(--st-body)!important;line-height:1.4!important;color:var(--st-copy)!important}
.starter-deck .check>b {display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;margin:0;background:#e8f1fc;color:#115bad;border-radius:8px;font-size:16px;font-weight:850;line-height:1}
.starter-deck .check span :is(b,strong,.nowrap-token) {display:inline;width:auto;height:auto;margin:0;padding:0;background:none;border:0;box-shadow:none;font-size:inherit;color:var(--st-ink);white-space:normal}
.starter-deck .grid-2 {gap:var(--st-gap);min-width:0;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.starter-deck .grid-2>* {min-width:0}
.starter-deck .grid-2.image-dominant {grid-template-columns:minmax(0,3fr) minmax(275px,1fr)}
.starter-deck .grid-2.image-dominant.image-on-right {grid-template-columns:minmax(275px,1fr) minmax(0,3fr)}
.starter-deck .grid-2.image-sensor-balanced {grid-template-columns:repeat(2,minmax(0,1fr))}
.starter-deck :is(.visual,.pot-visual,.pot-sim-photo) {background:#fff;border:1px solid var(--lesson-line)!important;border-radius:var(--st-radius)!important;box-shadow:none!important;min-width:0;min-height:0;margin:0;overflow:hidden}
.starter-deck .slide-body .visual {display:flex!important;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:10px}
.starter-deck .slide-body .visual img {display:block;object-fit:contain;flex:1;min-height:0;min-width:0;max-width:100%;max-height:100%;width:100%;height:100%}
.starter-deck .visual figcaption {flex:none;font-size:14px!important;line-height:1.35;padding:8px 0 0;color:#41566d}
.starter-deck .component {background:#fff;border:1px solid var(--lesson-line);border-radius:14px;box-shadow:none;min-width:0}
.starter-deck .component strong {color:var(--st-ink);font-size:18px;line-height:1.25}
.starter-deck .component small {color:#41566d;font-size:15px;line-height:1.3}
.starter-deck .pot-slide {container-type:inline-size;--pot-ink:var(--st-ink);--pot-muted:var(--st-copy);--pot-blue:var(--lesson-blue)}
.starter-deck .pot-panel {border-radius:var(--st-radius)!important}
.starter-deck .pot-panel :is(h3,p) {color:var(--st-ink)}
.starter-deck .pot-accent {background:var(--st-soft)!important}
.starter-deck .pot-path {font-size:var(--st-body)!important}
.starter-deck .pot-visual figcaption {font-size:14px!important;color:#41566d;background:#f5f8fc}
.starter-deck :is(.pot-live-lab,.makecode-reference,.browser,.sensor-program) {border:1px solid var(--lesson-line);border-radius:var(--st-radius);background:#fff;box-shadow:none}
.starter-deck :is(.pot-live-head,.makecode-ref-head,.web-makecode-head) {background:var(--st-soft);border-bottom:1px solid var(--lesson-line);padding:10px 12px;min-height:40px;height:auto;color:var(--st-ink);font-family:inherit}
.starter-deck :is(.pot-live-head,.makecode-ref-head,.web-makecode-head) :is(strong,span) {font-size:14px;color:var(--st-ink);font-weight:800;line-height:1.3}
.starter-deck :is(.pot-live-head,.makecode-ref-head,.web-makecode-head) a {font-size:13px;color:#115bad;font-weight:800}
.starter-deck :is(.pot-live-foot,.makecode-ref-foot) {font-size:14px;color:#41566d;padding:8px 12px;background:#f8fafc}
.starter-deck .sensor-program {background:var(--st-soft)}
.starter-deck .sensor-program header {color:var(--st-ink);background:var(--st-soft);font-size:var(--st-heading)}
.starter-deck .sensor-program li {background:#fff;border:1px solid var(--lesson-line);border-left:4px solid var(--lesson-blue)}
.starter-deck .sensor-program code {font-family:inherit;font-size:var(--st-body);color:var(--st-ink)}
.starter-deck .sensor-program li>span {font-size:18px;color:#41566d}
.starter-deck .sensor-state-head {background:var(--st-soft);color:var(--st-ink)}
.starter-deck .sensor-state-row {font-size:var(--st-body);color:var(--st-ink)}
/* Semantic layout for case decks 03-34: no absolute text boxes. */
.starter-deck .case-copy-stack {display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:0;min-width:0}
.starter-deck .case-copy {height:auto;min-width:0;max-width:100%}
.starter-deck .case-copy ul {margin:0;padding-left:1.2em}
.starter-deck .case-copy li {padding:0 0 .45em}
.starter-deck .case-paragraph {margin:0 0 .45em;white-space:normal}
.starter-deck .case-paragraph:last-child {margin-bottom:0;padding-bottom:0}
.starter-deck .case-paragraph.level-1 {margin-left:1em}
.starter-deck .case-paragraph strong {color:var(--st-ink)}
.starter-deck .case-body .case-visual {min-height:0;width:100%;height:100%}
.starter-deck .case-body .case-image {display:block;width:100%;height:100%;object-fit:contain;position:static;filter:none}
.starter-deck .case-media-body {display:flex;flex-direction:column;gap:10px}
.starter-deck .case-media-body>.case-visual {flex:1;min-height:0}
.starter-deck .case-caption {flex:none;padding:6px 12px!important;text-align:right;border:0!important;background:transparent!important;box-shadow:none!important}
.starter-deck .case-caption p {font-size:14px!important;color:#41566d!important}
.starter-deck .case-text-group {height:100%;display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:0}
.starter-deck .case-text-group>.case-copy:only-child {align-self:center;max-width:100%;width:100%}
.starter-deck .case-text-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-content:center}
.starter-deck .case-text-grid .case-copy {min-height:150px;display:flex;align-items:center;border-top:4px solid #e98127!important}
.starter-deck .case-cover-layout {grid-template-columns:1fr 1.3fr!important}
.starter-deck .case-cover-layout .hero-title {background:var(--st-soft)!important}
.starter-deck .case-cover-layout .hero-title p {font-size:clamp(30px,3vw,44px)!important;line-height:1.2!important;font-weight:850;color:var(--st-ink)!important}
.starter-deck .case-cover-layout .hero-kicker {border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.starter-deck .case-cover-layout .hero-kicker p {font-size:16px!important;letter-spacing:.06em;color:#a54a0f!important;font-weight:800}
.starter-deck .case-hardware-layout {grid-template-columns:minmax(270px,1fr) minmax(0,2fr)}
.starter-deck .case-hardware-gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:16px;height:100%;min-height:0}
.starter-deck .case-hardware-gallery .case-visual {padding:16px}
.starter-deck .case-embed-body {display:flex;flex-direction:column;gap:12px}
.starter-deck .case-makecode {display:flex;flex:1;position:static;width:100%;height:100%;min-height:400px;padding:0;gap:0}
.starter-deck .case-makecode .web-makecode-head {flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.starter-deck .case-makecode .web-makecode-actions {margin-left:auto;flex:none}
.starter-deck .case-makecode .web-makecode-frame {border:0;flex:1;width:100%;height:100%;min-height:0}
.starter-deck .web-makecode-actions a:first-child {display:inline-block}
.starter-deck .starter-ending .case-ending-group>.case-copy:first-child {background:var(--st-warm)!important;border-color:#efcfaf!important}
.starter-deck .starter-ending-content {color:var(--st-ink)!important}
.starter-deck .starter-ending-content[style*="background:"] {background:var(--st-warm)!important;border:1px solid #efcfaf!important;border-radius:var(--st-radius)!important;box-shadow:none!important}
.starter-deck .starter-ending .pill {background:#fff;color:var(--st-ink);border:1px solid var(--lesson-line);font-size:16px}
@media(min-width:781px) and (max-width:1190px) {
 .starter-deck .lesson-app {grid-template-columns:220px minmax(0,1fr)}
 .starter-deck .lesson-main {padding:16px}
 .starter-deck .slide {padding:22px}
 .starter-deck .slide-stage,.starter-deck .slide-stage:has(.slide.active) {min-height:700px}
 .starter-deck .grid-2.image-dominant {grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}
 .starter-deck .grid-2.image-dominant.image-on-right {grid-template-columns:minmax(250px,1fr) minmax(0,1.5fr)}
 .starter-deck .case-hardware-layout {grid-template-columns:minmax(240px,1fr) minmax(0,1.25fr)}
 .starter-deck .starter-panel {padding:14px!important}
 .starter-deck .pot-notes-three {grid-template-columns:repeat(3,minmax(0,1fr))}
 .starter-deck .pot-notes-three .pot-panel h3 {font-size:21px!important}
 .starter-deck .pot-notes-three .pot-panel p {font-size:18px!important}
}
@media(max-width:780px) {
 .starter-deck {--st-body:18px;--st-heading:23px;--st-title:26px;--st-gap:16px}
 .starter-deck .lesson-app {display:block}
 .starter-deck .lesson-main {padding:12px}
 .starter-deck .lesson-side {position:relative;top:auto;width:100%;height:auto;padding:12px;border-bottom:1px solid var(--lesson-line);border-right:0}
 .starter-deck .lesson-side .lesson-meta,.starter-deck .lesson-side .side-footer {display:none}
 .starter-deck .lesson-side .slide-list {display:flex;max-height:72px;overflow:auto;gap:6px}
 .starter-deck .slide-jump {flex:none;max-width:190px}
 .starter-deck .lesson-side .lesson-brand {margin-bottom:6px}
 .starter-deck .lesson-side .back-link {margin:4px 0 0}
 .starter-deck .lesson-topbar {flex-wrap:wrap;gap:8px}
 .starter-deck .topbar-actions {margin-left:0}
 .starter-deck .lesson-sidebar {width:280px}
 .starter-deck .slide-stage,.starter-deck .slide-stage:has(.slide.active) {aspect-ratio:auto;min-height:520px;height:78vh;max-height:none;border-radius:16px;overflow:auto}
 .starter-deck .slide {position:relative;inset:auto;height:auto;min-height:100%;padding:18px 16px 24px;overflow:visible}
 .starter-deck .slide:not(.active) {display:none}
 .starter-deck .slide-head {gap:10px;min-height:64px;padding-bottom:12px;margin-bottom:16px}
 .starter-deck .slide-logo {width:46px;height:32px}
 .starter-deck .slide-kicker {font-size:10px}
 .starter-deck .slide-body {overflow:visible;height:auto;flex:1 0 auto}
 .starter-deck .slide-body>.grid-2,.starter-deck .slide-body .case-split,.starter-deck .case-hardware-layout {height:auto!important;grid-template-columns:minmax(0,1fr)!important}
 .starter-deck .slide-body>.grid-3 {grid-template-columns:minmax(0,1fr)}
 .starter-deck .slide-body>.grid-2>div {min-width:0;max-width:100%}
 .starter-deck .slide-body .visual {height:320px!important;min-height:220px}
 .starter-deck .case-copy-stack {height:auto}
 .starter-deck .case-body .case-visual {height:360px!important}
 .starter-deck .case-media-body>.case-visual {flex:none;min-height:280px}
 .starter-deck .case-hardware-gallery {height:540px}
 .starter-deck .case-hardware-gallery .case-visual {height:100%!important;min-height:0}
 .starter-deck .case-text-group {height:auto}
 .starter-deck .case-text-grid {grid-template-columns:1fr}
 .starter-deck .case-makecode {min-height:500px}
 .starter-deck .pot-slide {height:auto!important;container-type:inline-size}
 .starter-deck .pot-columns {grid-template-columns:1fr!important;height:auto!important}
 .starter-deck .pot-stack,.starter-deck .pot-code-layout,.starter-deck .sensor-code-layout {height:auto}
 .starter-deck .pot-notes {grid-template-columns:1fr!important}
 .starter-deck .pot-live-lab {height:510px}
 .starter-deck .sensor-program {height:auto;min-height:460px}
 .starter-deck .planetx-showcase {height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 .starter-deck .planetx-showcase .component {min-height:210px}
 .starter-deck .hero-copy h2 {font-size:32px}
 .starter-deck .lesson-controls {gap:6px}
 .starter-deck .nav-btn,.starter-deck .nav-button {padding:10px;font-size:12px}
}
.starter-deck .slide-stage:fullscreen,.starter-deck .slide-stage:has(.slide.active):fullscreen {width:100vw;height:100vh;min-height:0;max-width:none;aspect-ratio:auto;border-radius:0}
.starter-deck .presentation-mode .slide-stage {width:100%;height:calc(100vh - 85px);min-height:0;aspect-ratio:auto}
@media(prefers-reduced-motion:reduce) { .starter-deck * {scroll-behavior:auto!important;transition:none!important} }
/* Shared layout constraints and a single, bounded density adjustment. */
.starter-deck .grid-2 {display:grid;height:100%;align-items:center}
.starter-deck .case-hardware-layout {align-items:stretch}
.starter-deck .case-copy-stack {overflow:visible}
.starter-deck .starter-compact .starter-panel {padding:12px 14px!important}
.starter-deck .starter-compact .check {padding:8px 10px;gap:9px}
.starter-deck .starter-compact .check-list {gap:7px}
.starter-deck .starter-compact .slide-body p {margin:.24em 0}
.starter-deck .starter-compact .starter-panel[style*="display:grid"] {gap:8px!important}
.starter-deck .starter-compact .starter-panel>div[style*="font-size:38px"] {font-size:26px!important}
.starter-deck .starter-compact .starter-panel>div[style*="font-size:54px"] {font-size:34px!important}
.starter-deck .starter-compact .tip {padding:9px 12px;font-size:17px!important;line-height:1.3!important}
.starter-deck .starter-compact .case-copy li {padding-bottom:.3em}
@media(min-width:781px) and (max-width:1190px) {
 .starter-deck .slide-body>.grid-2.no-auto-ratio {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .starter-deck .starter-compact .starter-panel {padding:11px 12px!important}
 .starter-deck .starter-compact .tip {font-size:16px!important}
}
@media(max-width:780px) {
 .starter-deck [data-st-grid="true"] {grid-template-columns:minmax(0,1fr)!important;height:auto!important}
 .starter-deck .slide-body .grid-2 {height:auto;grid-template-columns:minmax(0,1fr)!important}
 .starter-deck .slide-body .starter-ending-content {height:auto!important}
}
/* Keep navigation outside the slide; never cover teaching content. */
.starter-deck #prevOverlayBtn,.starter-deck #nextOverlayBtn {display:none}
.starter-deck .lesson-brand-link {display:flex;gap:10px;align-items:center;text-decoration:none}
.starter-deck .lesson-brand-link img {width:66px;height:34px;object-fit:contain}
.starter-deck .lesson-brand-link::after {content:"BKIT ROBOTICS";font-size:12px;letter-spacing:.08em;font-weight:900;color:var(--st-ink)}
/* Give long explanations more width before allowing internal scrolling. */
.starter-deck .starter-roomy-copy .grid-2.image-dominant {grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr)}
.starter-deck .starter-roomy-copy .grid-2.image-dominant.image-on-right {grid-template-columns:minmax(310px,1fr) minmax(0,1.7fr)}
.starter-deck .lesson-topbar {display:flex}
@media(max-width:780px) {
 .starter-deck .starter-roomy-copy .grid-2.image-dominant {grid-template-columns:minmax(0,1fr)!important}
}
