:root { --auto-dial: #9db3c9; color-scheme: dark; --anchor: #14181d; --zoomed: #e6e9ec; --tallied-exhibit: #14181d; --resolvedSummary: #656c74; --resolvedBureau: #5c7a99; --fringedWidget: #1f242a }
:root { --talliedFilament: 1.11; --flankedCircuit: 0.25rem; --hashed: var(--fringedWidget); --talliedShim: var(--fringedWidget); --hosted-content: 1px; --studded: 0.55; --merged-kernel: var(--auto-dial); --composedTarget: none; --segmented-stage: var(--zoomed); --adaptive-blade: var(--zoomed); --library: var(--fringedWidget); --tunedToken: var(--zoomed); --proto-beacon: var(--zoomed); --paged-inspector: var(--zoomed); --agile-bracket: 0ms; --robust-article: 1.5rem; --reinforced: color-mix(in srgb,var(--resolvedSummary) 20%,var(--tallied-exhibit)); --shim: transparent; --topped-dial: 2px; --lower-padding: var(--resolvedSummary); --flanked-spacer: none; --caliper: var(--auto-dial); --kinetic-padding: var(--zoomed); --tall-hallway: solid; --balanced: 0.01em; --mid: 1.75; --placed-pane: none; --placedFacade: 9999px; --drape: var(--tallied-exhibit); --structural-fascia: 0.25rem; --grid-field: none; --robust-chapter: 0.25rem; --deluxeEditor: inset 0 3px 0 var(--zoomed); --tintedCanvas: color-mix(in srgb,var(--zoomed) 7%,transparent); --imprinted-pill: color-mix(in srgb,var(--zoomed) 56%,transparent); --tanned-kernel: 1; --notched-segment: 0.25rem; --touredExhibit: none; --static-dial: var(--anchor); --emitted: var(--tallied-exhibit); --periodic: var(--zoomed); --graded-tracker: clamp(1rem,5vw,3rem); --composedCeiling: uppercase; --fractionalGlyph: var(--tallied-exhibit); --zoned-field: var(--auto-dial); --topped-content: var(--tallied-exhibit); --beta-applet: 58ch; --cornered: linear-gradient(transparent,var(--zoomed)); --interactiveFastener: none; --lowerMount: var(--tallied-exhibit); --relayed: var(--auto-dial); --expressLens: 0ms; --surveyed-applet: var(--tallied-exhibit); --passive-kernel: 0 8px 0 color-mix(in srgb,var(--zoomed) 50%,transparent); --label: 0 0 0 4px var(--auto-dial); --annotatedContent: 0 6px 0 var(--zoomed); --touredHallway: 0.125rem; --fringedCapsule: inset 0 -4px 0 var(--zoomed); --patched-graph: 400; --mitred: 800; --annotatedSurface: linear; --hostedEditor: none; --talliedExhibit: 0ms; --graphic: 1.2; --page: 0 0 0 4px var(--auto-dial); --tensioned: linear; --interimNav: var(--tallied-exhibit); --projected: var(--fringedWidget); --tactileFastener: 1.3125rem; --combined-dock: var(--anchor); --interim-facade: 800; --ghost-nav: clamp(5.1875rem,9vw,7.75rem); --cached: 0px; --imprinted-compass: -0.01em; --zonedDial: var(--zoomed); --resolved-pill: 1.125rem; --applet: 90.3125rem; --sticky: transparent; --tunedCollection: var(--topped-dial); --tag: 3rem; --interim-library: var(--zoomed); --express-header: none; --charted-runner: 0.25rem }
@media(max-width:640px) {:root { --tactileFastener: calc((1.3125rem) * 0.85); --robust-article: calc((1.5rem) * 0.85); --ghost-nav: calc((clamp(5.1875rem,9vw,7.75rem)) * 0.7) }}
:root { --subtleCompass: #ffffff; --archive: #5b7997 }
:root { --keypad: #888b8f }
:root { --tunedCollection: calc(var(--topped-dial) + 1px); --static-dial: var(--auto-dial); --drape: transparent; --relayed: transparent; --caliper: color-mix(in srgb,var(--auto-dial) 14%,transparent); --shim: var(--auto-dial); --combined-dock: var(--auto-dial) }
.circuit .neutralLibrary { --caliper: color-mix(in srgb,var(--auto-dial) 14%,transparent); --combined-dock: var(--auto-dial) }
:root { --neutralCaddy: #607d9b }
:root { --zoned: 'Roboto',Arial,sans-serif; --registeredFascia: 'Roboto Slab',Georgia,serif }
:root { --charted: -0.03em; --enumerated-shim: 'Azeret Mono',ui-monospace,Menlo,monospace; --tall-glyph: 500 }
*::before,*::after,* { box-sizing: border-box }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; --tuned-chapter: min(var(--applet),100rem); --cachedDial: min(var(--tuned-chapter),48rem) }
body { margin: 0; background: var(--topped-content); color: var(--zoomed); font: 16px/var(--mid,1.6) var(--zoned,Arial,Helvetica,sans-serif); font-weight: var(--patched-graph); overflow-wrap: break-word }
a[href^="mailto:"],a[href^="tel:"],code { overflow-wrap: anywhere }
a { color: inherit }
button { font: inherit }
figure { margin: 0 }
svg,img { height: auto; max-width: 100% }
textarea,input:not([type="checkbox"]):not([type="radio"]) { appearance: none; -webkit-appearance: none }
h4,h1,h5,h6,h2,h3 { font-weight: var(--interim-facade); overflow-wrap: normal; font-family: var(--registeredFascia,inherit); letter-spacing: var(--imprinted-compass) }
.fringed-host { margin-inline: auto; width: min(var(--tuned-chapter),calc(100% - var(--graded-tracker))) }
:is(.enameled,.hosted-system)>.fringed-host { width: min(var(--cachedDial),calc(100% - var(--graded-tracker))) }
:is(.enameled,.hosted-system)>.fringed-host :is(.tinted-caddy,p) { max-width: none }
.merged-header { scroll-margin-top: var(--lower-filament); padding: calc(var(--ghost-nav) + var(--stowed,0rem)) 0 }
footer.merged-header,header.merged-header { padding: 0 }
.boxedPlate { padding-block: 0; min-height: calc(100vh - var(--lower-filament)); min-height: calc(100svh - var(--lower-filament)); display: flex; flex-direction: column; --subtleSidebar: calc(100vh - var(--lower-filament)) }
.boxedPlate>* { flex: 1 0 auto; display: flex; justify-content: center; flex-direction: column }
.interimPill { padding: calc(var(--ghost-nav) + var(--crossed-sidebar,0rem)) 0; background: var(--projected); backdrop-filter: var(--composedTarget); -webkit-backdrop-filter: var(--composedTarget) }
.merged-header>.interimPill { margin-block: calc(-1 * (var(--ghost-nav) + var(--stowed,0rem))) }
.merged-header>:is(.graded-terminal) { margin-block: calc(-1 * (var(--ghost-nav) + var(--stowed,0rem))) }
header.merged-header+.merged-header:not(.boxedPlate) { --subtleCrest: 0.55; padding-top: calc((var(--ghost-nav) + var(--stowed,0rem)) * var(--subtleCrest)) }
header.merged-header+.merged-header:not(.boxedPlate)>:is(.interimPill,.graded-terminal) { margin-top: calc(-1 * (var(--ghost-nav) + var(--stowed,0rem)) * var(--subtleCrest)) }
header.merged-header+.merged-header:not(.boxedPlate)>:is(.interimPill) { padding-top: calc((var(--ghost-nav) + var(--crossed-sidebar,0rem)) * var(--subtleCrest)) }
.panel { font-size: 1.25rem; text-decoration: none; font-weight: var(--tall-glyph,600); font-family: var(--enumerated-shim,inherit); letter-spacing: var(--charted,-0.02em) }
.federatedInspector { text-transform: var(--composedCeiling); color: var(--zoomed); font-weight: 700; letter-spacing: 0.12em; margin-bottom: 1rem; box-shadow: inset 0 -0.125rem 0 var(--resolvedBureau); font-size: 0.875rem }
.shipped { line-height: var(--mid); max-width: var(--beta-applet); font-size: 1.25rem; opacity: 0.8; margin-bottom: 2rem }
.paved-nav { font-weight: var(--interim-facade); letter-spacing: var(--imprinted-compass) }
.curved-header { max-width: var(--beta-applet) }
address { font-style: normal }
b,i,em { font-weight: inherit; font-style: inherit }
.neutralLibrary { display: inline-flex; align-items: center; justify-content: center; min-height: var(--tag); padding-block: 0.5rem; padding-inline: var(--resolved-pill); border: var(--tunedCollection) var(--tall-hallway) var(--shim); border-radius: var(--structural-fascia); background: var(--relayed); color: var(--static-dial); text-decoration: none; font-weight: var(--mitred); cursor: pointer; text-transform: var(--hostedEditor); letter-spacing: var(--balanced); box-shadow: var(--flanked-spacer); backdrop-filter: var(--composedTarget); -webkit-backdrop-filter: var(--composedTarget); transition: background var(--talliedExhibit) var(--annotatedSurface),color var(--talliedExhibit) var(--annotatedSurface),border-color var(--talliedExhibit) var(--annotatedSurface),box-shadow var(--talliedExhibit) var(--annotatedSurface),opacity var(--talliedExhibit) var(--annotatedSurface),transform var(--talliedExhibit) var(--annotatedSurface) }
.neutralLibrary:hover { color: var(--combined-dock); opacity: var(--tanned-kernel); background: var(--caliper); transform: var(--express-header); box-shadow: var(--fringedCapsule) }
.neutralLibrary:active { transform: var(--placed-pane); box-shadow: var(--deluxeEditor) }
.interimCable { border-color: var(--lower-padding); color: var(--kinetic-padding); background: var(--drape); box-shadow: none }
.interimCable:hover { box-shadow: none; background: color-mix(in srgb,var(--auto-dial) 10%,var(--drape)); color: var(--kinetic-padding) }
textarea,input { width: 100%; backdrop-filter: var(--composedTarget); -webkit-backdrop-filter: var(--composedTarget); min-height: var(--tag); padding: 0.75rem var(--resolved-pill); border: var(--topped-dial) var(--tall-hallway) var(--imprinted-pill); border-radius: var(--charted-runner); background: var(--tintedCanvas); color: var(--zonedDial); font: inherit; transition: border-color var(--talliedExhibit) var(--annotatedSurface),box-shadow var(--talliedExhibit) var(--annotatedSurface),opacity var(--talliedExhibit) var(--annotatedSurface) }
textarea { resize: vertical; line-height: var(--mid); min-height: 9rem }
input:hover,textarea:hover { border-color: var(--adaptive-blade) }
input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus { border-color: var(--auto-dial); box-shadow: var(--label) }
textarea:user-invalid,input:user-invalid { border-color: var(--merged-kernel) }
input[type="checkbox"],input[type="radio"] { appearance: none; -webkit-appearance: none; display: inline-grid; place-content: center; width: auto; min-height: 0; inline-size: 1.125rem; block-size: 1.125rem; padding: 0; border: var(--topped-dial) var(--tall-hallway) var(--adaptive-blade); background: var(--tintedCanvas); cursor: pointer; transition: background var(--talliedExhibit) var(--annotatedSurface),border-color var(--talliedExhibit) var(--annotatedSurface) }
input[type="checkbox"] { border-radius: 0.25rem }
input[type="radio"] { border-radius: 50% }
input[type="radio"]::before,input[type="checkbox"]::before { inline-size: 0.625rem; content: ""; transform: scale(0); transition: transform var(--talliedExhibit) var(--annotatedSurface); background: var(--anchor); block-size: 0.625rem }
input[type="checkbox"]::before { clip-path: polygon(13% 45%,1% 59%,39% 100%,98% 19%,86% 0%,39% 69%) }
input[type="radio"]::before { border-radius: 50%; block-size: 0.5rem; inline-size: 0.5rem }
input[type="radio"]:hover,input[type="checkbox"]:hover { border-color: var(--auto-dial) }
input[type="checkbox"]:checked,input[type="radio"]:checked { background: var(--auto-dial); border-color: var(--auto-dial) }
input[type="radio"]:checked::before,input[type="checkbox"]:checked::before { transform: scale(1) }
input[type="checkbox"]:focus-visible,input[type="radio"]:focus-visible { outline: 2px solid var(--auto-dial); box-shadow: none; outline-offset: 2px }
input[type="week"],input[type="month"],input[type="date"],input[type="time"],input[type="datetime-local"] { block-size: calc(var(--mid,1.6) * 1em + 1.5rem + 2 * var(--topped-dial)); padding-block: 0 }
::placeholder { opacity: 1; color: var(--paged-inspector) }
.pagedCollection,details { padding: var(--robust-article); background: var(--emitted); border: var(--hosted-content) var(--tall-hallway) var(--lower-padding); border-radius: var(--notched-segment); box-shadow: var(--touredExhibit); backdrop-filter: var(--composedTarget); -webkit-backdrop-filter: var(--composedTarget) }
details:hover,.pagedCollection:not(.routedStage,.enlarged,.composed-crest):hover { box-shadow: var(--interactiveFastener) }
summary { list-style-position: inside; cursor: pointer }
summary::marker { color: var(--auto-dial) }
.circuit .fringed-host { width: min(calc(var(--tuned-chapter) * 1.2),calc(100% - var(--graded-tracker))) }
.circuit { position: fixed; top: 0; left: 0; right: 0; z-index: 30; background: var(--surveyed-applet); border-color: var(--segmented-stage); border-bottom-color: var(--reinforced); color: var(--proto-beacon); backdrop-filter: var(--composedTarget); -webkit-backdrop-filter: var(--composedTarget) }
.folded { border-color: var(--segmented-stage); color: var(--proto-beacon) }
.mirrored a { transition: background var(--talliedExhibit) var(--annotatedSurface),box-shadow var(--talliedExhibit) var(--annotatedSurface),color var(--talliedExhibit) var(--annotatedSurface); position: relative; text-decoration: none; font-weight: 500; border-radius: var(--charted-runner); padding: 0.25rem }
.beacon .mirrored a:hover { background: color-mix(in srgb,var(--proto-beacon) 12%,transparent) }
.beacon .mirrored a[aria-current="page"] { background: var(--library) }
.circuit .mirrored a[aria-current="page"] { color: var(--zoned-field); font-weight: 700 }
.tactileAlert { border: var(--topped-dial) var(--tall-hallway) var(--segmented-stage); transition: background var(--talliedExhibit) var(--annotatedSurface); color: inherit; background: transparent; border-radius: var(--charted-runner) }
figure>img { border: var(--topped-dial) var(--tall-hallway) var(--interim-library); border-radius: var(--flankedCircuit) }
textarea:focus,button:focus,input:not([type="checkbox"]):not([type="radio"]):focus,summary:focus,a:focus,select:focus,.neutralLibrary:focus { outline-offset: 2px; outline: 2px solid transparent }
summary:focus-visible,input:not([type="checkbox"]):not([type="radio"]):focus-visible,.neutralLibrary:focus-visible,a:focus-visible,textarea:focus-visible,button:focus-visible { outline: 2px solid transparent; box-shadow: var(--page); outline-offset: 2px }
.mirrored a:focus-visible,.tactileAlert:focus-visible,.tactileAlert:hover:focus-visible,.mirrored a:hover:focus-visible { outline-offset: 2px; box-shadow: var(--page); outline: 2px solid transparent }
button:disabled,input:disabled,[aria-disabled="true"],textarea:disabled,.neutralLibrary:disabled { opacity: var(--studded); cursor: not-allowed }
.chromatic { flex-shrink: 0; height: 1.25rem; width: 1.25rem }
.classicTrim { align-items: center; width: 3rem; display: inline-flex; flex: 0 0 auto; justify-content: center; border-radius: var(--touredHallway); color: var(--neutralCaddy); border: var(--topped-dial) var(--tall-hallway) var(--lower-padding); height: 3rem }
.classicTrim .chromatic { width: 1.5rem; height: 1.5rem }
.classicTrim { background: color-mix(in srgb,var(--tunedToken) 12%,var(--tallied-exhibit)) }
.classicTrim { box-shadow: inset 0 0 0 var(--topped-dial) var(--talliedShim) }
.flankedSymbol { color: var(--resolvedBureau) }
.toolbar .shipped { opacity: 0.7 }
.avatar .shipped { margin-inline: auto }
.geared-trim .panel { margin-bottom: 2rem; font-size: 1.5rem }
.tinted-caddy { gap: 0.75rem; flex-direction: column; display: flex; margin: 0 0 clamp(2rem,4vw,3.5rem); max-width: 44rem }
.segmentedBlade { margin-inline: auto; align-items: center; text-align: center }
.binarySlab { justify-content: center; box-shadow: none; display: flex; align-items: center; width: 100%; gap: 0.75rem }
.binarySlab::after,.binarySlab::before { content: ""; flex: 0 0 auto; display: none; background: var(--resolvedBureau) }
.paved-nav { font-size: calc((1rem + (clamp(1.875rem,4vw,3rem) - 1rem) * var(--graphic)) * var(--talliedFilament)); line-height: 1.1; margin: 0 }
.federatedInspector { font-size: 0.8125rem; margin: 0 }
.shipped { font-size: 1.125rem; margin: 0; opacity: 0.75; line-height: var(--mid) }
.slate { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem }
.tilted-kernel { border-block: var(--topped-dial) var(--tall-hallway) var(--lower-padding) }
.passiveGraph { --stowed: 0rem; --crossed-sidebar: 0rem }
.constant { --stowed: -1rem; --crossed-sidebar: -1.5rem }
.looped { --crossed-sidebar: 0.625rem; --stowed: 0.5rem }
.robustAlert { --stowed: 1rem; --crossed-sidebar: 0.5rem }
@media(max-width:640px) {.looped,.constant,.robustAlert,.passiveGraph { --crossed-sidebar: 0rem; --stowed: 0rem }
.paved-nav { font-size: calc((1rem + (clamp(1.75rem,7vw,2.25rem) - 1rem) * var(--graphic)) * var(--talliedFilament)) }
.shipped { font-size: 1.0625rem }
.tinted-caddy { margin-bottom: clamp(1.5rem,6vw,2rem); gap: 0.5rem }
.slate { align-items: stretch; gap: 0.625rem; width: 100%; flex-direction: column }
.slate .neutralLibrary { width: 100% }
.classicTrim { height: 2.75rem; width: 2.75rem }}
.streamed { opacity: 0.85 }
.gradedToken { flex-shrink: 0; height: 0.1875rem; border-radius: var(--placedFacade); width: 1.75rem; background: var(--resolvedBureau); margin-top: calc((1.0625rem * var(--mid) - 0.1875rem) / 2) }
.cached-chamber .extendedCircuit { display: grid; gap: var(--tactileFastener); grid-template-columns: repeat(2,minmax(0,1fr)) }
.cached-nav { flex-direction: column; align-items: flex-start; display: flex; gap: 1rem }
.cached-nav .gradedToken { margin-top: 0 }
.cached-nav .streamed { line-height: var(--mid); margin: 0; font-size: 1.0625rem }
@media(max-width:768px) {.cached-chamber .extendedCircuit { grid-template-columns: 1fr }}
.extruded { display: inline-flex; height: 2.25rem; box-sizing: border-box; width: 2.25rem; align-items: center; flex-shrink: 0; justify-content: center }
.extruded .laced { height: 1.25rem; width: 1.25rem }
.base { border: var(--topped-dial) var(--tall-hallway) var(--resolvedBureau); color: var(--resolvedBureau) }
.base { border-radius: var(--placedFacade) }
.panel { display: inline-flex; align-items: center; gap: 0.625rem }
.agilePopup { display: inline-block }
.neutral { display: flex; align-items: center; margin: 0 0 1rem; font-family: var(--enumerated-shim,inherit); font-weight: var(--tall-glyph,700); letter-spacing: var(--charted,normal); gap: 0.75rem; font-size: 1.0625rem }
.interactiveContent { display: flex; flex-direction: column; margin: 0 }
.explicit { border-top: var(--topped-dial) var(--tall-hallway) var(--lower-padding); padding: 0.875rem 0; align-items: start; gap: 0.5rem clamp(1rem,3vw,2rem); grid-template-columns: minmax(9rem,0.5fr) 1.5fr; display: grid }
.explicit:last-child { border-bottom: var(--topped-dial) var(--tall-hallway) var(--lower-padding) }
.explicit dt { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8125rem; opacity: 0.55; font-weight: 700 }
.explicit dd { opacity: 0.9; line-height: var(--mid); margin: 0 }
.explicit dd a { text-underline-offset: 0.2em; text-decoration: underline }
.proxiedSegment { display: flex; list-style: none; flex-direction: column; padding: 0; margin: 1.25rem 0 0; gap: 0.75rem }
.proxiedSegment li { display: flex; line-height: var(--mid); gap: 0.625rem; align-items: flex-start }
.tallSheet { opacity: 0.85 }
.proxiedSegment .chromatic { height: 1.05rem; color: var(--resolvedBureau); flex-shrink: 0; margin-top: 0.2rem; width: 1.05rem }
.space { margin: 1.5rem 0 0; font-size: 0.9375rem; display: flex; align-items: center; gap: 0.5rem }
.grid-trim { opacity: 0.75 }
.space .chromatic { color: var(--resolvedBureau); height: 1.05rem; width: 1.05rem; flex-shrink: 0 }
.staticApplet h3 { font-size: 1.125rem; margin: 0 }
.tensioned-plate .proxiedSegment { text-align: left }
.staticApplet { max-width: 44rem; margin-inline: auto }
.staticApplet h3 { margin-top: clamp(2rem,4vw,2.5rem) }
@media(max-width:768px) {.explicit { gap: 0.25rem; grid-template-columns: 1fr }}
@media(max-width:640px) {.staticApplet h3 { margin-top: 1.5rem }}
.versatile-nav { background-image: radial-gradient(70% 85% at 50% 0%,color-mix(in srgb,var(--zoomed) 6%,transparent),transparent 72%) }
.avatar .bundle { padding: calc(var(--robust-article) * 1.75); text-align: center }
.avatar { overflow: hidden; position: relative }
.condensed-graph { position: absolute; height: 100%; z-index: 0; object-fit: cover; width: 100%; inset: 0 }
.avatar::after { position: absolute; z-index: 0; content: ""; pointer-events: none; background: linear-gradient(180deg,color-mix(in srgb,var(--tallied-exhibit) 62%,transparent) 0%,color-mix(in srgb,var(--tallied-exhibit) 84%,transparent) 100%); inset: 0 }
.avatar>.fringed-host { z-index: 1; position: relative }
.beta-flare { display: grid; grid-template-columns: 1.35fr 1fr; overflow: hidden; position: relative; align-items: center; background: var(--emitted); box-shadow: var(--touredExhibit); padding: calc(var(--robust-article) * 1.75); border-radius: var(--notched-segment); gap: clamp(1.5rem,4vw,3rem); border: var(--topped-dial) var(--tall-hallway) var(--lower-padding) }
.beta-flare::before { pointer-events: none; top: 0; background: linear-gradient(90deg,var(--resolvedBureau) 0%,color-mix(in srgb,var(--resolvedBureau) 35%,transparent) 42%,transparent 78%); content: ""; position: absolute; inset-inline: 0; height: 2px }
.structural-surface { gap: 1.25rem; flex-direction: column; align-items: flex-start; display: flex }
.structural-surface .coarse { margin: 0 }
.tabbed-symbol h1,.tabbed-symbol h2 { font-size: calc((1rem + (clamp(1.75rem,4vw,2.75rem) - 1rem) * var(--graphic)) * var(--talliedFilament)); margin: 0; line-height: 1.1 }
.tabbed-symbol .shipped { margin: 1rem 0 0 }
.bundle { border: var(--topped-dial) var(--tall-hallway) var(--lower-padding); border-radius: var(--notched-segment); box-shadow: var(--touredExhibit); background: radial-gradient(115% 105% at 88% -20%,color-mix(in srgb,var(--resolvedBureau) 26%,transparent) 0%,transparent 62%),radial-gradient(95% 90% at -8% 112%,color-mix(in srgb,var(--resolvedBureau) 14%,transparent) 0%,transparent 60%),var(--emitted) }
.bundle h1,.bundle h2 { margin: 0 0 1rem; font-size: calc((1rem + (clamp(2rem,5vw,3.25rem) - 1rem) * var(--graphic)) * var(--talliedFilament)); line-height: 1.1 }
.bundle .shipped { margin-inline: auto }
.bundle .coarse { align-items: center; margin: 1rem 0 1.5rem }
.tabbed-symbol .federatedInspector,.bundle .federatedInspector { margin: 0 0 0.75rem }
.coarse { font-style: normal; display: flex; gap: 0.5rem; flex-direction: column }
.placed-motif { display: inline-flex; line-height: var(--mid); min-width: 0; gap: 0.5rem; align-items: flex-start }
.placed-motif .flankedSymbol { margin-top: 0.125rem }
.coarse a { text-underline-offset: 0.2em; text-decoration: underline }
@media(max-width:900px) {.beta-flare { grid-template-columns: 1fr; align-items: start }}
@media(max-width:768px) {.versatile-nav .beta-flare,.avatar .bundle,.bundle,.beta-flare { padding: var(--robust-article) }}
@media(max-width:640px) {.tabbed-symbol h1,.bundle h2,.tabbed-symbol h2,.bundle h1 { font-size: calc((1rem + (clamp(1.75rem,7vw,2.25rem) - 1rem) * var(--graphic)) * var(--talliedFilament)) }}
.curved-header h1 { margin: 0 0 1.5rem; line-height: 1.1; font-size: calc((1rem + (clamp(2.25rem,5vw,3.5rem) - 1rem) * var(--graphic)) * var(--talliedFilament)) }
.curved-header h2 { font-size: 1.5rem; margin: 2.5rem 0 1rem; line-height: 1.3 }
.curved-header h3 { margin: 2rem 0 0.75rem; font-size: 1.125rem; line-height: 1.4 }
.curved-header p { margin: 0 0 1.25rem; color: color-mix(in srgb,var(--zoomed) 85%,transparent); font-size: 1.0625rem; line-height: var(--mid) }
.curved-header p:last-child { margin-bottom: 0 }
.curved-header p.federatedInspector { margin: 0; color: var(--zoomed); font-size: 0.8125rem }
.curved-header ul { flex-direction: column; margin: 0 0 1.25rem; display: flex; padding-left: 1.25rem; gap: 0.5rem }
.curved-header li { font-size: 1.0625rem; line-height: var(--mid); color: color-mix(in srgb,var(--zoomed) 85%,transparent) }
.curved-header a { color: var(--auto-dial); text-decoration: underline; text-underline-offset: 0.2em }
.curved-header strong { font-weight: 700 }
@media(max-width:640px) {.curved-header h1 { font-size: calc((1rem + (clamp(1.875rem,7vw,2.5rem) - 1rem) * var(--graphic)) * var(--talliedFilament)) }}
.synced { border-radius: 0 }
.routedStage { background: var(--auto-dial); color: var(--anchor); overflow: hidden; border-color: transparent; position: relative; text-align: center; padding: calc(var(--robust-article) * 3.25) calc(var(--robust-article) * 2) }
.routedStage>* { position: relative }
.interimFascia { inset: 0; pointer-events: none; height: 100%; position: absolute; width: 100% }
.routedStage h1,.routedStage h2 { text-wrap: balance; line-height: 1.1; margin: 0 0 1.25rem; font-size: calc((1rem + (clamp(1.75rem,4.5vw,2.75rem) - 1rem) * var(--graphic)) * var(--talliedFilament)) }
.routedStage .shipped { margin: 0 auto clamp(1.75rem,3.5vw,2.5rem); max-width: 46ch; color: var(--anchor); opacity: 0.84 }
.routedStage .neutralLibrary { border-color: transparent; background: var(--anchor); color: var(--auto-dial) }
.routedStage .neutralLibrary:hover { background: color-mix(in srgb,var(--anchor) 88%,var(--auto-dial)); color: var(--auto-dial) }
.fetched { gap: 0.5rem }
.fetched .chromatic { height: 1.1rem; width: 1.1rem }
.circular .tinted-caddy { max-width: 40rem }
.grate { grid-template-columns: 1fr 1fr; display: grid }
.crossed-system { flex-direction: column; display: flex; padding: 0 2.5rem; gap: 2rem }
.crossed-system:first-child { border-inline-end: var(--topped-dial) var(--tall-hallway) var(--lower-padding) }
.tall-field { gap: 1.25rem; display: flex; align-items: flex-start }
.tall-field h3 { font-size: 1.25rem; margin: 0 0 0.5rem }
.tall-field p { line-height: var(--mid); margin: 0; opacity: 0.75 }
@media(max-width:768px) {.grate { grid-template-columns: 1fr; gap: 1.5rem }
.crossed-system { padding: 0 }
.crossed-system:first-child { border-inline-end: none }}
@media(max-width:640px) {.grate { gap: 1.25rem }}
.geared-trim { padding: calc(var(--ghost-nav) * 0.7) 0 calc(var(--ghost-nav) * 0.5); border-top: var(--topped-dial) var(--tall-hallway) var(--lower-padding) }
.proxiedLoop { align-items: center; font-size: 0.875rem; display: flex; border-top: var(--topped-dial) var(--tall-hallway) var(--lower-padding); justify-content: space-between; margin-top: clamp(2rem,4vw,3rem); gap: 1rem; padding-top: clamp(1.5rem,3vw,2rem); flex-wrap: wrap }
.proxiedLoop p { margin: 0 }
.proxiedLoop p:not(.stationed) { opacity: 0.65 }
.proxiedLoop a { text-decoration: none }
.proxiedLoop a:hover { text-decoration: underline }
.inked-system { flex-wrap: wrap; align-items: center; gap: 0.75rem 1.5rem; margin-left: auto; justify-content: flex-end; display: flex }
.stationed { font-size: 0.75rem; color: var(--keypad); margin: 0 }
.stationed a { text-decoration: none }
.tintedDovetail { align-items: flex-start }
.tintedDovetail .extruded { margin-block-start: max(0px,calc((1em * var(--mid) - 2.25rem) / 2)) }
.tintedDovetail .agilePopup { margin-block-start: max(0px,calc((2.25rem - 1em * var(--mid)) / 2)) }
.crossed-hull { display: flex; font-style: normal; gap: 0.65rem; flex-direction: column }
.toured-pattern { line-height: var(--mid); display: inline-flex; align-items: flex-start; gap: 0.5rem; text-decoration: none; min-width: 0 }
.differentialKiosk { opacity: 0.85 }
.toured-pattern .chromatic { margin-block-start: calc((1rem * var(--mid) - 1.05rem) / 2) }
.toured-pattern .chromatic { height: 1.05rem; width: 1.05rem }
a.toured-pattern:hover .differentialKiosk { opacity: 1 }
.geared-trim { text-align: center }
.geared-trim .panel { margin-bottom: 1.5rem; display: inline-flex }
.describedAlert { font-weight: 500; justify-content: center; flex-wrap: wrap; margin-bottom: 1.5rem; gap: 1.75rem; display: flex }
.describedAlert a { transition: color var(--talliedExhibit) var(--annotatedSurface); text-decoration: none }
.describedAlert a:hover { color: var(--auto-dial) }
.geared-trim .crossed-hull { align-items: center; margin-bottom: 2rem }
.hint { width: 2.5rem; height: 2px; margin: 0 auto; background: var(--resolvedBureau) }
.geared-trim .proxiedLoop { flex-direction: column; gap: 0.5rem; justify-content: center; margin-top: 1.5rem; padding-top: 0; border-top: none }
.geared-trim .inked-system { justify-content: center; margin-left: 0 }
a.coupled-library { opacity: 1; text-decoration: underline; text-decoration-color: var(--resolvedBureau); text-decoration-thickness: 0.08em; text-underline-offset: 0.28em }
a.coupled-library:hover { color: var(--auto-dial); text-decoration-color: var(--resolvedBureau) }
@media(max-width:768px) {.proxiedLoop { flex-direction: column; align-items: flex-start }
.inked-system { margin-left: 0; justify-content: flex-start }}
@media(max-width:640px) {.proxiedLoop { padding-top: 1.25rem; margin-top: 1.5rem }}
.tilted-pill { gap: 1.25rem; display: grid }
.passiveBay { flex-direction: column; gap: 0.5rem; min-width: 0; display: flex }
.surveyedDigest { font-size: 0.875rem; font-weight: 600; letter-spacing: 0.01em }
.paged-mount { gap: 1rem; display: flex; align-items: center; flex-wrap: wrap }
.interlockedHull { margin: 0; font-size: 0.875rem }
.interlockedHull:empty { display: none }
.interlockedHull[data-utility] { width: 1px; border: 0; white-space: nowrap; overflow: hidden; clip-path: inset(50%); position: absolute; margin: -1px; height: 1px; padding: 0 }
.neutralLibrary[data-versatile-facade] { opacity: 1; position: relative; color: transparent; pointer-events: none }
.neutralLibrary[aria-disabled="true"] { cursor: default }
.neutralLibrary[data-versatile-facade] .chromatic { visibility: hidden }
.paged-mount .neutralLibrary[data-versatile-facade][aria-busy="true"]::after { content: ""; display: block; position: absolute; inset: auto; top: 50%; left: 50%; z-index: 1; width: 1.15em; height: 1.15em; margin: -0.575em 0 0 -0.575em; padding: 0; box-sizing: border-box; background: none; opacity: 1; border: 2px solid var(--static-dial); border-top-color: transparent; border-radius: 50%; transition: none; animation: repeater 0.7s linear infinite }
@media (prefers-reduced-motion: reduce) {.paged-mount .neutralLibrary[data-versatile-facade][aria-busy="true"]::after { animation: none }}
@keyframes repeater {to { transform: rotate(360deg) }}
.wave { display: flex; flex-direction: column; max-width: 44rem; margin: 0 0 clamp(1.75rem,3vw,2.5rem); gap: 0.75rem }
.gearedTerminal { margin-inline: auto; align-items: center; text-align: center }
.classic-editor { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem 1.5rem }
.classic-editor .paged-mount,.classic-editor .tensionedChapter { grid-column: 1/-1 }
.classic-editor.deployed-system { grid-template-columns: minmax(0,1fr) }
.meshed .scaffold { max-width: 44rem; margin-inline: auto }
.smart { opacity: 0.65; margin: 1rem 0 0; font-size: 0.8125rem }
.neutral-field { font-weight: 400; text-transform: none; opacity: 0.72 }
@media(max-width:768px) {.classic-editor { grid-template-columns: 1fr }
.paged-mount .neutralLibrary { width: 100% }}
.tray .duct { align-items: center }
.doubled-pad { flex-direction: column; display: flex }
.duct { border-top: var(--topped-dial) var(--tall-hallway) var(--lower-padding); display: flex; padding: clamp(2.5rem,5vw,4rem) 0; gap: clamp(2rem,5vw,4rem); align-items: center }
.duct:last-child { border-bottom: var(--topped-dial) var(--tall-hallway) var(--lower-padding) }
.toured-digest { flex: 1 }
.toured-digest h3 { font-size: calc((1rem + (clamp(1.625rem,3.5vw,2.25rem) - 1rem) * var(--graphic)) * var(--talliedFilament)); margin: 0 0 1rem }
.toured-digest p { opacity: 0.75; font-size: 1.125rem; max-width: 60ch; margin: 0; line-height: var(--mid) }
.toured-digest p:first-of-type { font-size: 1.25rem; opacity: 1 }
.toured-digest .gradedGlyph { margin-top: 1rem }
.interactive-surface { margin: 0; flex-shrink: 0; width: 45% }
.interactive-surface img { width: 100%; aspect-ratio: 1; display: block; object-fit: cover; border-radius: var(--flankedCircuit) }
@media(min-width:769px) {.doubled-pad:not(.lettered)>.duct:nth-child(even),.lettered>.duct:nth-child(odd) { flex-direction: row-reverse }}
@media(max-width:768px) {.duct,.doubled-pad>.duct:nth-child(even) { flex-direction: column; padding: 2rem 0; gap: 2rem }
.interactive-surface { width: 100% }}
@media(max-width:640px) {.doubled-pad>.duct:nth-child(even),.duct { padding: 1.5rem 0; gap: 1.25rem }}
.circuit { height: var(--cleat); display: flex; flex-direction: column; transition: height var(--talliedExhibit) var(--annotatedSurface); --cleat: 5rem }
@keyframes sequentialFoyer {from { transform: translateX(0) }
to { transform: translateX(-100%) }}
.sized { display: flex; gap: clamp(1rem,2vw,1.5rem); padding-block: 0; flex: 1 1 auto; justify-content: space-between; align-items: center; min-height: 0 }
.folded { gap: clamp(1rem,2vw,1.5rem); display: flex; align-items: center }
.mirrored { gap: clamp(1rem,2vw,1.5rem); flex-wrap: wrap; display: flex }
.beacon .mirrored a { border-radius: var(--placedFacade); padding: 0.35rem 0.9rem }
.beacon .mirrored a[aria-current="page"] { font-weight: 500; color: color-mix(in srgb,var(--zoned-field) 65%,var(--proto-beacon)) }
.tactileAlert { cursor: pointer; justify-content: center; align-items: center; display: none; height: 2.75rem; width: 2.75rem }
.tactileAlert .cameo { display: none }
.tactileAlert[aria-expanded="true"] .autoRouter { display: none }
.tactileAlert[aria-expanded="true"] .cameo { display: inline-flex }
.beacon { border-bottom: 1px var(--tall-hallway) var(--reinforced) }
.beacon .mirrored { border: var(--topped-dial) var(--tall-hallway) var(--segmented-stage); padding: 0.375rem 1.25rem; gap: 1.25rem; border-radius: var(--placedFacade) }
:root { --lower-filament: 5rem }
.tactile-title { height: var(--lower-filament) }
.circuit .agilePopup,.circuit .neutralLibrary,.circuit .mirrored a { white-space: nowrap }
.folded,.sized>*,.mirrored { min-width: 0 }
.circuit .agilePopup { overflow: hidden; text-overflow: ellipsis }
@media(min-width:1137px) and (max-width:1400px) {.mirrored,.sized,.folded { gap: 1rem }}
@media(max-width:1136px) {.sized { align-items: center; flex-direction: row; justify-content: space-between }
.tactileAlert { display: inline-flex }
.folded { gap: 0.5rem; left: 0; border-bottom: var(--topped-dial) var(--tall-hallway) var(--segmented-stage); flex-direction: column; padding: 1rem; right: 0; z-index: 20; background: var(--surveyed-applet); position: absolute; top: 100%; display: none; border-top: var(--topped-dial) var(--tall-hallway) var(--segmented-stage); align-items: stretch }
.folded[data-tallied-hook] { display: flex }
.mirrored { flex-direction: column; gap: 0.25rem }
.mirrored a { padding: 0.65rem 0.25rem }
.beacon .mirrored { padding: 0; background: transparent; border: none; gap: 0.25rem }
.mirrored a::after { display: none }
:root { --lower-filament: 4rem }
.circuit { --cleat: 4.5rem }
.folded .neutralLibrary { width: 100% }}
@keyframes ultraOutline {from { transform: translate3d(-12%,-7%,0) scale(0.87) }
to { transform: translate3d(13%,9%,0) scale(1.14) }}
@keyframes internalTint {from { transform: translate3d(10%,9%,0) scale(1.22) }
to { transform: translate3d(-15%,-6%,0) scale(0.91) }}
.echoed-skeleton { flex-wrap: wrap; gap: 1.5rem; list-style: none; justify-content: center; margin: 0.5rem 0 0; display: flex; padding: 0; font-size: 0.9375rem }
.echoed-skeleton li { display: flex; gap: 0.5rem; align-items: center }
.echoed-skeleton .chromatic { width: 1.1rem; height: 1.1rem; color: var(--resolvedBureau) }
.tanned-applet { justify-content: flex-start; gap: 0.875rem 2rem; margin-top: 0.75rem }
.tanned-applet li { gap: 0.625rem }
.federated-sidebar { width: 0.125rem; height: 1rem; background: var(--resolvedBureau); flex: 0 0 auto }
.cursor>img { filter: var(--grid-field) }
.toolbar { padding: 0; border-radius: 0 }
.kineticGraph { align-items: stretch; grid-template-columns: minmax(0,1fr) minmax(0,1fr); display: grid; flex: 1 }
.fullJournal { padding-inline-end: clamp(2rem,5vw,4rem); padding-block: min(calc(var(--ghost-nav) * 1.25),calc(var(--subtleSidebar,100vh) * 0.125)); gap: 1.75rem; display: flex; justify-content: center; padding-inline-start: min(max(calc(var(--graded-tracker) / 2),calc(100% - var(--tuned-chapter) / 2)),8rem); flex-direction: column; align-items: flex-start }
.cursor { margin: 0; align-self: stretch; display: flex }
.cursor img { height: 100%; border: 0; width: 100%; border-radius: 0; display: block; object-fit: cover }
.fullJournal h2,.fullJournal h1 { font-size: calc((1rem + (clamp(2rem,4vw,3.25rem) - 1rem) * var(--graphic)) * var(--talliedFilament)); line-height: 1.05; max-width: 16ch; margin: 0 }
@media(max-width:768px) {.kineticGraph { grid-template-columns: 1fr }
.fullJournal { padding-inline: var(--graded-tracker) }
.cursor img { height: auto; aspect-ratio: 16/9 }}
@media(max-width:640px) {.fullJournal h2,.fullJournal h1 { font-size: calc((1rem + (clamp(2rem,9vw,2.5rem) - 1rem) * var(--graphic)) * var(--talliedFilament)) }
.echoed-skeleton { font-size: 0.9rem; gap: 0.75rem 1.25rem }
.fullJournal { padding-block: calc(var(--ghost-nav) * 0.85) }}
.hosted-system .tilted-segment { flex-direction: column; display: flex }
.curved { padding: calc(var(--robust-article) * 1.5) 0; border-top: var(--topped-dial) var(--tall-hallway) var(--adaptive-blade) }
.curved:last-child { border-bottom: var(--topped-dial) var(--tall-hallway) var(--adaptive-blade) }
.curved h3 { margin: 0 0 0.75rem; font-size: calc((1rem + (clamp(1.375rem,2.5vw,1.75rem) - 1rem) * var(--graphic)) * var(--talliedFilament)) }
.curved p { line-height: var(--mid); margin: 0; font-size: 1.0625rem; max-width: 60ch; opacity: 0.85 }
@media(max-width:768px) {.curved { padding: 1.75rem 0 }}
@media(max-width:640px) {.curved { padding: 1.5rem 0 }}
.structuralCapsule .federatedInspector:not(.binarySlab):not(.annotated-applet) { display: flex; box-shadow: none; gap: 0.625rem; align-items: center }
.structuralCapsule .federatedInspector:not(.binarySlab):not(.annotated-applet)::before,.structuralCapsule .binarySlab::after,.structuralCapsule .binarySlab::before { content: ""; border-radius: 0; min-width: 1.25rem; background: linear-gradient(var(--resolvedBureau),var(--resolvedBureau)) top right/100% 2px no-repeat,linear-gradient(var(--resolvedBureau),var(--resolvedBureau)) bottom right/50% 2px no-repeat; flex: 0 0 auto; height: 0.5rem }
.structuralCapsule .binarySlab::after { background: linear-gradient(var(--resolvedBureau),var(--resolvedBureau)) top left/100% 2px no-repeat,linear-gradient(var(--resolvedBureau),var(--resolvedBureau)) bottom left/50% 2px no-repeat }
.structuralCapsule .federatedInspector:not(.binarySlab):not(.annotated-applet)::before { width: 2rem }
.graded-terminal { padding: clamp(3.5rem,7vw,6rem) 0 }
.graded-terminal .curved-header { margin-inline: auto; max-width: max(var(--beta-applet),68ch) }
.fringed-host.curved-header { margin-inline: auto; max-width: max(var(--beta-applet),68ch) }
.deployed-caddy { margin: 0 0 0.75rem; letter-spacing: 0.14em; font-weight: 700; color: var(--auto-dial); text-transform: uppercase; font-size: 0.8125rem }
.hanger { line-height: 1.08; margin: 0 0 1rem; font-size: calc((1rem + (clamp(2.25rem,5vw,3.5rem) - 1rem) * var(--graphic)) * var(--talliedFilament)) }
.inkedTracker code { padding: 0.1em 0.4em; white-space: nowrap; font-size: 0.875em; border-radius: var(--notched-segment); background: var(--emitted) }
.full-loop { margin: 0 0 1.25rem }
.full-loop .versatileCanvas { line-height: 1.45; margin: 0 0 0.6rem }
.full-loop .echoed-nav { font-weight: 700 }
.full-loop .versatileCanvas:last-child { margin-bottom: 0 }
.segmentedJournal { padding-left: 1.25rem; list-style: disc; margin: 0 0 1.25rem }
.segmentedJournal li { line-height: var(--mid); margin: 0 0 0.4rem }
.segmentedJournal li::marker { color: var(--resolvedBureau) }
.graded-terminal h2 { scroll-margin-top: calc(var(--lower-filament) + 1rem) }
.inkedTracker { padding: 0.875rem 0; display: grid; font-size: 0.9375rem; margin: 0 0 1.75rem; grid-template-columns: max-content minmax(0,1fr); border-block: var(--topped-dial) var(--tall-hallway) var(--lower-padding); gap: 0.375rem 1.25rem }
.inkedTracker dt { opacity: 0.65; letter-spacing: 0.1em; line-height: var(--mid); font-weight: 700; margin: 0; font-size: 0.75rem; text-transform: uppercase }
.inkedTracker dd { margin: 0; line-height: var(--mid) }
.terracedBracket { counter-reset: none }
.differentialSkeleton .minor { position: relative; margin-top: 2.25rem; padding-inline-start: 2.25rem }
.differentialSkeleton .minor::before { content: ""; width: 0.125rem; border-radius: var(--placedFacade); background: var(--resolvedBureau); top: 1rem; position: absolute; left: 0.4375rem; bottom: 0.5rem }
.differentialSkeleton .segmentedSparkline { position: relative; padding-bottom: 1.5rem }
.differentialSkeleton .segmentedSparkline h2 { position: relative; margin-top: 0 }
.differentialSkeleton .segmentedSparkline h2::before { height: 1rem; border-radius: var(--placedFacade); left: -2.25rem; content: ""; box-shadow: 0 0 0 0.25rem var(--topped-content); top: calc(0.65em - 0.5rem); width: 1rem; background: var(--resolvedBureau); position: absolute }
@media(max-width:768px) {.inkedTracker code { white-space: normal }}
@media(max-width:640px) {.graded-terminal { padding: 2.5rem 0 }
.hanger { font-size: calc((1rem + (clamp(1.875rem,7vw,2.5rem) - 1rem) * var(--graphic)) * var(--talliedFilament)) }
.differentialSkeleton .minor { padding-inline-start: 1.75rem }
.differentialSkeleton .segmentedSparkline h2::before { left: -1.75rem }}
.versatile-ledge { gap: 0.5rem; display: flex; flex-direction: column }
.backed-article { letter-spacing: -0.02em; color: var(--auto-dial); font-size: calc((1rem + (clamp(2rem,5vw,3.5rem) - 1rem) * var(--graphic)) * var(--talliedFilament)); font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.05 }
.service { opacity: 0.75; font-size: 0.6em; color: var(--zoomed); font-weight: 500 }
.doubled-trim { opacity: 0.7; line-height: 1.45; font-size: 0.9375rem }
.low .arrayed { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)) }
.arrayed .versatile-ledge { padding: 0 1.75rem; border-inline-start: var(--topped-dial) var(--tall-hallway) var(--lower-padding) }
.arrayed .versatile-ledge:first-child { border-inline-start: none; padding-inline-start: 0 }
.arrayed .versatile-ledge:last-child { padding-inline-end: 0 }
@media(max-width:768px) {.low .arrayed { grid-template-columns: 1fr }
.arrayed .versatile-ledge { border-inline-start: none; padding: 0; border-top: var(--topped-dial) var(--tall-hallway) var(--lower-padding); padding-top: 1.25rem }
.arrayed .versatile-ledge:first-child { padding-top: 0; border-top: none }}
@media(max-width:640px) {.backed-article { font-size: calc((1rem + (clamp(1.75rem,8vw,2.5rem) - 1rem) * var(--graphic)) * var(--talliedFilament)) }}
.enameled .toppedSpacer { display: flex; flex-direction: column }
.enameled .gradedDock { gap: calc(var(--tactileFastener) * 1.5); border-top: var(--topped-dial) var(--tall-hallway) var(--lower-padding); padding: var(--robust-article) 0; align-items: flex-start; display: flex }
.enameled .gradedDock:first-child { border-top-color: var(--adaptive-blade) }
.enameled .gradedDock:last-child { border-bottom: var(--topped-dial) var(--tall-hallway) var(--adaptive-blade) }
.enameled .fringed-field { flex-shrink: 0; color: var(--resolvedBureau); font-variant-numeric: tabular-nums; letter-spacing: var(--imprinted-compass); font-size: calc((1rem + (1.5rem - 1rem) * var(--graphic)) * var(--talliedFilament)); min-width: 2.25rem; line-height: 1.2; font-weight: var(--interim-facade) }
.console h3 { margin: 0 0 0.375rem; font-size: calc((1rem + (1.25rem - 1rem) * var(--graphic)) * var(--talliedFilament)) }
.console p { max-width: 60ch; line-height: var(--mid); margin: 0; opacity: 0.75 }
@media(max-width:768px) {.enameled .gradedDock { flex-direction: column; gap: 0.75rem }}
.enumerated-timeline .emblem:not(.toppedNav) { letter-spacing: calc(var(--imprinted-compass) + 0.03em); text-transform: uppercase }
.gallery { min-width: 0 }
.gallery .tinted-caddy { margin-bottom: 1.25rem }
.justify { align-items: center; flex-wrap: wrap; gap: clamp(1.5rem,3vw,2.5rem); display: flex; justify-content: space-between }
.justify>.gallery { flex: 1 1 20rem }
.tunedCrest { min-width: 0; flex: 1 1 22rem }
.condensed-ledger { align-items: end; grid-template-columns: minmax(0,1fr) auto; gap: 1rem 0.75rem }
.condensed-ledger .paged-mount { align-items: stretch; gap: 0; flex-direction: column }
.condensed-ledger .interlockedHull { margin-top: 0.75rem }
.condensed-ledger .neutralLibrary { padding-block: 0.75rem }
@media(max-width:640px) {.condensed-ledger { grid-template-columns: 1fr }
.condensed-ledger .neutralLibrary { width: 100% }}
.meshed-host { border-color: var(--adaptive-blade); color: var(--tallied-exhibit); background: var(--periodic) }
.meshed-host .shipped { color: var(--tallied-exhibit) }
.meshed-host p { color: var(--tallied-exhibit) }
.meshed-host .federatedInspector { color: color-mix(in srgb,var(--tallied-exhibit) 70%,transparent) }
.meshed-host .neutralLibrary { background: var(--tallied-exhibit); color: var(--zoomed) }
.meshed-host .interimCable { color: var(--tallied-exhibit); border-color: var(--tallied-exhibit); background: transparent }
.meshed-host .neutralLibrary:hover { color: var(--zoomed); background: color-mix(in srgb,var(--tallied-exhibit) 86%,var(--zoomed)) }
.meshed-host .interimCable:hover { background: color-mix(in srgb,var(--tallied-exhibit) 14%,transparent); color: var(--tallied-exhibit) }
.meshed-host .service,.meshed-host .backed-article { color: var(--tallied-exhibit) }
.meshed-host .classicTrim { background: var(--tallied-exhibit) }
.meshed-host .classicTrim { border-color: transparent }
.meshed-host .classicTrim { box-shadow: 0 0 0 0.1875rem var(--resolvedBureau); color: var(--resolvedBureau) }
.meshed-host summary::marker,.meshed-host summary::after { color: var(--tallied-exhibit) }
.meshed-host .folded { color: var(--tallied-exhibit) }
.meshed-host .mirrored a[aria-current="page"],.meshed-host .mirrored a:hover { color: var(--tallied-exhibit) }
.meshed-host .tactileAlert { border-color: var(--tallied-exhibit) }
.meshed-host .proxiedLoop,.meshed-host .curved { border-color: color-mix(in srgb,var(--tallied-exhibit) 34%,transparent) }
.meshed-host .stationed { color: inherit; opacity: 0.65 }
.meshed-host input,.meshed-host textarea { color: var(--tallied-exhibit); border-color: color-mix(in srgb,var(--tallied-exhibit) 56%,transparent); background: color-mix(in srgb,var(--tallied-exhibit) 8%,var(--periodic)) }
.meshed-host ::placeholder { color: color-mix(in srgb,var(--tallied-exhibit) 55%,var(--periodic)) }
.tactileAlert { width: 3.25rem; height: 3.25rem }
.tactileAlert .chromatic { width: 1.5rem; height: 1.5rem }
@media(min-width:1137px) {.beacon .mirrored { padding: 0.5rem 1rem }
.beacon .mirrored a { padding: 0.6rem 1.25rem }}
details,.pagedCollection { transition: all var(--talliedExhibit) var(--annotatedSurface) }
input,textarea { transition: all var(--talliedExhibit) var(--annotatedSurface) }
.pagedCollection:not(.routedStage,.enlarged,.composed-crest):hover,details:hover { box-shadow: 0 0 0 3px var(--adaptive-blade) }
select:focus,textarea:focus,input:not([type="checkbox"]):not([type="radio"]):focus { box-shadow: inset 0 -4px 0 var(--zoomed) }
.neutralLibrary:focus-visible,.neutralLibrary:not(.interimCable,.tabbedChapter):hover:focus-visible { box-shadow: var(--page)!important }
[data-dual] [data-lattice] .fringed-host:not(:has(:is(.tuned-dovetail,.expressBeacon,.surveyed-hangar,.braced,.routed-collection,.hosted-applet,.media,.coupled,.deployed-exhibit,.stencil,.hostedBay,.stereoMod,.tilted-segment,.queue,.coupled-compass,.meshedSurface,.versatile-snippet,.doubled-pad,.ultra,.shelved,.ghost-loft,.toppedSpacer,.echoed-mount,.cradle,.serrated-journal,.serrated-grate,.structuralAdapter,.laminated,.federated-article))) { transform: translateY(var(--cached)); opacity: 0; transition: opacity var(--expressLens) var(--tensioned),transform var(--expressLens) var(--tensioned) }
[data-dual] [data-lattice][data-agile-scope] .fringed-host:not(:has(:is(.tuned-dovetail,.expressBeacon,.surveyed-hangar,.braced,.routed-collection,.hosted-applet,.media,.coupled,.deployed-exhibit,.stencil,.hostedBay,.stereoMod,.tilted-segment,.queue,.coupled-compass,.meshedSurface,.versatile-snippet,.doubled-pad,.ultra,.shelved,.ghost-loft,.toppedSpacer,.echoed-mount,.cradle,.serrated-journal,.serrated-grate,.structuralAdapter,.laminated,.federated-article))) { transform: none; opacity: 1 }
[data-dual] [data-lattice] .fringed-host:has(:is(.tilted-segment,.doubled-pad,.toppedSpacer)) { transition: opacity var(--expressLens) var(--tensioned); opacity: 0 }
[data-dual] [data-lattice][data-agile-scope] .fringed-host:has(:is(.tilted-segment,.doubled-pad,.toppedSpacer)) { opacity: 1 }
[data-dual] [data-lattice] :is(.tilted-segment,.doubled-pad,.toppedSpacer)>* { transition: opacity var(--expressLens) var(--tensioned),transform var(--expressLens) var(--tensioned); opacity: 0; transform: translateY(var(--cached)) }
[data-dual] [data-lattice][data-agile-scope] :is(.tilted-segment,.doubled-pad,.toppedSpacer)>* { transform: none; opacity: 1 }
[data-dual] [data-lattice][data-agile-scope] :is(.tilted-segment,.doubled-pad,.toppedSpacer)>*:nth-child(2) { transition-delay: calc(1 * var(--agile-bracket)) }
[data-dual] [data-lattice][data-agile-scope] :is(.tilted-segment,.doubled-pad,.toppedSpacer)>*:nth-child(3) { transition-delay: calc(2 * var(--agile-bracket)) }
[data-dual] [data-lattice][data-agile-scope] :is(.tilted-segment,.doubled-pad,.toppedSpacer)>*:nth-child(4) { transition-delay: calc(3 * var(--agile-bracket)) }
[data-dual] [data-lattice][data-agile-scope] :is(.tilted-segment,.doubled-pad,.toppedSpacer)>*:nth-child(5) { transition-delay: calc(4 * var(--agile-bracket)) }
[data-dual] [data-lattice][data-agile-scope] :is(.tilted-segment,.doubled-pad,.toppedSpacer)>*:nth-child(6) { transition-delay: calc(5 * var(--agile-bracket)) }
[data-dual] [data-lattice][data-agile-scope] :is(.tilted-segment,.doubled-pad,.toppedSpacer)>*:nth-child(n+7) { transition-delay: calc(5 * var(--agile-bracket)) }