.fleet-section { --fleet-bg: #fbfdfd; --fleet-card: #fff; --fleet-ink: #102f41; --fleet-muted: #506875; --fleet-line: #d5e2e3; padding: clamp(5rem,8vw,8rem) 0; color: var(--fleet-ink); background: var(--fleet-bg); }
.fleet-section--sand { --fleet-bg: #edf4f1; --fleet-card: #fff; }
.fleet-section--dark { --fleet-bg: #0b2c3c; --fleet-card: #143b4b; --fleet-ink: #f0faf9; --fleet-muted: #b9d1d4; --fleet-line: #45616c; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) { --fleet-bg: #082b3a; --fleet-card: #103747; --fleet-ink: #f0faf9; --fleet-muted: #b9d1d4; --fleet-line: #365663; }
.fleet-heading { max-width: 51rem; }.fleet-heading h2 { margin: 1rem 0 1.3rem; color: var(--fleet-ink); font-family: var(--display); font-size: clamp(2.8rem,5vw,5rem); font-weight: 520; letter-spacing: -.052em; line-height: 1.02; }.fleet-heading > p:not(.eyebrow) { max-width: 47rem; color: var(--fleet-muted); font-size: clamp(1rem,1.5vw,1.17rem); line-height: 1.62; }.fleet-heading > p:not(.eyebrow) + p { font-size: .94rem; }.fleet-split { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(2rem,5vw,6rem); align-items: center; }.fleet-actions { margin-top: 2rem; }.fleet-section .text-link { color: var(--fleet-ink); }.fleet-section--dark .text-link { color: #e7f9f6; }
.fleet-vehicle { display: grid; grid-template-columns: 6.1rem minmax(0,1fr) auto; gap: .75rem; align-items: center; min-width: 0; padding: .75rem; border: 1px solid #d7e2e2; border-radius: .8rem; color: #123449; background: #fff; box-shadow: 0 13px 35px rgba(5,34,49,.1); }.fleet-vehicle > div:nth-child(2) { display: grid; gap: .15rem; min-width: 0; }.fleet-vehicle small { color: #08766d; font-size: .54rem; font-weight: 800; letter-spacing: .09em; }.fleet-vehicle strong { font-family: var(--display); font-size: 1.25rem; }.fleet-vehicle span { color: #506875; font-size: .67rem; }.fleet-vehicle em { padding: .32rem .5rem; border-radius: 999px; color: #0b6c5e; background: #def5ed; font-size: .56rem; font-style: normal; font-weight: 800; }.fleet-vehicle--compact { grid-template-columns: 4.2rem minmax(0,1fr); padding: .5rem; }.fleet-vehicle--compact em { display: none; }.fleet-vehicle--compact strong { font-size: 1rem; }
.fleet-vehicle__art { position: relative; overflow: hidden; height: 4.5rem; border-radius: .45rem; background: linear-gradient(160deg,#b0cfce 0,#e9e6d5 64%,#829a8b 65%); }.fleet-vehicle__body { position: absolute; left: 10%; right: 9%; bottom: 23%; height: 29%; border-radius: 45% 45% 16% 15%; background: linear-gradient(155deg,#f3f7f5,#5f7e89); box-shadow: 0 .5rem .8rem rgba(5,35,48,.2); }.fleet-vehicle__body::before { content: ""; position: absolute; left: 23%; right: 17%; top: -43%; height: 68%; clip-path: polygon(20% 0,77% 0,100% 100%,0 100%); background: #416174; }.fleet-vehicle__body i,.fleet-vehicle__body b { position: absolute; bottom: -.16rem; width: .65rem; height: .65rem; border: .13rem solid #9fb4b6; border-radius: 50%; background: #17384b; }.fleet-vehicle__body i { left: 17%; }.fleet-vehicle__body b { right: 17%; }
.fleet-fact { display: grid; gap: .2rem; padding: .7rem; border: 1px solid #d7e4e4; border-radius: .55rem; color: #173c4b; background: #fff; }.fleet-fact small { color: #3d6971; font-size: .57rem; font-weight: 800; letter-spacing: .05em; }.fleet-fact strong { font-size: .75rem; }.fleet-fact--due { border-color: #dfcc9d; background: #fff7e6; }
.fleet-hero-visual { display: grid; gap: 1.3rem; min-height: 26rem; padding: clamp(1rem,2.3vw,2rem); border-radius: 1.2rem; color: #ecfaf8; background: radial-gradient(circle at 90% 0,#235e65,#0d3546 55%); box-shadow: 0 24px 55px rgba(7,42,53,.17); }.fleet-hero-signals { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }.fleet-hero-next { display: flex; align-items: center; gap: .55rem; padding: .75rem; border: 1px solid #4a8b86; border-radius: .5rem; color: #c5f5eb; font-size: .75rem; font-weight: 800; }.fleet-hero-setup { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }.fleet-hero-setup b { width: 100%; color: #a9dbd6; font-size: .6rem; letter-spacing: .1em; }.fleet-hero-setup span,.fleet-hero-loop span,.fleet-hero-scenarios span { padding: .55rem .7rem; border: 1px solid #66999a; border-radius: .45rem; background: #194858; font-size: .66rem; font-weight: 750; }.fleet-hero-loop { display: flex; flex-wrap: wrap; gap: .3rem; align-items: center; }.fleet-hero-loop svg { width: .7rem; flex: none; }.fleet-hero-return { color: #bfe8df; }.fleet-hero-scenarios { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }.fleet-hero-notebook { padding: 1rem; border: 1px solid #6f9a99; border-radius: .6rem; background: #174858; }.fleet-hero-notebook > span { display: block; color: #b4e5dc; font-size: .57rem; letter-spacing: .1em; }.fleet-hero-notebook > strong { display: block; margin: .4rem 0 1rem; font-family: var(--display); font-size: 1.5rem; }.fleet-hero-notebook > div { display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem; }
.fleet-fragmentation { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; margin-top: 2.5rem; }.fleet-fragmentation > .fleet-vehicle { grid-column: 1/-1; max-width: 25rem; margin: 0 auto 1rem; }.fleet-fragmentation__item { min-height: 9rem; padding: 1rem; border: 1px solid var(--fleet-line); border-radius: .7rem; background: var(--fleet-card); }.fleet-fragmentation__item span { color: #0d8278; font-size: .62rem; font-weight: 800; }.fleet-fragmentation__item strong { display: block; margin: .45rem 0; font-size: 1rem; }.fleet-fragmentation__item small { color: var(--fleet-muted); font-size: .72rem; }
.fleet-transformation { display: grid; grid-template-columns: 17rem 1fr; gap: 2rem; margin-top: 3rem; }.fleet-transformation aside { position: sticky; top: 10rem; align-self: start; }.fleet-transformation aside > span { display: block; margin-top: .8rem; color: var(--fleet-muted); font-size: .64rem; font-weight: 800; }.fleet-transformation > div { display: grid; gap: .65rem; }.fleet-transformation article { display: grid; grid-template-columns: 2rem 1fr auto; gap: .8rem; align-items: center; min-height: 8rem; padding: 1rem; border: 1px solid var(--fleet-line); border-radius: .7rem; background: var(--fleet-card); }.fleet-transformation article > b { color: #0a8378; }.fleet-transformation h3 { margin: 0 0 .3rem; font-family: var(--display); font-size: 1.5rem; }.fleet-transformation p { margin: 0; color: var(--fleet-muted); font-size: .75rem; line-height: 1.5; }.fleet-transformation article > span { max-width: 8rem; padding: .45rem; border-radius: .4rem; color: #0a6259; background: #e3f3ed; font-size: .62rem; font-weight: 800; }
.fleet-maintenance { display: grid; gap: .8rem; }.fleet-maintenance__record,.fleet-maintenance__reminder { display: flex; gap: .8rem; padding: 1rem; border: 1px solid var(--fleet-line); border-radius: .7rem; background: var(--fleet-card); }.fleet-maintenance svg { flex: none; color: #0a8175; }.fleet-maintenance__record > div,.fleet-maintenance__reminder > div { display: grid; gap: .35rem; }.fleet-maintenance small { color: var(--fleet-muted); font-size: .6rem; font-weight: 800; }.fleet-maintenance strong { font-family: var(--display); font-size: 1.45rem; }.fleet-maintenance span { display: flex; gap: .3rem; align-items: center; color: var(--fleet-muted); font-size: .72rem; }.fleet-maintenance__reminder { margin-left: 2rem; border-color: #b8dbcf; }
.fleet-planning { display: grid; grid-template-columns: 15rem 1fr; gap: 1rem; margin-top: 2.5rem; }.fleet-planning__status { display: grid; grid-template-columns: 1rem 1fr; gap: .3rem; align-items: center; margin-top: .7rem; padding: .7rem; border: 1px solid var(--fleet-line); border-radius: .55rem; color: var(--fleet-ink); background: var(--fleet-card); font-size: .72rem; font-weight: 800; }.fleet-planning__status span { grid-column: 2; color: var(--fleet-muted); font-size: .6rem; font-weight: 500; }.fleet-planning__calendar { overflow: hidden; border: 1px solid var(--fleet-line); border-radius: .7rem; background: var(--fleet-card); }.fleet-planning__calendar header,.fleet-planning__calendar footer { display: flex; gap: .5rem; align-items: center; padding: .8rem; font-size: .72rem; font-weight: 800; }.fleet-planning__calendar > div { position: relative; display: grid; grid-template-columns: repeat(5,1fr); height: 11rem; border-block: 1px solid var(--fleet-line); }.fleet-planning__calendar > div span { padding: .5rem; border-right: 1px solid var(--fleet-line); color: var(--fleet-muted); font-size: .6rem; text-align: center; }.fleet-planning__calendar b,.fleet-planning__calendar em { position: absolute; padding: .55rem; border-radius: .35rem; font-size: .64rem; font-style: normal; }.fleet-planning__calendar b { left: 22%; top: 3.5rem; width: 48%; color: #12526b; background: #d9eff7; }.fleet-planning__calendar em { left: 60%; top: 6.5rem; width: 30%; color: #895338; background: #f8e7d8; }.fleet-planning__calendar footer { color: #8b5434; }
.fleet-cost { display: grid; grid-template-columns: .8fr 1.2fr; gap: .7rem; }.fleet-cost__amount { display: grid; align-content: center; gap: .4rem; padding: 1.2rem; border: 1px solid var(--fleet-line); border-radius: .7rem; background: var(--fleet-card); }.fleet-cost__amount small { color: var(--fleet-muted); font-size: .6rem; letter-spacing: .1em; }.fleet-cost__amount strong { font-family: var(--display); font-size: 4rem; }.fleet-cost__amount span { color: var(--fleet-muted); font-size: .68rem; }.fleet-cost__source { display: grid; gap: .4rem; }.fleet-cost__source article { display: flex; gap: .7rem; padding: .65rem; border: 1px solid var(--fleet-line); border-radius: .5rem; background: var(--fleet-card); }.fleet-cost__source b { color: #9fe6d9; font-size: .7rem; }.fleet-cost__source span { display: grid; gap: .2rem; }.fleet-cost__source strong { font-size: .75rem; }.fleet-cost__source small { color: var(--fleet-muted); font-size: .64rem; }
.fleet-history { display: grid; gap: 1rem; }.fleet-history > div:last-child { padding-left: 1rem; border-left: 2px solid #79cbbd; }.fleet-history article { position: relative; display: flex; gap: .7rem; padding: .5rem 0; }.fleet-history article > span { flex: none; color: #0c8075; font-size: .64rem; font-weight: 800; }.fleet-history article > div { display: grid; gap: .2rem; }.fleet-history strong { font-size: .78rem; }.fleet-history small { color: var(--fleet-muted); font-size: .66rem; }
.fleet-team { padding: 1.2rem; border: 1px solid var(--fleet-line); border-radius: .75rem; background: var(--fleet-card); }.fleet-team header { display: grid; gap: .2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--fleet-line); }.fleet-team header strong { font-family: var(--display); font-size: 1.7rem; }.fleet-team small { color: var(--fleet-muted); }.fleet-team > div { display: grid; gap: .5rem; margin: 1rem 0; }.fleet-team > div span { display: flex; justify-content: space-between; gap: .6rem; padding: .7rem; border-radius: .45rem; background: var(--fleet-bg); font-size: .75rem; }.fleet-team footer { padding: .7rem; border-radius: .45rem; color: #0d6059; background: #def3eb; font-size: .67rem; font-weight: 800; }
.fleet-proof-gallery { display: grid; grid-template-columns: 15rem 1fr; gap: 1rem; margin-top: 2.5rem; }.fleet-proof-gallery > .fleet-vehicle { align-self: start; }.fleet-proof-gallery > div:last-child { display: grid; gap: .5rem; }.fleet-proof-gallery details,.fleet-scenarios details,.fleet-pathways details { border: 1px solid var(--fleet-line); border-radius: .6rem; background: var(--fleet-card); }.fleet-proof-gallery summary,.fleet-scenarios summary,.fleet-pathways summary { display: flex; gap: .6rem; align-items: center; padding: .8rem; color: var(--fleet-ink); cursor: pointer; list-style: none; font-weight: 800; }.fleet-proof-gallery summary::-webkit-details-marker,.fleet-scenarios summary::-webkit-details-marker,.fleet-pathways summary::-webkit-details-marker { display: none; }.fleet-proof-gallery summary b,.fleet-scenarios summary > span,.fleet-pathways summary > span { color: #61d5c5; }.fleet-proof-gallery summary > span,.fleet-scenarios summary > b,.fleet-pathways summary > b { margin-left: auto; }.fleet-proof-gallery details[open] summary,.fleet-scenarios details[open] summary,.fleet-pathways details[open] summary { border-bottom: 1px solid var(--fleet-line); }.fleet-proof-gallery details > div { padding: .8rem; }.fleet-proof-gallery details p { color: var(--fleet-muted); font-size: .7rem; }
.fleet-setup { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; margin-top: 2.5rem; }.fleet-setup article { display: flex; flex-direction: column; min-height: 19rem; padding: 1.2rem; border: 1px solid var(--fleet-line); border-radius: .75rem; background: var(--fleet-card); }.fleet-setup article > span { color: #0a867b; font-weight: 800; }.fleet-setup h3 { font-family: var(--display); font-size: 1.7rem; line-height: 1.1; }.fleet-setup p { color: var(--fleet-muted); font-size: .8rem; line-height: 1.55; }.fleet-setup article > div { margin-top: auto; padding: .65rem; border-radius: .45rem; color: #0d625a; background: #e2f3ed; font-size: .68rem; font-weight: 800; }
.fleet-operating-loop { display: grid; grid-template-columns: 15rem 1fr; gap: 2.5rem; margin-top: 3rem; }.fleet-operating-loop aside { position: sticky; top: 10rem; align-self: start; }.fleet-operating-loop aside > span { display: block; margin-top: .6rem; color: var(--fleet-muted); font-size: .66rem; }.fleet-operating-loop > div { display: grid; gap: 1rem; }.fleet-operating-loop article { display: grid; grid-template-columns: 2rem 1fr; gap: .8rem; min-height: 24rem; padding: 1.2rem; border: 1px solid var(--fleet-line); border-radius: .8rem; background: var(--fleet-card); scroll-margin-top: 9rem; }.fleet-operating-loop article > span { color: #0b887b; font-weight: 800; }.fleet-operating-loop h3 { margin: 0; font-family: var(--display); font-size: clamp(1.7rem,2.7vw,2.7rem); line-height: 1.1; }.fleet-operating-loop p { color: var(--fleet-muted); font-size: .85rem; line-height: 1.55; }.fleet-operating-loop blockquote { margin: .8rem 0; padding: .7rem; border-left: 3px solid #14b8a6; background: var(--fleet-bg); font-size: .75rem; font-weight: 800; }
.fleet-evidence { display: flex; flex-wrap: wrap; gap: .45rem; align-items: stretch; padding: .7rem; border: 1px solid var(--fleet-line); border-radius: .55rem; background: var(--fleet-bg); }.fleet-evidence .fleet-fact { flex: 1 1 8rem; }.fleet-evidence--vehicle { display: grid; }.fleet-evidence--vehicle > span { color: var(--fleet-muted); font-size: .68rem; }
.fleet-boundary { display: grid; grid-template-columns: repeat(5,1fr); gap: .6rem; margin-top: 2rem; }.fleet-boundary > span { display: grid; gap: .5rem; padding: .8rem; border: 1px solid var(--fleet-line); border-radius: .55rem; background: var(--fleet-card); }.fleet-boundary b { color: #8be7d6; }.fleet-boundary strong { font-size: .77rem; }.fleet-boundary small { color: var(--fleet-muted); font-size: .66rem; line-height: 1.45; }
.fleet-scenarios { display: grid; gap: .55rem; margin-top: 2rem; }.fleet-scenarios summary { font-size: 1rem; }.fleet-scenarios summary > span,.fleet-pathways summary > span { color: #08766d; }.fleet-scenarios__panel { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1.5rem; padding: clamp(1rem,3vw,2rem); }.fleet-scenarios__panel h3 { margin: .7rem 0; font-family: var(--display); font-size: clamp(2rem,3vw,3.4rem); font-weight: 520; line-height: 1.05; }.fleet-scenarios__panel p { color: var(--fleet-muted); line-height: 1.55; }.fleet-scenarios__panel blockquote { margin: 1rem 0; padding: .75rem; border-left: 3px solid #14b8a6; color: var(--fleet-ink); background: var(--fleet-bg); font-size: .85rem; font-weight: 800; }.fleet-scenarios__panel > div:last-child { display: grid; gap: .8rem; align-content: center; }.fleet-scenarios__panel > div:last-child > small { color: var(--fleet-muted); font-size: .64rem; }.fleet-scenarios__path { display: flex; flex-wrap: wrap; gap: .35rem; margin: 1rem 0; }.fleet-scenarios__path span { padding: .35rem .5rem; border-radius: .35rem; color: var(--fleet-ink); background: var(--fleet-bg); font-size: .64rem; font-weight: 800; }.fleet-scenarios__outcome { display: flex; gap: .5rem; align-items: flex-start; padding: .65rem; border: 1px solid #92cabf; border-radius: .45rem; }.fleet-scenarios__outcome svg { flex: none; color: #0a8779; }
.fleet-pathways { display: grid; grid-template-columns: repeat(5,1fr); gap: .5rem; margin-top: 2rem; }.fleet-pathways summary { min-height: 5rem; font-size: .78rem; }.fleet-pathways details[open] { grid-column: span 2; }.fleet-pathways details > div { padding: .8rem; }.fleet-pathways p { margin: .3rem 0; padding: .45rem; border-radius: .3rem; color: var(--fleet-ink); background: var(--fleet-bg); font-size: .7rem; }.fleet-pathways small { color: var(--fleet-muted); font-size: .62rem; }
.fleet-guides { display: grid; gap: .7rem; margin-top: 2rem; }.fleet-guides article { display: grid; grid-template-columns: 8rem 1.1fr 1fr; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid var(--fleet-line); border-radius: .6rem; background: var(--fleet-card); }.fleet-guides article > span { color: #0b8075; font-size: .62rem; font-weight: 800; }.fleet-guides h3 { margin: 0; font-family: var(--display); font-size: 1.3rem; }.fleet-guides p,.fleet-guides small { margin: 0; color: var(--fleet-muted); font-size: .72rem; line-height: 1.45; }.fleet-guides article small { grid-column: 3; }.fleet-templates { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin-top: 2rem; }.fleet-templates article { padding: 1rem; border: 1px solid var(--fleet-line); border-radius: .6rem; background: var(--fleet-card); }.fleet-templates article > span { display: flex; gap: .4rem; align-items: center; color: #0a8074; font-size: .6rem; font-weight: 800; }.fleet-templates h3 { font-family: var(--display); font-size: 1.55rem; }.fleet-templates ul { display: grid; gap: .4rem; padding: 0; list-style: none; }.fleet-templates li { display: flex; gap: .35rem; align-items: center; color: var(--fleet-muted); font-size: .7rem; }.fleet-templates li svg { flex: none; color: #0a867a; }.fleet-templates article > small { color: var(--fleet-muted); font-size: .6rem; }
.fleet-walkthroughs { display: grid; gap: .4rem; margin-top: 2rem; }.fleet-walkthroughs > .fleet-vehicle { max-width: 20rem; margin-bottom: .5rem; }.fleet-walkthroughs article { display: grid; grid-template-columns: 2rem 1fr auto; gap: .7rem; align-items: center; padding: .7rem; border: 1px solid var(--fleet-line); border-radius: .5rem; background: var(--fleet-card); }.fleet-walkthroughs article > span { color: #9ae6d9; }.fleet-walkthroughs h3 { margin: 0; font-size: .8rem; }.fleet-walkthroughs p,.fleet-walkthroughs small { margin: .2rem 0; color: var(--fleet-muted); font-size: .65rem; }
.fleet-market { display: grid; grid-template-columns: 1fr 2rem 1fr; gap: .6rem; align-items: center; }.fleet-market > div { min-height: 9rem; padding: 1rem; border: 1px solid var(--fleet-line); border-radius: .6rem; background: var(--fleet-card); }.fleet-market > b { justify-self: center; font-size: 2rem; }.fleet-market strong { font-size: 1.1rem; }.fleet-market p { color: var(--fleet-muted); font-size: .78rem; }.fleet-final { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; }.fleet-final > div:last-child { padding: 1rem; border: 1px solid var(--fleet-line); border-radius: .7rem; background: var(--fleet-card); }.fleet-final > div:last-child > span { display: block; margin-top: 1rem; color: var(--fleet-muted); font-size: .7rem; font-weight: 800; }
html[data-theme="light"] .fleet-section--dark .trakaria-inline__core { color: #fff; }html[data-theme="light"] .fleet-section--dark .trakaria-inline__accent { color: #8ce4d5; }html[data-theme="dark"] .fleet-section--dark .trakaria-inline__core { color: #fff; }html[data-theme="dark"] .fleet-section--dark .trakaria-inline__accent { color: #8ce4d5; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-transformation article > span,html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-team footer,html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-setup article > div { color: #b8f0e5; background: #194a4b; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-planning__calendar footer { color: #f4cbae; }
.fleet-vehicle small,.fleet-fragmentation__item span,.fleet-setup article > span,.fleet-scenarios summary > span,.fleet-pathways summary > span { color: #05675f; }
html[data-theme="light"] .fleet-section .button:has(.trakaria-inline) { color: #0f3d5e; background: #f2f5f4; }
html[data-theme="light"] .fleet-section .button:has(.trakaria-inline) .trakaria-inline__core { color: #0f3d5e; }
html[data-theme="light"] .fleet-section .button:has(.trakaria-inline) .trakaria-inline__accent { color: #04433e; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .eyebrow { color: #9ce2d7; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-fragmentation__item span,html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-setup article > span,html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-scenarios summary > span,html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-pathways summary > span { color: #9ce2d7; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-heading > p:not(.eyebrow) .trakaria-inline__core { color: #d1e3e4; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-heading > p:not(.eyebrow) .trakaria-inline__accent { color: #9ce2d7; }
.fleet-operating-loop article > span { color: #05675f; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-transformation article > b,html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-operating-loop article > span,html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-guides article > span,html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-templates article > span { color: #9ce2d7; }
.fleet-vehicle span { color: #3f5966; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) h2 .trakaria-inline__core { color: #f0faf9; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) h2 .trakaria-inline__accent { color: #9ce2d7; }
html[data-theme="dark"] .fleet-section:not(.fleet-section--dark) .fleet-history article > span { color: #9ce2d7; }
@media (max-width: 68rem) { .fleet-split,.fleet-final,.fleet-scenarios__panel { grid-template-columns: 1fr; }.fleet-fragmentation,.fleet-setup,.fleet-templates { grid-template-columns: repeat(2,1fr); }.fleet-transformation,.fleet-operating-loop { grid-template-columns: 1fr; }.fleet-transformation aside,.fleet-operating-loop aside { position: static; }.fleet-guides article { grid-template-columns: 1fr 1fr; }.fleet-guides article small { grid-column: 2; }.fleet-pathways { grid-template-columns: repeat(3,1fr); }.fleet-boundary { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 44rem) { .fleet-section { padding: 4.5rem 0; }.fleet-heading h2 { font-size: 2.6rem; }.fleet-hero-visual { min-height: auto; padding: .8rem; }.fleet-hero-notebook > div { grid-template-columns: 1fr; }.fleet-fragmentation,.fleet-setup,.fleet-templates,.fleet-planning,.fleet-cost,.fleet-proof-gallery,.fleet-pathways,.fleet-boundary { grid-template-columns: 1fr; }.fleet-pathways details[open] { grid-column: auto; }.fleet-transformation article { grid-template-columns: 2rem 1fr; }.fleet-transformation article > span { grid-column: 2; }.fleet-guides article { grid-template-columns: 1fr; }.fleet-guides article small { grid-column: 1; }.fleet-operating-loop article { grid-template-columns: 1.8rem 1fr; padding: .8rem; }.fleet-operating-loop h3 { font-size: 1.8rem; }.fleet-walkthroughs article { grid-template-columns: 1.5rem 1fr; }.fleet-walkthroughs article > small { grid-column: 2; }.fleet-market { grid-template-columns: 1fr; }.fleet-market > b { transform: rotate(90deg); }.fleet-vehicle { grid-template-columns: 4rem 1fr; }.fleet-vehicle em { display: none; } }